#overlay
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.75);
}
#loading
{
	color:#fff;
	font-size: 48px;
	text-align: center;
	position: fixed;
	top:50%;
	left:0;
	right:0;
	margin: -24px auto 0;
}


/*
   Animation example, for spinners
*/
.animespin {
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
  display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/* SDGsテーブル構造の利用 */

body.act.tcfd .wrap-tcfd_table{overflow-x:auto}
body.act.tcfd .wrap-tcfd_table::-webkit-scrollbar{height:6px;background-color:#ccc;border-radius:6px}
body.act.tcfd .wrap-tcfd_table::-webkit-scrollbar-thumb{background-color:#878787;border-radius:6px}
body.act.tcfd .wrap-tcfd_table table{min-width:2600px;font-size:15px}
body.act.tcfd .wrap-tcfd_table table tr th{white-space:nowrap;vertical-align:middle;text-align:center;background-color:#334f9b;color:#fff}
@media (min-width: 768px){body.act.tcfd .wrap-tcfd_table table tr th img{max-width:57px}
}
@media (max-width: 767px){body.act.tcfd .wrap-tcfd_table table tr th img{max-width:95px}
}
body.act.tcfd .wrap-tcfd_table table tr td{color:#000}
body.act.tcfd .wrap-tcfd_table table tr td ul li{padding-left:0px !important;list-style:none}
body.act.tcfd .wrap-tcfd_table table tr td ul li::before{display:none}
body.act.tcfd .wrap-tcfd_table table tr.ct__bg01 td{background-color:#E2EFDA}
body.act.tcfd .wrap-tcfd_table table tr.ct__bg02 td{background-color:#DDEBF7}
body.act.tcfd .wrap-tcfd_table table tr.ct__bg03 td{background-color:#FFF2CC}
body.act.tcfd .wrap-tcfd_table table tr.ct-pd-td td:first-child{padding:6px 15px;text-align:center}
body.act.tcfd .wrap-tcfd_table table tr.ct-dots td:not(:first-child){text-align:center}
@media (min-width: 768px){body.act.tcfd .wrap-tcfd_table table tr.ct-dots td:not(:first-child){font-size:18px}
}
@media (max-width: 767px){body.act.tcfd .wrap-tcfd_table table tr.ct-dots td:not(:first-child){font-size:32px;line-height:1}
}