html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline
}

sup, sub {
  font-size: 70%
}

sup {
  position: relative;
  bottom: 1ex
}

sub {
  top: .5ex
}

:focus {
  outline: 0
}

ul {
  list-style: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

caption, th, td {
  font-weight: normal;
  text-align: left
}

blockquote:before, blockquote:after {
  content: ""
}

q:before, q:after {
  content: ""
}

blockquote, q {
  quotes: "" ""
}

a img {
  border: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav {
  display: block
}

section {
  display: block;
  display: block;
  margin: 0;
  padding: 0
}

nav, article, aside, hgroup, header, footer, figure, figcaption, summary {
  display: block;
  margin: 0;
  padding: 0
}

.alignright {
  float: right
}

.alignleft {
  float: left
}

.clear {
  clear: both
}

.clearfix {
  display: inline-block
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden
}

body {
  margin: 0;
  padding: 0;
  line-height: 1.7;
  font-size: .8em;
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ叔ゴ ProN W3', Meiryo, メイリオ, sans-serif;
  margin: 0 auto;
  color: #000
}

a:link, a:visited {
  color: #005dad
}

a:hover {
  color: #C00
}

a:active {
  color: #F00
}

a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha( opacity=60 )";
  background: none !important
}

#mainheader {
  border-bottom: 8px solid #60c4e4;
  padding: 0 20px 0px;
  height: 80px;
  background: url("/report/environmental/2021/image/common/header.png") right top no-repeat
}

#mainheader #logo {
  text-align: left;
  margin: 0 auto
}

#mainheader a {
  display: inline-block
}

#wrapper {
  margin: 0 auto;
  padding: 0;
  min-width: 800px;
  max-width: 1300px;
  overflow: hidden
}

.breadcrumb {
  text-align: right;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  letter-spacing: -.4em
}

.breadcrumb.foot {
  padding: 30px 0 0 !important;
  text-align: left
}

.breadcrumb li {
  display: inline-block;
  letter-spacing: normal
}

.breadcrumb li:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f054';
  padding: 0 5px;
  color: #ccc;
  display: inline-block
}

.breadcrumb li:last-child:after {
  content: ''
}

.breadcrumb li a {
  text-decoration: none;
  color: #999
}

.breadcrumb li a:hover {
  text-decoration: underline
}

.breadcrumb a:hover {
  text-decoration: underline
}

#globalnav {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 250px;
  vertical-align: top;
  font-size: 1.1em
}

#globalnav li {
  display: block;
  vertical-align: middle;
  font-size: 13px;
  position: relative;
  border-bottom: 3px solid #fff
}

#globalnav li a {
  text-decoration: none;
  display: block;
  padding: 15px 25px 15px 10px;
  background-position: 0 0;
  background-size: 200% auto;
  -webkit-transition: .3s;
  transition: .3s;
  color: #000
}

#page1 li#side1::before, #page2 li#side2::before, #page3 li#side3::before, #page4 li#side4::before, #page5 li#side5::before, .color06 li#side6::before, .color07 li#side7::before, .color08 li#side8::before, #page9 li#side9::before, #page10 li#side10::before, #page11 li#side11::before {
  display: block;
  position: absolute;
  top: 18px;
  right: 10px;
  font-size: 15px;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f138';
  color: #fff
}

#globalnav li#sidehome, #globalnav li#side11 {
  background-color: #f7f8f8;
  color: #c9caca
}

#globalnav li#sidehome a:hover, #globalnav li#side11 a:hover {
  background-color: #c9caca;
  color: #fff
}

#globalnav li#side1, #globalnav li#side2, #globalnav li#side3, #globalnav li#side4, #globalnav li#side5 {
  background-color: #c9ebe9
}

#globalnav li#side1 a:hover, #globalnav li#side2 a:hover, #globalnav li#side3 a:hover, #globalnav li#side4 a:hover, #globalnav li#side5 a:hover {
  background-color: #4cbbb4;
  color: #fff
}

#page11 #globalnav li#side11 a {
  background-color: #c9caca;
  color: #fff
}

#page1 #globalnav li#side1 a, #page2 #globalnav li#side2 a, #page3 #globalnav li#side3 a, #page4 #globalnav li#side4 a, #page5 #globalnav li#side5 a {
  background-color: #4cbbb4;
  color: #fff
}

#globalnav li#side6, .color06 #globalnav li#side6 {
  background-color: #d7eddd
}

#globalnav li#side6 a:hover, .color06 #globalnav li#side6 a {
  background-color: #79c38d;
  color: #fff
}

#globalnav li#side7, .color07 #globalnav li#side7 {
  background-color: #e5f1cf
}

#globalnav li#side7 a:hover, .color07 #globalnav li#side7 a {
  background-color: #a9d05f;
  color: #fff
}

#globalnav li#side8, .color08 #globalnav li#side8 {
  background-color: #ceedf6
}

#globalnav li#side8 a:hover, .color08 #globalnav li#side8 a {
  background-color: #5ac2e1;
  color: #fff
}

#globalnav li#side9, #page9 #globalnav li#side9 {
  background-color: #e7e5f1
}

#globalnav li#side9 a:hover, #page9 #globalnav li#side9 a {
  background-color: #b0a7d1;
  color: #fff
}

#globalnav li#side10, #page10 #globalnav li#side10 {
  background-color: #f7f8f8;
  color: #c9caca
}

#globalnav li#side10 a:hover, #page10 #globalnav li#side10 a {
  background-color: #c9caca;
  color: #fff
}

.color06 #globalnav li#side6sub ol a, .color07 #globalnav li#side7sub ol a, .color08 #globalnav li#side8sub ol a {
  padding: 3px 0 3px 10px;
  margin-bottom: 5px
}

.color06 #globalnav li#side6sub li, .color07 #globalnav li#side7sub li, .color08 #globalnav li#side8sub li {
  display: block;
  vertical-align: middle;
  padding: 0;
  font-size: 12px;
  position: relative
}

.color06 #globalnav li#side6sub ol li a {
  border-left: 3px solid #79c38d
}

.color06 #globalnav li#side6sub ol li a:hover {
  color: #79c38d;
  font-weight: 700
}

.color06 #globalnav li#side6sub li a {
  padding: 5px 10px;
  margin-bottom: 3px
}

.color06 #globalnav li#side6sub li a:hover {
  font-weight: 700
}

.color06 #globalnav li#side6sub li a.side6-1, .color06 #globalnav li#side6sub li a.side6-2, .color06 #globalnav li#side6sub li a.side6-3, .color06 #globalnav li#side6sub li a.side6-4, .color06 #globalnav li#side6sub li a.side6-5 {
  border: solid 1px #79c38d;
  color: #79c38d
}

#page6-1-1 #globalnav li#side6sub a.side6-1, #page6-1-2 #globalnav li#side6sub a.side6-1, #page6-1-3 #globalnav li#side6sub a.side6-1, #page6-2-1 #globalnav li#side6sub a.side6-2, #page6-2-2 #globalnav li#side6sub a.side6-2, #page6-2-3 #globalnav li#side6sub a.side6-2, #page6-3-1 #globalnav li#side6sub a.side6-3, #page6-3-2 #globalnav li#side6sub a.side6-3, #page6-3-3 #globalnav li#side6sub a.side6-3, #page6-4 #globalnav li#side6sub a.side6-4, #page6-5 #globalnav li#side6sub a.side6-5 {
  font-weight: 700
}

#page6-1-1 #globalnav li#side6sub ol li#side6-1-1 a, #page6-1-2 #globalnav li#side6sub ol li.side6-1-2 a, #page6-1-3 #globalnav li#side6sub ol li#side6-1-3 a, #page6-2-1 #globalnav li#side6sub ol li#side6-2-1 a, #page6-2-2 #globalnav li#side6sub ol li#side6-2-2 a, #page6-2-3 #globalnav li#side6sub ol li#side6-2-3 a, #page6-3-1 #globalnav li#side6sub ol li#side6-3-1 a, #page6-3-2 #globalnav li#side6sub ol li#side6-3-2 a, #page6-3-3 #globalnav li#side6sub ol li#side6-3-3 a, #page6-4 #globalnav li#side6sub ol li#side6-4-1 a, #page6-5 #globalnav li#side6sub ol li#side6-5-1 a {
  color: #79c38d;
  font-weight: 700
}

.color07 #globalnav li#side7sub ol li a {
  border-left: 3px solid #a9d05f
}

.color07 #globalnav li#side7sub ol li a:hover {
  color: #a9d05f;
  font-weight: 700
}

.color07 #globalnav li#side7sub li a {
  padding: 5px 10px;
  margin-bottom: 3px
}

.color07 #globalnav li#side7sub li a:hover {
  font-weight: 700
}

.color07 #globalnav li#side7sub li a.side7-1, .color07 #globalnav li#side7sub li a.side7-2, .color07 #globalnav li#side7sub li a.side7-3, .color07 #globalnav li#side7sub li a.side7-4, .color07 #globalnav li#side7sub li a.side7-5, .color07 #globalnav li#side7sub li a.side7-6, .color07 #globalnav li#side7sub li a.side7-7, .color07 #globalnav li#side7sub li a.side7-8 {
  border: solid 1px #a9d05f;
  color: #a9d05f
}

#page7-1-1 #globalnav li#side7sub a.side7-1, #page7-1-2 #globalnav li#side7sub a.side7-1, #page7-2 #globalnav li#side7sub a.side7-2, #page7-3-1 #globalnav li#side7sub a.side7-3, #page7-3-2 #globalnav li#side7sub a.side7-3, #page7-3-3 #globalnav li#side7sub a.side7-3, #page7-4-1 #globalnav li#side7sub a.side7-4, #page7-4-2 #globalnav li#side7sub a.side7-4, #page7-4-3 #globalnav li#side7sub a.side7-4, #page7-5-1 #globalnav li#side7sub a.side7-5, #page7-5-2 #globalnav li#side7sub a.side7-5, #page7-5-3 #globalnav li#side7sub a.side7-5, #page7-6 #globalnav li#side7sub a.side7-6, #page7-7-1 #globalnav li#side7sub a.side7-7, #page7-7-2 #globalnav li#side7sub a.side7-7 {
  font-weight: 700
}

#page7-1-1 #globalnav li#side7sub ol li.side7-1-1 a, #page7-1-2 #globalnav li#side7sub ol li#side7-1-2 a, #page7-3-1 #globalnav li#side7sub ol li#side7-3-1 a, #page7-3-2 #globalnav li#side7sub ol li#side7-3-2 a, #page7-3-3 #globalnav li#side7sub ol li.side7-3-3 a, #page7-4-1 #globalnav li#side7sub ol li#side7-4-1 a, #page7-4-2 #globalnav li#side7sub ol li#side7-4-2 a, #page7-4-3 #globalnav li#side7sub ol li.side7-4-3 a, #page7-5-1 #globalnav li#side7sub ol li.side7-5-1 a, #page7-5-2 #globalnav li#side7sub ol li#side7-5-2 a, #page7-5-3 #globalnav li#side7sub ol li.side7-5-3 a, #page7-6 #globalnav li#side7sub ol li.side7-6-1 a, #page7-7-1 #globalnav li#side7sub ol li#side7-7-1 a, #page7-7-2 #globalnav li#side7sub ol li#side7-7-2 a {
  color: #a9d05f;
  font-weight: 700
}

.color08 #globalnav li#side8sub ol li a {
  border-left: 3px solid #5ac2e1
}

.color08 #globalnav li#side8sub ol li a {
  border-left: 3px solid #5ac2e1
}

.color08 #globalnav li#side8sub ol li a:hover {
  color: #5ac2e1;
  font-weight: 700
}

.color08 #globalnav li#side8sub li a {
  padding: 5px 10px;
  margin-bottom: 3px
}

.color08 #globalnav li#side8sub li a:hover {
  font-weight: 700
}

#page8-1 #globalnav li#side8sub ol li.side8-1 a, #page8-2 #globalnav li#side8sub ol li.side8-2 a, #page8-3 #globalnav li#side8sub ol li.side8-3 a {
  color: #5ac2e1;
  font-weight: 700
}

#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px
}

#page-top a {
  display: block
}

#page-top a i {
  font-size: 5em;
  color: #60c4e4
}

#page-top a:hover i {
  color: #999
}

footer {
  background-color: #60c4e4;
  padding: 5px
}

footer p {
  font-size: 80%;
  color: #fff
}

.cont-inner {
  padding: 10px 50px
}

#contents {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: calc(100% - 250px)
}

#contents img {
  height: auto;
  max-width: 100%;
  vertical-align: middle
}

#contents .img-space img {
  max-width: 97%
}

#contents p {
  text-indent: 1em;
  font-size: 105%
}

#contents .space {
  margin: 1em 0 0 0
}

#contents .alignleft {
  float: left;
  margin: 0 20px 10px 0
}

#contents .alignright {
  float: right;
  margin: 0 0 10px 20px
}

#contents .aligncenter {
  float: none;
  margin: 20px auto
}

#contents .txt-center {
  text-align: center !important
}

#contents .txt-left {
  text-align: left !important
}

#contents .txt-right {
  text-align: right !important
}

#contents .overflow {
  overflow: hidden
}

#contents .no-indent {
  text-indent: 0
}

#contents .indent-1 {
  padding-left: 1em;
  text-indent: -1em
}

#contents .indent-3 {
  padding-left: 3em;
  text-indent: -3em
}

#contents h1 {
  padding: 50px 1em 120px;
  margin: 15px 0 60px;
  font-size: 180%;
  color: #fff
}

.basic #contents h1 {
  background: url("/report/environmental/2021/image/common/hl_other.png") left bottom no-repeat
}

.color15 #contents h1 {
  background: url("/report/environmental/2021/image/common/hl_basic.png") left bottom no-repeat
}

.color06 #contents h1 {
  background: url("/report/environmental/2021/image/common/hl_color06.png") left bottom no-repeat
}

.color07 #contents h1 {
  background: url("/report/environmental/2021/image/common/hl_color07.png") left bottom no-repeat
}

.color08 #contents h1 {
  background: url("/report/environmental/2021/image/common/hl_color08.png") left bottom no-repeat
}

.color09 #contents h1 {
  background: url("/report/environmental/2021/image/common/hl_color09.png") left bottom no-repeat
}

#contents h2 {
  font-size: 160%;
  font-weight: 700;
  margin: 0 0 20px;
  letter-spacing: normal
}

#contents h2 span {
  font-size: 90%;
  margin-left: 1em
}

.basic #contents h2 {
  color: #60c4e4
}

.color15 #contents h2 {
  color: #4cbbb4
}

.color06 #contents h2 {
  color: #79c38d
}

.color07 #contents h2 {
  color: #a9d05f
}

.color08 #contents h2 {
  color: #5ac2e1
}

.color09 #contents h2 {
  color: #b0a7d1
}

#contents h3 {
  font-size: 150%;
  margin: 1em 0;
  padding: 5px;
  border-bottom: 3px solid;
  border-image-slice: 1 !important
}

.basic #contents h3 {
  /*
  -o-border-image: linear-gradient(to right, #60c4e4 0% 50%, transparent 100%);
  border-image: -webkit-gradient(linear, left top, right top, from(#60c4e4), to(transparent));
  border-image: linear-gradient(to right, #60c4e4 0% 50%, transparent 100%)
  */
  -o-border-image: linear-gradient(to right, #9b9c9c 0% 50%, transparent 100%);
  border-image: -webkit-gradient(linear, left top, right top, from(#9b9c9c), to(transparent));
  border-image: linear-gradient(to right, #9b9c9c 0% 50%, transparent 100%)
}

.color15 #contents h3 {
  -o-border-image: linear-gradient(to right, #4cbbb4 0% 50%, transparent 100%);
  border-image: -webkit-gradient(linear, left top, right top, from(#4cbbb4), to(transparent));
  border-image: linear-gradient(to right, #4cbbb4 0% 50%, transparent 100%)
}

.color06 #contents h3 {
  -o-border-image: linear-gradient(to right, #79c38d 0% 50%, transparent 100%);
  border-image: -webkit-gradient(linear, left top, right top, from(#79c38d), to(transparent));
  border-image: linear-gradient(to right, #79c38d 0% 50%, transparent 100%)
}

.color07 #contents h3 {
  -o-border-image: linear-gradient(to right, #a9d05f 0% 50%, transparent 100%);
  border-image: -webkit-gradient(linear, left top, right top, from(#a9d05f), to(transparent));
  border-image: linear-gradient(to right, #a9d05f 0% 50%, transparent 100%)
}

.color08 #contents h3 {
  -o-border-image: linear-gradient(to right, #5ac2e1 0% 50%, transparent 100%);
  border-image: -webkit-gradient(linear, left top, right top, from(#5ac2e1), to(transparent));
  border-image: linear-gradient(to right, #5ac2e1 0% 50%, transparent 100%)
}

.color09 #contents h3 {
  -o-border-image: linear-gradient(to right, #b0a7d1 0% 50%, transparent 100%);
  border-image: -webkit-gradient(linear, left top, right top, from(#b0a7d1), to(transparent));
  border-image: linear-gradient(to right, #b0a7d1 0% 50%, transparent 100%)
}

#contents h4 {
  font-size: 130%;
  font-weight: 500;
  margin: 1em 0
}

.basic #contents h4 {
  /*
  color: #60c4e4
  */
  color: #9b9c9c;
}

.color15 #contents h4 {
  color: #4cbbb4
}

.color06 #contents h4 {
  color: #79c38d
}

.color07 #contents h4 {
  color: #a9d05f
}

.color08 #contents h4 {
  color: #5ac2e1
}

.color09 #contents h4 {
  color: #b0a7d1
}

#contents h5 {
  font-weight: 700
}

#contents .title-ts {
  display: none
}

#contents article {
  margin: 0 auto 30px;
  overflow: hidden
}

#contents article .data {
  margin: 1em 0;
  text-align: right
}

#contents figure {
  margin-bottom: 20px
}

#contents figcaption {
  font-size: 85%
}

#contents dl {
  overflow: hidden;
  margin: 1em auto
}

#contents dt {
  float: left;
  clear: left;
  width: 100px;
  vertical-align: top
}

#contents dd {
  padding: 0 0 5px 120px;
  vertical-align: top
}

body#home {
  background-color: #efefef
}

body#home .mainimg {
  margin: 0 auto;
  width: 800px;
  height: auto;
  position: relative
}

body#home .mainimg h1 {
  display: none
}

body#home .mainimg .unv-link {
  display: block;
  width: 220px;
  height: 60px;
  position: absolute;
  left: 515px;
  top: 270px
}

body#home .mainimg .unv-link:hover {
  background-color: rgba(255, 255, 255, 0.5)
}

body#home .site-link {
  padding: 0;
  list-style: none;
  text-align: center;
  position: absolute;
  top: 400px;
  z-index: 30;
  width: 100%
}

body#home .site-link li {
  display: inline-block;
  margin: 0 10px
}

body#pdf h1 {
  font-size: 150%;
  margin: 10px auto 0;
  width: 600px
}

body#pdf h2 {
  font-size: 150%;
  margin: 50px 0 0px;
  text-align: center;
  font-weight: bold
}

body#pdf .dw {
  margin: 30px auto 0;
  padding: 0;
  text-align: center
}

body#pdf .dw img {
  margin: 0px 0 40px
}

body#pdf .dw img.hyoshi {
  border: 1px solid #CCC
}

body#pdf .close {
  text-align: center;
  margin-bottom: 15px
}

body#pdf footer {
  text-align: center;
  background: none !important;
  color: #666 !important
}

body#pdf footer small {
  color: #000
}

#page6-1-2 .title-pg, #page7-1-1 .title-pg, #page7-3-3 .title-pg, #page7-4-3 .title-pg, #page7-5-1 .title-pg, #page7-5-3 .title-pg, #page7-6 .title-pg, #page8-1 .title-pg, #page8-2 .title-pg, #page8-3 .title-pg {
  display: none
}


/*　弖紗した蛍　*/
.table_wrap {
  overflow-x: auto;
}
.table_wrap table {
  white-space: nowrap;
}

.table_wrap::-webkit-scrollbar {
  height: 6px;
}
.table_wrap::-webkit-scrollbar-track {
  margin: 0 2px;
  background: #ccc;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
 .table_wrap::-webkit-scrollbar-thumb {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #666;
}

#contents h5{ margin: 5px 0; font-size: 15px;}

#page6-1-2 #no02 table{
width:100%;
}
#page6-1-2 #no02 table caption{
  font-style: normal;
  text-align: left;
  font-size: 100%;
}
#page6-1-2 #no02 table tr td:nth-of-type(1){
  text-align:center;
}

#page6-3-1 article ul,#page8-3 article ul {
  margin: 1em
}

#page6-3-1 article ul li:before,#page8-3 article ul li:before {
  content: "?";
  margin: 0 0 0 -1em
}

.pdca li {
  display: inline-block;
  border: 1px solid #000;
  margin: 0 .5%;
  padding: 10px;
  border-radius: 5px;
  width: 40%;
  margin-bottom: 20px;
  text-align: left;
}
.pdca li strong {
  display: block;
  text-align: center;
}
.check {
  border: 1px solid #000;
  padding: 10px;
  border-radius: 5px;
}
.check ol {
  margin:5px 30px;
}

#page7-2 .pure-table { width: 65% !important; margin: 1em auto; font-size: 115%; }
#page7-2 .tbl-bl { border: 10px solid #0085bd; }
#page7-2 .tbl-gr { border: 10px solid #009233; }
#page7-2 .tbl-or { border: 10px solid #d28300; }
#page7-2 .pure-table th { background: #fff; text-align: center; }
#page7-2 .pure-table th:last-child { border-left: 1px solid #cbcbcb; }
#page7-2 .pure-table td:last-child { text-align: right; width: 15%; border-left: 1px solid #cbcbcb; }
#page7-2 .pure-table td:first-child { width: 60%;  }
#page7-2 .pure-table td:nth-child(2) { text-align: right; }

#page7-2 article i {
    font-size: 300%;
    color: #f00;
    width: 100%;
    text-align: center;
}

.gazou{ width: 50%; margin: 15px auto; text-align: center;}
#page7-4-2 table.pure-table td, #page7-5-3 table.pure-table td { text-align: right !important; }


#page7-3-1 article table tbody,
#page7-3-2 article table tbody,
#page7-3-3 article table tbody {
  border: 1.2px solid #333;
}
.color07 article table.transition th.noborder {
  border-left: 1.1px solid #dfedc4;
}

.color07 article table.transition td.green2,
.color07 article table.transition th.green2,
.color07 article table.transition td:last-child,
.color07 article table.transition td:nth-child(6){
  background-color: #f0f6e3 !important;
}

.color07 article table.transition th.green, .color07 article table.transition td.green {
  background-color: #dfedc4 !important;
}


.color07 article table.transition tr:first-child th:last-child,
.color07 article table.transition tr:last-child td:last-child,
.color07 article table.transition tr:last-child td:nth-child(6)
 {
    background-color: #dfedc4 !important;
}

.color07 article table.transition2 td.green2,
.color07 article table.transition2 th.green2,
.color07 article table.transition2 td:last-child{
  background-color: #f0f6e3 !important;
}

#page7-5-1 article .tbl-10 th.green2,
#page7-5-3 article .tbl-10 th.green2,
#page7-6 article .tbl-10 th.green2 {
  background-color: #f0f6e3 !important;
}
.sosiki-box{ padding-left: 1.5em; text-indent: 1.5em; }
.sosiki-box-p{ text-indent: -1.3em !important; }
.sosiki-box2{ padding-left: 2.2em; text-indent: 2.2em; }
.sosiki-box-p2{ text-indent: -2em !important; }
.sosiki-box-p3{ text-indent: -0.5em !important; }
.gazou{ width: 50%; margin: 15px auto; text-align: center;}



/*　圷からのcss　*/
#page1 article .info {
  background: #c9ebe9;
  margin: 0;
  padding: 20px;
  height: 100%
}

#page1 article .info dt {
  width: 7em
}

#page3 .torikumi {
  border: 1px solid #000;
  padding: 20px
}

#page3 .torikumi img {
  width: 100%;
  height: auto
}

#page4 article dt, #page4 article dd {
  padding: 5px 10px;
  vertical-align: top;
  margin: 0 0 5px
}

#page4 article dt {
  width: 7em
}

#page4 article .gaiyo dd {
  padding-left: 8em
}

#page4 article table {
  margin: 20px auto
}

#page4 article table th, #page4 article table td {
  text-align: left;
  vertical-align: middle;
  border: 1px solid #cbcbcb
}

#page4 article table thead th:first-child {
  border-right: double 3px #cbcbcb
}

#page4 article table th {
  background-color: #c9ebe9;
  text-align: center
}

#page4 article table td:nth-of-type(2) {
  background-color: #c9ebe9;
  text-align: right
}

#page4 article table td:nth-of-type(1) {
  border-left: double 3px #cbcbcb
}

/*
#page4 article table tbody tr:last-child {
  border-top: double 3px #cbcbcb
}
*/

#page5 .title-ts {
  display: block
}

.color06 article .name, .color07 article .name {
  text-align: right;
  font-size: 120%;
  margin: 0 auto 20px
}

.color06 .title-ts {
  display: block !important
}

.color06 table {
  margin: 20px auto
}

.color06 table th, .color06 table td {
  text-align: left;
  vertical-align: middle;
  border: 1px solid #cbcbcb
}

.color06 table th {
  background-color: #d7eddd;
  text-align: center
}

#page6-1-3 #no01 figure img, #page6-2-1 article .pure-g img, #page6-2-3 article figure img, #page6-3-1 .pure-g img, #page6-3-2 .pure-g img {
  width: 96%
}


#page6-1-2 article .img08-2, #page6-2-3 article .alignright, #page6-4-1 article .alignright {
  width: 35%
}

#page6-1-2 article .alignright img, #page6-2-1 article .alignright img, #page6-3-3 article figure img, #page6-4-1 article .alignright img, #page6-4-2 article img {
  width: 100%
}

#page6-1-3 #no02 table {
  width: 100%;
  margin: 1em 0
}

#page6-1-3 #no02 table caption {
  text-align: left;
  font-style: normal;
  font-size: 100%
}

#page6-2-3 article figcaption {
  margin: 0 0 1em
}


.page6-3-4 figure img {
  display: block;
  margin: 0 auto 10px
}

.color07 .title-ts {
  display: block !important
}

.color07 article table.pure-table {
  width: 95%;
  font-size: 110%
}

.color07 article table.pure-table th[scope="row"] {
  background-color: #e0e0e0 !important;
  white-space: nowrap;
  border-top: 1px solid #cbcbcb
}

.color07 article table.pure-table thead th {
  text-align: center;
  border-bottom: 1px solid #cbcbcb
}

.color07 article table.pure-table caption {
  font-style: normal;
  text-align: left;
  font-size: 100%
}

.color07 article table.transition, .color07 article table.transition2 {
  border-collapse: collapse;
  border: 1px solid #333;
  margin: 20px auto;
  width: 95%
}

.color07 article table.transition th, .color07 article table.transition td,
.color07 article table.transition2 th, .color07 article table.transition2 td {
  padding: 3px 5px;
  border: 1px solid #333;
  vertical-align: middle;
  font-size: 110%
}

.color07 article table.transition caption,
.color07 article table.transition2 caption {
  margin: 0 0 5px
}

.color07 article table.transition th,
.color07 article table.transition2 th {
  background: #eeefef;
  text-align: left;
  white-space: nowrap
}

.color07 article table.transition tr:first-child th,
.color07 article table.transition2 tr:first-child th {
  text-align: center
}

.color07 article table.transition tr td,
.color07 article table.transition2 tr td {
  text-align: right;
}

.color07 article table.transition tr.back,
.color07 article table.transition2 tr.back {
  background-color: #eeefef !important
}





.color07 article .waku {
  background-color: #69a062;
  border-radius: 10px;
  color: #fff;
  margin: 1em auto;
  padding: 5px;
  list-style: none;
  text-align: center
}

.color07 article .waku li {
  display: inline-block;
  text-align: center;
  margin: 0 5px;
  font-size: 130%
}

.color07 article .waku li:nth-child(2) {
  background: url("/report/environmental/2021/image/common/arrow.png") center center no-repeat;
  background-size: cover;
  color: #f00;
  padding: 10px
}

.color07 article table tr:first-child th:last-child.green2 {
  background-color: tint(#a9d05f, 85%) !important
}

.color07 article table tr:first-child th:last-child.green {
  background-color: tint(#a9d05f, 70%) !important
}

.color07 #contents figcaption {
  font-size: 100% !important;
  padding: 5px 0
}

#page7-1 #no01 h4 {
  font-size: 130%;
  text-align: center;
  margin: 40px auto 0;
  padding: 10px 0;
  background-color: #abdade;
  border: 2px solid #00b3af;
  border-bottom: 0;
  width: 85%
}

#page7-1 #no01 .policy {
  margin: 0 auto;
  padding: 30px 0;
  width: 85%;
  border: 2px solid #00b3af
}

#page7-1 #no01 .policy dl {
  margin: 0 auto;
  width: 90%
}

#page7-1 #no01 .policy dt {
  background: #d4ecee;
  padding: 8px 30px;
  font-size: 120%;
  float: none;
  width: 100%
}

#page7-1 #no01 .policy dd {
  border: 2px dashed #01b3af;
  padding: 10px 30px;
  margin: -1px auto 20px
}

#page7-1 #no01 .policy dd:last-child {
  margin: -1px auto 0 !important
}

#page7-1 #no01 .policy dd .right {
  font-size: 90%;
  margin: 1em 0 0
}

#page7-1 article .pdca li {
  display: inline-block;
  border: 1px solid #000;
  margin: 0 .5%;
  padding: 10px;
  border-radius: 5px;
  width: 40%
}

#page7-1 article .pdca li strong {
  display: block;
  text-align: center
}

#page7-1 article .check {
  border: 1px solid #000;
  padding: 10px;
  border-radius: 5px
}

#page7-6 article .alignright, #page7-8 article .alignright, #page7-8 article figure img {
  width: 25%
}

#page7-1 #no02 .alignright, #page7-3 article .alignright, #page7-8 #no01 .img33-1, #page7-8 #no02 figure img {
  width: 35%
}

#page7-1 .pure-g img, #page7-6 .pure-g img, #page7-8 #no02 .pure-g img, #page7-8 #no02 .alignright img {
  width: 96%
}

#page7-1 #no02 .alignright img, #page7-2 article figure img, #page7-3 article .alignright img, #page7-4 article figure img, #page7-8 #no01 .alignright img, #page7-8 #no02 .alignright img {
  width: 100%
}

#page7-4 article figure {
  margin: 2em 0
}

#page7-4 article figure figcaption, #page7-5 article figure figcaption {
  text-align: center
}

#page7-6 article figure figcaption, #page7-6 article table.tbl-12 td {
  text-align: center
}

#page7-7 #no01 .tbl-13 th[scope="row"] {
  text-align: center
}

#page7-4 #no03 figure img, #page7-4 #no04 figure img, #page7-4 #no05 figure img {
  display: block;
  margin: 1em auto;
  width: 70%
}

#page7-5 figure img {
  display: block;
  margin: 1em auto;
  width: 70%
}

#page7-6 figure.graph img {
  display: block;
  margin: 1em auto;
  width: 70%
}

#page7-6 #no04 .pure-g figure {
  margin: auto 1%
}

#page7-3 article .tbl-bl {
  border: 10px solid #0085bd
}

#page7-3 article .tbl-gr {
  border: 10px solid #009233
}

#page7-3 article .tbl-or {
  border: 10px solid #d28300
}

#page7-3 article .pure-table {
  width: 65% !important;
  margin: 1em auto;
  font-size: 115%
}

#page7-3 article .pure-table th {
  background: #fff;
  text-align: center
}

#page7-3 article .pure-table th:last-child {
  border-left: 1px solid #cbcbcb
}

#page7-3 article .pure-table td:first-child {
  width: 70%
}

#page7-3 article .pure-table td:last-child {
  text-align: right;
  width: 15%;
  border-left: 1px solid #cbcbcb
}

#page7-3 article i {
  font-size: 300%;
  color: #f00;
  width: 100%;
  text-align: center
}

#page7-5 article table.pure-table td, #page7-6 article table.tbl-11 td, #page7-8 article table.tbl-78 td:not(:first-child) {
  text-align: right !important
}


#page7-6 #no04 .tbl-11 table {
  width: 98%
}

#page7-7 #no01 .tbl-13 tbody tr:last-child {
  border-top: 3px double #cbcbcb
}

#page7-8 article table tbody tr:last-child, #page7-8 article table.tbl-78 th.back2 {
  background-color: #eeefef !important
}

#page7-8 article ul.list {
  margin: 1em
}

#page7-8 article ul.list li {
  margin: 0 0 0.5em 1em
}

#page7-8 article ul.list li:before {
  content: "?";
  margin: 0 0 0 -1em
}

#page7-8 #no01 table.pure-table {
  width: auto !important;
  margin: 1em 0
}

#page7-8 #no04 .alignright img {
  margin: 10px auto 0;
  float: none;
  display: block
}

#page7-8 article ol {
  margin: 1em;
  list-style: none
}

.color08 .title-ts {
  display: none
}

#page8 #no01 figure {
  margin: 2em 0;
  text-align: center
}

#page8 #no01 figure img {
  width: 300px
}

#page8 #no01 dt {
  width: 3em
}

#page8 #no01 dd {
  padding-left: 4em
}

#page8 #no02 .alignright, #page8 #no04 .alignright {
  width: 200px
}

#page8 #no02 .alignright img, #page8 #no04 .alignright img {
  width: 100%
}

#page9 article .pure-u-1-3 img {
  width: 90%
}

#page9 article .pure-u-2-3 dl {
  margin: 0 auto
}

#page9 article .pure-u-2-3 dd span {
  color: #1ab7cd
}

#page10 article table {
  width: 100%
}

#page10 article tr td:first-child {
  padding-left: 6em
}

#page10 article th:last-child, #page10 article td:last-child {
  text-align: center
}

#page10 article .sho th {
  background-color: #b2d9ad
}

#page10 article .sec td {
  background-color: #fce0af
}

#page10 article .sec td:first-child {
  padding-left: 2em
}

#page10 article .third td {
  background-color: #bad4ee
}

#page10 article .third td:first-child {
  padding-left: 4em
}

#page11 .title-ts {
  display: none
}

#page11 .photo-info {
  background-color: #e7f4e3;
  padding: 30px
}

#page11 article h4.pub-info {
  font-size: 150%
}

#page11 article table th {
  background-color: #eee;
  padding: 10px
}

#page11 article table td {
  padding: 10px
}

@media print {
  body {
    _zoom: 0.68
  }
  #contents .photo li img {
    width: auto;
    width: 90%;
    height: auto
  }
  #contents .center img {
    width: auto;
    height: auto;
    width: 90%
  }
  #page9 #contents dl dd ol li dl {
    margin: 1em 0 0 0%
  }
  .page6-3 #contents #no1 .hyo li img {
    width: 90%;
    height: auto
  }
  #page6 #contents .hyo li img {
    width: 90%;
    height: auto
  }
  #page6 table th, #page6 table td {
    padding: 5px;
    border: 1px solid #333;
    vertical-align: middle
  }
  .page6-3 #contents #no01 .no1 {
    border: 2px solid #0C6BB0;
    border-radius: 10px;
    padding: 15px 5px;
    text-align: center;
    margin: 20px auto 0
  }
  .page6-3 #contents #no01 .no1 li {
    display: inline-block;
    text-align: left;
    margin: 5px;
    vertical-align: middle
  }
  .page6-3 #contents #no01 .no1 li img, .page6-3 #contents #no01 .no1 li figcaption {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    font-size: 100%;
    width: auto !important
  }
  #page6 table.size100 th, #page6 table.size100 td {
    padding: 2px;
    font-size: 20%
  }
  #page6 table th {
    white-space: normal
  }
  .page6-2 #contents {
    max-width: 900px
  }
}

@media only screen and (max-width: 1000px) {
  #contents .photo li img, .page6-3 #contents #no1 .hyo li img {
    width: 90%;
    height: auto
  }
  #page6 table th {
    white-space: normal
  }
  #contents .center img {
    width: auto;
    height: auto;
    max-width: 90%
  }
  #page6 #contents #no1 .hyo li img {
    width: 90%;
    height: auto
  }
  #page9 #contents dl dd ol li dl {
    margin: 1em 0 0 20%
  }
  #page6 #contents .hyo li img {
    width: 90%;
    height: auto
  }
  #page6 table th, #page6 table td {
    padding: 5px;
    border: 1px solid #333;
    vertical-align: middle
  }
  .page6-3 #contents #no01 .no1 {
    border: 2px solid #0C6BB0;
    border-radius: 10px;
    padding: 15px 5px;
    text-align: center;
    margin: 20px auto 0
  }
  .page6-3 #contents #no01 .no1 li {
    display: inline-block;
    text-align: left;
    margin: 5px;
    vertical-align: middle
  }
  #page6 table.size100 th, #page6 table.size100 td {
    padding: 3px;
    border: 1px solid #333;
    font-size: 80%
  }
}

@media only screen and (max-width: 800px) {
  #contents .photo2 li img {
    width: 90%;
    height: auto
  }
}