/*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;
}
/*case-table*/

.case{
  margin-bottom: 30px;
}

.case table {
  border-collapse: collapse;
  border-top: 2px solid #5d9bd5;
  margin: 0 auto;
  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;
}

.case table th {
  padding: .8em 10px .8em 10px;
  text-align:left;
  font-weight: normal;
}
.case table td {
  padding: .8em 10px .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;
  line-height: 1.4;
	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;
}
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;
}

/*実績評価の表*/
.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;
}
.judge-tbl td img{
  width: 60px!important;
}
.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;
  display: inline-block;
}
.apeal-tag span + span{
  margin-top: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;
}


@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%;
}
}

@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;
}
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.7rem;
    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;
}

}

.data-tbl1 td .text_back_blue,
.scope3 td .text_back_blue,
.rwd-table_custom02 td .text_back_blue{
  display: block;
  text-align: center;
  line-height: 1.1;

}
.scope3 td .text_back_blue{
  padding: 3px 0;
}

/* == 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;
}

#rwd-content .rwd-button03 {
    min-height: 97px;
}


@media screen and (max-width: 767px){
/* ================================================
画面幅が768px未満の場合の表示設定
================================================ */
.sp-mgl-0{
  margin-left: 0!important;
}
#rwd-content .rwd-button05 {
    min-height: 100px!important;
}
#rwd-content .rwd-button-default {
    margin-bottom: 10px!important;
}
}