@charset "utf-8";

/***************************************************
  goals.css
***************************************************/
.txt-01{
  font-size: 17px;
  font-weight: bold;
  margin: 50px 0 20px;
}
.area-goals table{
  width: 100%;
  border: solid 1px #e4e1da;
}
.area-goals table th{
  vertical-align: middle;
  background-color: #eeede9;
  color: #000;
  border-right: solid 1px #e4e1da;
  padding: 10px;
}
.area-goals table td{
  border: solid 1px #e4e1da;
  padding: 10px;
  vertical-align: middle;
  text-align: center;
}
.area-goals table td span{
  display: block;
  margin-bottom: 20px;
}
.box-table01 table tr:nth-child(2) th {
  width: 13%;
}
.box-table01 table  th[colspan="5"] {
  border-bottom: solid 1px #e4e1da;
}
.box-table01 table td.txt-left,.box-table02 table td.txt-left{
  text-align: left;
}
.txt-02{
  margin-top: 10px;
}
.txt-01 + p{
  padding-left: 1em;
  text-indent: -1em;
}
.box-table02{
  width: 100%;
}
.box-table02 table:first-child{
  width: 66%;
  float: left;
}
.box-table02 table:last-child{
  width: 32%;
  float: right;
}
.box-table02 table td{
  height: 90px;
}
table.box-table03 th:first-child{
  width: 36%;
}
table.box-table03 th:nth-child(2){
  width: 22%;
}
table.box-table03 th:nth-child(3){
  width: 22%;
}
table.box-table03 th:last-child{
  width: 20%;
}
.area-goals table td span.small-co2{
  display: inline;
}
.area-goals table td.left-cooperation,.area-goals table th.left-cooperation{
  border-left: solid 2px #e10000;
}
.area-goals table td.right-cooperation,.area-goals table th.right-cooperation{
  border-right: solid 2px #e10000;
}
.area-goals table td.top-cooperation,.area-goals table th.top-cooperation{
  border-top: solid 2px #e10000;
}
.area-goals table td.bottom-cooperation,.area-goals table th.bottom-cooperation{
  border-bottom: solid 2px #e10000;
}
@media only screen and (max-width: 640px) {
  .box-table02 table:first-child{
    width: 60%;
  }
  .box-table02 table:last-child{
    width: 35%;
  }
  table.box-table03 th:first-child{
    width: 30%;
  }
  table.box-table03 th:nth-child(2){
    width: 22%;
  }
  table.box-table03 th:nth-child(3){
    width: 24%;
  }
  table.box-table03 th:last-child{
    width: 24%;
  }
  .txt-01{
    margin: 20px 0 10px;
    font-size: 15px;
  }
  .box-table01::-webkit-scrollbar,.area-table02::-webkit-scrollbar{
    width: 20px;
    background: #999;
  }
  .box-table01::-webkit-scrollbar:horizontal,.area-table02::-webkit-scrollbar:horizontal{
    height: 10px;
    background: #eee;
    border-radius: 5px;
  }
  .box-table01::-webkit-scrollbar-thumb,.area-table02::-webkit-scrollbar-thumb{
    background: #999;
    border-radius: 5px;
  }
  .box-table01::-webkit-scrollbar-thumb:horizontal,.area-table02::-webkit-scrollbar-thumb:horizontal{
    background: #999;
    border-radius: 5px;
  }
  .box-table01,.area-table02{
    width: 100%;
    overflow: auto;
    margin-bottom: 40px;
  }
  .box-table01 table{
    width: 650px;
    overflow-x: auto;
    border-collapse: collapse;
  }
  .box-table02{
    width: 900px;
    overflow-x: auto;
    border-collapse: collapse;
  }
  .txt-03{
    margin-top: 20px;
  }
  .table-slide-arrow{
    position: relative;
    border: solid 1px #e4e1da;
  }
  .table-slide-arrow.after:after{
    content: "";
    width: 126px;
    height: 80px;
    background: url("/shared/img/svg/icon_cr03.svg")no-repeat;
    opacity: 0.4;
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    margin: auto;
  }
}
.bg_g {
  background-color: #71bf45;
  color: #fff;
  font-weight: bold;
}
.area-goals table td.ta_l {
  text-align: left;
}