/*Table*/

table.scope3 {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table.scope3 tr {
  background-color: #fff;
  padding: .35em;
  border-bottom: 1px dotted #8ec1f0;
}
table.scope3 tr:last-child{
   border-bottom: 2px solid #5d9bd5;
}
table.scope3 thead th {
  font-weight: bold;
}
table.scope3 thead td {
  padding: 0 10px 0;
  text-align:center;
  font-size: 1.5rem;
}
table.scope3 th {
  padding: 1em 10px 1em 1em;
  text-align:left;
  font-weight: normal;

}
table.scope3 td {
  padding: 1em 10px 1em 1em;
  text-align: center;
  
}
table.risk-list {
   border-top: 2px solid #5d9bd5;
}

table.risk-list td{
   text-align: left;
   line-height: 1.5;
}
table.tbl-type10 caption{
  font-size: 1.8rem!important;
  font-weight: bold!important;
  color: #333333;
  margin-bottom: 10px;
  text-align: left!important;
}
table.tbl-type10 thead th{
  text-align: center!important;
}
table.tbl-type10 tbody td{
  text-align: right!important;
}
table.tbl-type10 th.goke{
background: #c9d1de!important;
}
table.tbl-type10 td.goke{
background: #e5e5e5!important;
}

/*case-table*/

.case{
  margin-bottom: 20px;
}

.case table {
  border-collapse: collapse;
  margin: 10px auto 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
  font-size: 1.5rem;
}

.case table tr {
  background-color: #fff;
  border-bottom: 1px dotted #8ec1f0;
}
.case table tr:last-child{
  border-bottom: none;
}
/*table.case tr:last-child{
   border-bottom: 2px solid #5d9bd5;
}*/
.case table th {
  padding: .8em 10px .8em 10px;
  text-align:left;
  vertical-align: top;
  font-weight: normal;
}
.case table td {
  padding: .8em 20px .8em 1em;
  text-align:left;
  line-height: 1.5;
}
.case table td .cate{
  list-style-type: circle;
  padding-left: 1.5em;
}
.case table td .cate li{
  margin-bottom: .6em;
  font-size: 1.4rem!important;
}
th span{
	display: block;
	font-weight: normal;
	font-size: 1.4rem;
}
.t{
   text-align: left;
}
.per{
   text-align: right;
}

h5{
	font-size: 2rem;
	font-weight: normal;
	margin-bottom: .8em;
	color: #0695d1!important;
}
.tbl-txt-center th,
.tbl-txt-center td{
  text-align: center!important;
}

/*サムネイル＋文字*/
.photo-text p.photo-ttl-bold,
p.photo-ttl{
  font-size: 1.6rem;
	margin-bottom: .5em;
	line-height: 1.4!important;
	padding: 0 .5em;
	font-weight: bold;
}
.photo-text p.note{
	padding: 0 .5em;
}
p.photo-ttl + p.note{
  padding: 0 .5em;
}
.photo-text p.blue-text{
	margin-bottom: .5em;
	line-height: 1.4!important;
	padding: 0 .5em;
	color: #0695d1;
	font-weight: bold;
}
.photo-text p.blue-text span{
	font-size:1.4rem;
	font-family: 'Roboto',sans-serif;
	color: #0695d1;
	display: block;
}
.photo-text figure{
margin-bottom: 10px!important;
}
.photo-text figure img.underline{
border-bottom: solid 1px #d2d2d2;
}
.photo-text .rwd-grid-item{
margin-bottom: 40px;
}
.photo-text h4{
margin-bottom: 5px!important;
}


figcaption {
font-size: 1.6rem!important;
margin-bottom: 0;
line-height: 1.4!important;
padding: 0 .5em;
margin-top:10px!important;
}
figcaption.style-bold-center {
font-size: 1.8rem!important;
font-weight: bold;
margin-bottom: 8px;
line-height: 1.4!important;
}
ul.scope3-list{
line-height: 1.5;
}
ul.scope3-list li{
margin-bottom: 1em;
font-size: 1.4rem!important;
}
ul.scope3-list li span{
font-size: 1.6rem!important;
display: block;
}
.fig-hd figcaption{
  margin-bottom:15px;
  font-weight: bold;
}


/*モーダルサムネイル*/
#rwd-content .rwd-modalitem01 {
    margin-bottom: 10px!important;
}

/* step-nav */

#step-nav ol {
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 4px;
}
#step-nav ol * {
  line-height: 1;
}
#step-nav li {
  width: 18.03%;
  display: table-cell;
  box-sizing: border-box;
  border: solid 2px #7d9ed4;
  background-color: #fff;
  position: relative;
}
#step-nav li .txt1 {
  width: 100%;
  padding: 3px 0 5px;
  color: #fff;
  text-align: left;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  background-color: #7d9ed4;
  position: absolute;
  top: 0;
}
#step-nav li .txt1:after {
  width: 0;
  height: 0;
  content: "";
  display: block;
  border-color: transparent transparent transparent #fff;
  border-width: 5px 0 5px 8px;
  border-style: solid;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 13px;
}
#step-nav li:last-child .txt1:after {
  display: none;
}
#step-nav li .txt1 .txt {
  padding-left: 8px;
}
#step-nav li .txt1 .num {
  margin-left: 3px;
  display: inline-block;
}
#step-nav li .txt2 {
    padding: 40px 10px 10px;
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: .8em;
}
#step-nav li .txt3 {
    padding: 0 10px 10px;
    font-size: 1.4rem;
    line-height: 1.5;
}
body.EN #step-nav li .txt2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

/*  Data-Table */
table.data-tbl1 thead th,
table.data-tbl2 thead th{
  text-align: center!important;
}
table.data-tbl1 tbody td{
  text-align: right!important;
}

.data-tbl1 tbody th.goke{
  background: #c9d1de!important;
}
.data-tbl1 tbody td.goke{
  background: #e5e5e5!important;
}

td.numb{
text-align: right!important;
}
td.tani{
text-align: center!important;
}
.data-tbl1 tbody td.tani{
text-align: center!important;
}
.data-tbl1,.data-tbl2{
  font-size: 1.5rem;
}

#rwd-content .rwd-table-type03.btm0 {
    margin-bottom: 10px!important;
}

/*実績評価の表*/
.judge-tbl .rwd-table-type03 thead th{
  text-align: center!important;
  vertical-align: middle!important;
}
.judge-tbl .rwd-table-type03 td{
  font-size: 1.5rem!important;
}
#rwd-content .judge-tbl .rwd-notes-list-circle01 li {
    font-size: 1.5rem!important;
}
.judge-tbl .rwd-notes-list-circle01 li:last-of-type{
  margin-bottom: 0!important;
}
.judge-tbl .tate-txt{
  writing-mode: vertical-rl!important;
}
.judge-tbl td{
  vertical-align: top!important;
}
.judge-tbl .bg-gray{
  background: #ececec;
}
.judgment{
  font-size: 1.8rem!important;
  color: #0017c6;
  text-align: center;
}
.apeal-tag{
  margin-bottom: 15px;
  margin-top: 7px;
}
.apeal-tag span{
  padding: 3px 10px;
}
.apeal-tag span + span{
  margin-left:10px;
}
.apeal-tag .color1{
  background: #1fe6ff;
}
.apeal-tag .color2{
  background: #51f761;
}
.apeal-tag .color3{
  background: #ffff00;
}

/*Topics枠*/
.topics{
border-radius:6px;
border:2px solid #7d9ed3;
padding: 3%;
margin-bottom: 1.5em;
}

.topics-ttl span{
  font-size: 2.4rem!important;
  padding-bottom: 5px;
  border-bottom: solid 5px #0495d1;
  color: #0695d1!important;
}

.topics figcaption{
  font-size: 1.8rem!important;

}
.note{
line-height: 1.4!important;
}
.note2{
  font-size: 1.2rem!important;
  line-height: 1.3!important;
}

/*ライフサイクルアセスメント*/
.lifecycle {
border-bottom: #5d9bd5 2px solid!important;
border-right: none!important;
}
.lifecycle td p{
  margin-bottom: 0!important;
}
.lifecycle tbody th {
  font-weight: bold!important;
  color: #16297c;
}
.lifecycle tbody th,
.lifecycle tbody td{
  border-left: none!important;
  border-top: #5d9bd5 2px solid!important;
}
.lifecycle thead th{
  border-top: #5d9bd5 2px solid!important;
  border-left: solid 1px #fff!important;
  background: #acccea!important;
}
.lifecycle thead th:first-child{
   border-left: none!important;
}
.lifecycle tbody td{
  padding: 12px 20px 13px!important;
}

/*データ集*/
.data-tbl2 a:link,
.data-tbl2 a:visited{
  color:#0035e3!important;
  text-decoration-line: underline!important;
}
.data-tbl2 a:hover{
  color: #657cc9!important;
  text-decoration-line: none!important;
}

/*TCFDロゴ*/
.logo-tcfd{
 display: inline;
 width: 82px!important;
 height: 19px!important;
 margin-left: 10px;
}

/*Tableセルセンター*/
table.cell-center tbody td{
  text-align: center!important;
}

/*ブルーコア*/
.wrap-bluecore{
  margin-top: 10px;
  display: flex;
  gap: 10px;
}
.wrap-bluecore p{
  line-height: 1.45!important;
}
figcaption span{
  display: block;
  font-size: 1.5rem;
}

/*「資源循環」への取り組み 図のキャプション*/
.recycling-fig1 figcaption{
  font-size:1.8rem!important;
  font-weight: bold;
  padding-bottom: .7em;
}

/* 価値エネルギーの追求 */
.valueEnergy{
  margin-bottom: 50px;
}
.valueEnergy h5{
  font-size: 2.0rem!important;
}

@media screen and (max-width: 767px){
.valueEnergy{
  margin-bottom: 40px;
}
.valueEnergy h5{
  margin-bottom: .5em!important;
  font-size: 1.7rem!important;
}
.csr-main h4 {
  font-size: 1.8rem!important;
}
}



@media screen and (min-width: 768px){
/* ================================================
画面幅が768px以上の場合の表示設定
================================================ */
.pc-mgl-0{
	margin-left: 0!important;
}

#rwd-content .topics .rwd-grid-unison.pc-grid6of12 .rwd-grid-item {
    width: 48%;
}

#rwd-content .topics .rwd-grid-unison.pc-grid6of12 .rwd-grid-item + .rwd-grid-item{
    margin-left: 4%;
}
figure.col3{
  margin: 0 8.27%;
}
.wrap2{
  display: flex;
  flex-flow: row-reverse;
  justify-content:center;
  align-items:center;
}
.wrap2 img.item1{
  width: 54.09%!important;
}
.wrap2 img.item2{
  width: 44.00%!important;
  margin-right: 1.91%;
}
}

@media screen and (max-width: 767px){
/* ================================================
画面幅が768px未満の場合の表示設定
================================================ */
.sp-mgl-0{
	margin-left: 0!important;
}
#rwd-content .rwd-grid .rwd-grid-item.sp-grid2of4 {
    width: 48%;
}
#rwd-content .rwd-grid .rwd-grid-item.sp-grid2of4.x2 {
    margin-left: 4%;
}

table.scope3 {
  width: 100%;
}
table.scope3 thead td {
  font-size:13px;
}
table.scope3 th {
    font-size: 16px;
/*    white-space: nowrap;*/
    padding: 1em 10px 1em .5em;
}
table.tbl-type10 caption{
  font-size: 1.7rem!important;
}
#rwd-content .rwd-table-type03-wrapper {
    margin-bottom: 10px!important;
}

figcaption {
font-size: 1.5rem!important;
}
figcaption.style-bold-center {
font-size: 1.6rem!important;
}
.photo-text .rwd-grid-item{
margin-bottom: 30px;
}
h5 {
    font-size: 1.8rem;
    line-height: 1.4;
}
/* step-nav */

#step-nav ol {
  width: 100%;
display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: column;
    flex-direction: column;
}
#step-nav li {
  width: 100%;
  margin: 0 1px 15px;
  display: inline-block;
}
#step-nav li .txt1:after {
  right: 4px;
  margin-top: -7px;
}
#step-nav li .txt1 .txt {
  font-size: 18px;
}
#step-nav li .txt1 .num {
  margin-left: 2px;
  font-size: 20px;
}
#step-nav li .txt2 {
  padding: 40px 7px 2px;
  text-align: center;
  font-size: 16px;
  line-height: 1.35em;
}
.data-tbl1,.data-tbl2{
  font-size: 1.4rem;
}
.judge-tbl .rwd-table-type03 td{
  font-size: 1.4rem!important;
}
#rwd-content .judge-tbl .rwd-notes-list-circle01 li {
    font-size: 1.4rem!important;
}
.topics{
padding: 4%;
}
.topics-ttl span{
  font-size: 1.8rem!important;
  padding-bottom: 5px;
  border-bottom: solid 5px #0495d1;
  color: #0695d1!important;
}

.topics figcaption{
  font-size: 1.6rem!important;
}
table.scope3 td {
  padding: 10px 0;
}
.wrap-bluecore{
  flex-flow: column;
}
.wrap-bluecore div{
  width: 80%;
  margin: 0 auto 10px;
}
.case table {
  margin-top: 0;
  font-size: 1.4rem;
}
.case table td {
  padding: .8em 12px .8em 1em;
  text-align:left;
  line-height: 1.5;
}
.case table th {
  padding: .8em 5px .8em 10px;
}
/*「資源循環」への取り組み 図のキャプション*/
.recycling-fig1 figcaption{
  font-size:1.6rem!important;
}
/*NewsLink*/
.news-link a span{
  font-weight: normal!important;
}
.photo-text h4{
font-size: 1.6rem!important;
margin-bottom: 5px!important;
}
}

/* == Add 2021 ==*/
#rwd-content .rwd-button-default.light, 
#rwd-content .rwd-button-strip.light, 
#rwd-content .rwd-button.light {
    background-color: #5f9bc3!important;
}

#rwd-content .rwd-button-default.light:hover {
    background-color: #5bb9aa!important;
}

.csr-main h3.h3-number{
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.4;
  padding-left: 0;
  border-left: none;
}

@media screen and (max-width: 767px){

#rwd-content .rwd-button-default {
    margin-bottom: 10px!important;
}

}

/*====2021=====*/
.flexwrap{
  display: flex;
  gap: 30px;
}
.flexwrap ul{
  margin-bottom: 50px;
}
.flexwrap li{
  font-size: 1.6rem;
  font-weight: bold;
  padding-left: 1.5em;
  margin-bottom: .5em;
}
.flexwrap.green li{
  position: relative;
}
.flexwrap.green li::before{
    width: 16px;
    height: 5px;
    content: "";
    display: block;
    background: #417935;
    position: absolute;
    left: 0;
    top: 5px;
}
.flexwrap .sdgs-icons{
  width: 80px!important;
  flex-shrink: 0;
}
.flexwrap .icon-right{
  padding-left: 30px;
  border-left: solid 1px #666;
}
figcaption.captop{
  font-size: 1.6rem!important;
  font-weight:  bold;
  margin-bottom: 10px;
  line-height: 1.3;
  display: block!important;
  text-align: center;
}
figcaption.note{
  font-size: 1.5rem!important;
  line-height: 1.4!important;
  margin-bottom: 10px;
}

table caption{
  text-align: right!important;
  font-weight: normal!important;
}

@media screen and (max-width: 767px){
.flexwrap{
  gap: 20px;
}
.flexwrap li{
  font-size: 1.5rem;
}
.flexwrap .icon-right{
  padding-left: 15px;
}
figcaption.note{
  font-size: 1.4rem!important;
}
.sp-narrow{
  margin-left: 10%;
  margin-right: 10%;
}
table caption{
  font-size: 1.4rem!important;
}
}

/* Environmental Data */

.env-data dl{
  font-size: 1.6rem;
  margin-bottom: 1.5em;
}
.env-data dd{
  margin: -1.55em 0 0 0;
  padding-left: 5em;
}

@media screen and (max-width: 767px){
.env-data dd{
  margin: 0;
  padding-left: 0;
}

}