@charset "utf-8";
/* CSS Document */


/*CSR-タイトル*/
.title-box:before{
     display: block;
     padding-top: calc(141 / 750 * 100%);
     content:'';
   }

.title-box{
    position: relative;
    border: thin #C3C1C1 solid;
    margin-top: 17px;
    margin-bottom: 17px;
   }

.title-box h1 {
    font-weight: 600;
    line-height: 1.4;
    font-size: 1.8em;
    color: #fff;
    text-shadow: 1px 1px 1px #9A9A9A,#9A9A9A 1px -1px 1px,#9A9A9A -1px 1px 1px,#9A9A9A -1px -1px 1px;
    padding-top: 20px;
    padding-right: 10px;
    padding-left: 40px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.textbox-main {
font-size: 0.85em;
	line-height: 1.6em;
   }

.text-box-r{width: 70%;margin: 0;padding: 0;float: right;}

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

	.text-box-r{width: 100%;margin: 0;padding: 0;float: left;}

}



.br-sp01 {
	display: none;
}

h3.heading03 {
	padding: 5px 6px 0 20px;
	margin-bottom: 6px;
	font-size: 1.5em;
	background-color: aliceblue;
}




h1.title01 {
    padding: .5em 1em;
    border: 1px solid #ccc;
    border-top: 3px solid #3498db;
    background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
    background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
    font-size: 1.3em;
    font-weight: 600;
	color: #fff;
    text-shadow: 1px 1px 1px #9A9A9A,#9A9A9A 1px -1px 1px,#9A9A9A -1px 1px 1px,#9A9A9A -1px -1px 1px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-top: 17px;
	text-decoration: none;
}


h3 {
	box-shadow:inset 0px 1px 0px 0px #dcecfb;
	background:linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%);
	background-color:#bddbfa;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.1em;
	font-weight:bold;
	padding:0.3em 2em 0.3em 1.5em;;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
	width: 88%;
	margin-bottom: 0.6em;
	margin-top: 0.6em;
}

h4 {font-size:1.0em;font-weight: 600;line-height: 1.5em;color: #648EC8;}

h5 {font-size: 1.0em;font-weight: 600;border-bottom: thin #3060E1 solid;
	width: 95%; text-align: center;
color: #3060E1;margin: 0.5em 0.5em 0.5em 0.5em;}


h8 {
	box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	background:linear-gradient(to bottom, #b8e356 5%, #a5cc52 100%);
	background-color:#b8e356;
	border-radius:6px;
	border:1px solid #83c41a;
	display:inline-block;
	color:#ffffff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size:1.0em;
	font-weight:bold;
	padding:0.3em 0 0.3em 1em;
	width: 93%;
	margin: 0.8em 0 0.8em 0;
	text-decoration:none;
	text-align: left;
	text-shadow:0px 1px 0px #86ae47;
}

.h8-container{display:flex;flex-flow:row wrap; width: 100%;align-items: center;}
.h8-ch {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:0.9em;
	font-weight:bold;
	padding:0.5em 1em;
	margin: 0.5em 0.8em 0.5em 0;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	text-align: center;
}

.h8-ch-l{
		box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:0.9em;
	font-weight:bold;
	padding:0.5em 1em;
	margin: 0.5em 0.8em 0.5em 0;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	text-align: center;

}



.h8-ch:hover {
	background:linear-gradient(to bottom, #e9e9e9 5%, #F9E3AC 100%);
	background-color:#e9e9e9;
}

.myButton:hover {
	background:linear-gradient(to bottom, #a5cc52 5%, #b8e356 100%);
	background-color:#a5cc52;
}
.myButton:active {
	position:relative;
	top:1px;
}




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

	h3 {width: 52%; margin:0.8em 0.6em 0.6em 0; padding: 0.2em 1.5em 0 0.7em;}


}


#title-box-csr{
    background: url(../images/top/comp1.jpg) no-repeat;
    background-position: center center;
    background-size:cover;
    position: absolute;
    top:0;
    left: 0;
    bottom:0;
    width: 100%;
    height: 100%;
}


#main #main-contents {
	width: 74%;
	padding-bottom: 30px;
	float: left;
	font-size: 1.1em;
	line-height: 1.6em;
}

#main #main-contents-b {
	width: 100%;
	padding-bottom: 30px;
	float: left;
	font-size: 1.1em;
	line-height: 1.6em;
}



#main #main-contents em {
	font-style: normal;
	font-weight: bold;
}


#main #main-contents li,
#main #main-contents p {
	line-height: 1.6;
	margin-bottom: 7px;
}

#main #main-contents02 {
	width: 74%;
	padding-bottom: 30px;
}


#main #sub-contents {
	width: 24%;
	margin-bottom: 30px;
	margin-top:2px;
	float: right;
	background-color: #d8e0eb;
	font-size: 0.9em;
}


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

	#main #main-contents {
		width: 100%;}

	#main #sub-contents {
		width: 100%;
		float: left;
	}
	h3 {width: 87%;}

}


#main #sub-contents p {
	margin: 7px 10px;
	font-size: 0.85em;
}
#main #sub-contents div + p {
  letter-spacing: -0.7px;
}
#main #sub-contents dl {
	margin: 0;
	padding: 0 6px 35px;
}
#main #sub-contents dl dt {
	margin: 20px 0 5px;
	font-weight: bold;
}
#main #sub-contents dl dd {
	height: 1%;
	overflow: hidden;
	margin: 0;
}
#main #sub-contents dl dd div.image {
	width: 65px;
	float: left;
}
#main #sub-contents dl dd div.detail {
	line-height: 1.4;
	margin-left: 65px;
	padding-top: 30px;
	font-size: 0.9em;
}
#main #sub-contents div.adobe {
	padding: 0 10px 5px;
}
#main #sub-contents div.adobe p {
	margin: 5px 0;
	font-size: 0.9em;
}

.but-cs {
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	background-color:#7892c2;
	border-radius:6px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:0.9em;
	padding:0.1em 0.6em 0 0.6em;
	margin-bottom: 0.8em;
	margin-right: 0.6em;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}

.myButton:hover {
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	background-color:#476e9e;
}
.myButton:active {
	position:relative;
	top:1px;
}






sup{
font-size:80%;
}
sub{
font-size:80%;
}
a:link {
	text-decoration: none;
}

.djsi{
	font-size: 12px;
	display: block;
	float: left;
}
.djsi img{
	padding-top: 8px;
}

#main-contents .gray{
	color: #666 !important;
}

#subtop {
	background-color: #015D8C;
	text-align: center;
	color: #fff;
	padding: 10px 5px;
	font-weight: bold;
}


/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
/
/* aaa 2021.1028
/
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/__/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_//_/_/*/
.csr__link-block{
  border:1px solid #ccc;
}
.csr__link-box{
  padding:15px;
}
.wd22{
  width:22%;
}
.wd33{
  width:33%;
}
.wd49{
  width:49%;
}
.mb5{
	margin-bottom:5px!important;
}
.mb15{
	margin-bottom:15px!important;
}
.pd10{
  padding:10px;
}
.txt14{
	font-size:14px;
}
.txt16{
	font-size:16px;
  font-weight:bold;
	margin-bottom:5px;
}
.fwbld{
  font-weight:bold;
}
.now{
	white-space: nowrap;
}
.txt_c{
	text-align:center !important;
}
.txt_l{
	text-align:left !important;
}
.txt_r{
	text-align:right !important;
}
.brdr_b-0 {
	border-bottom: 0 !important;
}
.cap {
  font-size: 10px;
}
.img__pc-wd80 {
  width:80%;
  height: auto
}
@media only screen and (max-width:767px){
  .img__pc-wd80 {
    width: 100%;
  }
}
.flt-r{
  float:right;
}
@media only screen and (max-width:767px){
  .flt-r{
    float:none;
  }
}
.kakomi {
  border: double;
  margin-bottom: 10px;
  padding: 0px 10px 20px 10px;
}
/*CSRマネジメント*/
.mngmnt__01{
	background:#003F97;
	padding: 12px;
  margin: 0 20px 10px 10px;
	display: flex;
	flex-direction: row;
	color: #fff;
}
p.indent-2 {
	color:#fff;
	padding-left:2em;
	text-indent:-2em;
}
.mngmnt__bold{
	font-size: 120%;
	font-weight:bold;
}
.flxb__l-01{
	width:10%;
}
.flxb__r-01{
	width:90%;
}
.manage__tbl {
  border: 1px solid #d9ddea;;
  border-bottom: 0;
  border-right: 0;
  color: #ffff;
}
.manage__tbl th{
	background-color: #003F97;
  color: #ffff;
  text-align: center;
  padding: 5px;
  border-bottom: 1px solid #d9ddea;
  border-right: 1px solid #d9ddea;
  line-height: 1.9;
}
.manage__tbl td.ttl {
  background-color: #f2f2f2;
  text-align: left;
}
.manage__tbl td {
  padding: 5px;
  border-bottom: 1px solid #d9ddea;
  border-right: 1px solid #d9ddea;
  color: #333;
	vertical-align: middle;
  line-height: 1.9;
}
@media only screen and (min-width:768px){
	.manage__tbl td {
		white-space: nowrap;
	}
}
.manage__ul{
	margin:0 !important;
}
/*CSR重要課題（マテリアリティ）*/
.mtrl__t-1{
	display: flex;
	flex-direction: row;
	margin: 5px 0;
	font-size: 80%;
}
.textbox-main2 {
	font-size:83%;
}
.mtrl__t-l{
	width:15%;
	background:#003F97;
	color: #fff;
	font-weight:bold;
	padding: 5px;
	text-align:center;
}
.mtrl__t-r{
	width:85%;
	background:#ececec;
	color: #000;
	padding: 5px 0 5px 10px;
}
.material__tbl{
	font-size: 75%;
	border: 1px solid #d9ddea;
  border-bottom: 0;
  border-right: 0;
	border-collapse: collapse;
}
.material__tbl th {
  background-color: #003F97;
  color: #ffff;
  text-align: center;
  padding: 5px;
  border-bottom: 1px solid #d9ddea;
  border-right: 1px solid #d9ddea;
	vertical-align: middle;
  line-height: 1.9;
}
.material__tbl td {
  padding: 5px;
  border-bottom: 1px solid #d9ddea;
  border-right: 1px solid #d9ddea;
  color: #333;
  vertical-align: middle;
  line-height: 1.9;
}
td.bg-p {
  background: #541b86;
  color: #fff !important;
}
td.bg-g {
  background: #00984f;
  color: #fff !important;
}
td.bg-ug {
  background: #e6f5ed;
}
td.bg-b {
  background: #0068b7;
  color: #fff !important;
}
td.bg-ub {
  background: #e6f0f8;
}
td.bg-t {
  background: #c07700;
  color: #fff !important;
}
td.bg-h {
  background: #e9e8e8;
}
td.bg-ut {
  background: #f2e4cc;
}
.material-flr{
	float:right;
	max-width: 100%;
	height: auto;
	padding:0 6px 6px 0;
}
/*コーポレート・ガバナンス*/
.governance__tbl{
	font-size: 75%;
	border: 1px solid #d9ddea;
  border-bottom: 0;
  border-right: 0;
	border-collapse: collapse;
	width: 100%;
}
.governance__tbl td {
  padding: 5px;
  border-bottom: 1px solid #d9ddea;
  border-right: 1px solid #d9ddea;
  color: #333;
  vertical-align: middle;
	text-align: center;
  line-height: 1.9;
}
.governance__tbl2{
	font-size: 75%;
	border: 1px solid #d9ddea;
  border-bottom: 0;
  border-right: 0;
	border-collapse: collapse;
	width: 100%;
}
.governance__tbl2 td {
  padding: 5px;
  border-bottom: 1px solid #d9ddea;
  border-right: 1px solid #d9ddea;
  color: #333;
  vertical-align: middle;
  line-height: 1.9;
}
@media only screen and (max-width:767px){
  .table-scroll{
  overflow: auto; /*スクロールさせる*/
  white-space: nowrap; /*文字の折り返しを禁止*/
}

/* 以下、スクロールバーを追加 */
.table-scroll::-webkit-scrollbar{　　
 height: 5px;
}
.table-scroll::-webkit-scrollbar-track{
 background: #333;
}
.table-scroll::-webkit-scrollbar-thumb {
 background: #999;
}
}
/*環境への取り組み*/
.global__tbl {
  font-size: 75%;
  border: 1px solid #d9ddea;
  border-bottom: 0;
  border-right: 0;
  border-collapse: collapse;
  width: 100%;
}
.global__tbl td {
  padding: 5px;
  border-bottom: 1px solid #d9ddea;
  border-right: 1px solid #d9ddea;
  color: #333;
  vertical-align: middle;
	text-align: right;
  line-height: 1.9;
}
/*水資源の適正利用*/
.ew__box{
  background: #00984f;
}
.ew__area{
  background: #e9e8e8;
  padding: 10px 15px;
}
.ew__t{
  font-size:16px;
  font-weight:bold;
  color:#fff;
  text-align:center;
  padding:6px 0 0 0;
}
.ew__t2{
  font-size:16px;
  font-weight:bold;
  color:#000;
}
.ew__t3{
  font-size:32px;
  font-weight:bold;
  color:#00984f;
}
.ew__flex{
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width:767px){
  .ew__flex{
    display: block;
  }
}