@charset "utf-8";
/* ===========================================================

	Title: esg.css
	Created: 2019-11-20

=========================================================== */
/*

	ESG


=========================================================== */
/*
	common
=========================================================== */
.esg-clear {
	clear: both;
}

.esg-cont-margin30 {
	margin-bottom: 30px;
}

.esg-cont-margin100 {
	margin-bottom: 100px;
}

.esg-text-justify {
	text-align: justify;
	text-justify: inter-ideograph;
}

/*esg-inner-anchor
----------------------------------------------------------- */
.esg-inner-anchor li {
	line-height: 25px;
	height: 25px;
	margin: 0 5px 10px 0;
	display: inline-block;
}
.esg-inner-anchor li a {
	vertical-align: text-bottom;
	font-size: 12px;
	text-align: center;
	line-height: 23px;
	height: 25px;
	position: relative;
	padding: 0 20px 0 25px;
	background-color: #fff;
	color: #003893;
	display: inline-block;
	border-style: solid;
	border-width: 1px;
	border-color: #ddd;
}
.esg-inner-anchor li a:before {
	position: absolute;
	top: 50%;
	left: 15px;
	margin: -3px 0 0;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 0 3px 4px;
	border-color: transparent transparent transparent #aaa;
}

.marginBottom-none {
	margin-bottom: 0px !important;
}
/* .esg-inner-anchor li a:hover:before  {
	border-color: transparent transparent transparent #fff;
}
.esg-inner-anchor li a:hover {
	border-color: transparent;
	text-decoration: none;
	color: #fff;
}
.esg-inner-anchor li a.current {
	cursor: default;
	border-color: transparent;
	color: #fff;
}
.esg-inner-anchor li a.current:before {
	border-color: transparent transparent transparent #fff;
	opacity: 0.2;
} */


/*
	esg-policy.html
=========================================================== */
.esg-message-flex {
  display: flex;
}
.esg-message-txt {
  margin-left: 60px;
}
@media screen and (max-width: 1024px) {
  .esg-message-txt {
    margin-left: 0;
  }
.esg-message-photo {
    text-align: center;
  }
.esg-message-flex {
    display: block;
  }
}

.esg-policy-bottom5 {
  margin-bottom: 5px !important
}

/*
	サステナビリティに関する取組み＆投資主利益に配慮した運営体制
  の
  流用
=========================================================== */
.tit-a {
    text-align: center;
    background: #f9f9f9;
    border: solid 1px #ccc;
    margin: 0 0 15px;
    padding: 20px;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.3em;
}
.read {
    margin: 0 0 10px;
    font-weight: bold;
    font-size: 18px !important;
    line-height: 1.6 !important;
}

@media screen and (max-width: 1024px) {
.tit-a {
    letter-spacing: 0;
}
}
/* table-a
----------------------------------------------------------- */
.table-a th {
    width: 25%;
    padding: 10px 10px;
    color: #fff;
    background: #e28080;
}
.table-a td {
    padding: 10px 10px;
    vertical-align: top;
    background: #ffdddd;
}

@media screen and (max-width: 1024px) {
.table-a th {
    width: auto;
}
.table-a .responsive-center {
    text-align: center;
}
}
/* #strengths ul.pagelink
----------------------------------------------------------- */
#strengths p.pagelink {
    text-align: center;
    width: 640px;
    margin: 0 auto 10px;
    padding: 0;
    border: 2px double #CCCCCC;
    background: #d8e2f4;
}
#strengths p.pagelink strong {
    font-weight: bold;
    font-size: 18px;
}
#strengths p.pagelink a {
    display: block;
    padding: 20px 20px 35px;
    background-image: url(/img/common/ic/ic_arrow-pagelink.png);
    background-position: left 50% bottom 15px;
    background-repeat: no-repeat;
    text-decoration: none;
    color: #111;
    transition: background 0.2s linear;
}
#strengths p.pagelink a:hover {
    background-position: left 50% bottom 10px;
    background-repeat: no-repeat;
}
#strengths ul.pagelink {
    zoom: 1;
    width: 780px;
    margin: 20px auto 10px;
    overflow: hidden;
}
#strengths ul.pagelink li {
    display: inline;
    float: left;
    position: relative;
    width: 240px;
    background: #d8e2f4;
    border: solid 1px #ccc;
    margin: 0 30px 10px 0;
}
#strengths ul.pagelink li.lastChild {
    margin: 0 0 10px 0;
}
#strengths ul.pagelink li a {
    display: block;
    padding: 20px 25px 20px 75px;
    background: url(../img/common/ic/ic_arrow-pagelink.png) 40px 50% no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #111;
}
#strengths ul.pagelink li a:hover {
    text-decoration: underline;
    color: #111;
}

@media screen and (max-width: 1024px) {
#strengths p.pagelink {
    width: 100%;
}
#strengths ul.pagelink {
    margin: 0 0 25px;
    width: 100%;
}
#strengths ul.pagelink li, #strengths ul.pagelink li.lastChild {
    display: block;
    float: none;
    left: 0;
    margin: 0 auto 10px;
}
#strengths ul.pagelink li a {
    padding: 10px 25px 10px 75px;
}
}
/* #esg .esg-governance-table-a
----------------------------------------------------------- */
#esg .esg-governance-table-a {
    border: 1px solid #111;
}
#esg .esg-governance-table-a th, #esg .esg-governance-table-a td {
    font-size: 1.25em;
    font-weight: bold;
    line-height: 1.5;
}
#esg .esg-governance-table-a th {
    padding: 5px 0 5px 10px;
}
#esg .esg-governance-table-a td {
    padding: 5px 10px 5px 0;
}
#esg .esg-governance-table-a sup {
    font-size: 9px;
    font-weight: bold;
}

/* esg-policy-item
----------------------------------------------------------- */
.esg-policy-item {
	background-color: #003F98;
	color: #fff;
	display: inline-block;
	padding: 5px;
}

@media screen and (max-width: 1200px) {
.esg-policy-item {
	background-color: #003F98;
	color: #fff;
	display: block;
	width: fit-content;
	padding: 5px;
}
}

/* esg-propaties
----------------------------------------------------------- */
.sustainability h4 {
    font-size: 14px;
}
.esg-propaties {
    background: #efefef;
    padding: 30px 40px;
    margin-bottom: 20px;
}

/* coloum-l */
.esg-propaties .coloum-l {
    width: 180px;
    float: left;
    margin: 0 40px 0 0;
}
.esg-propaties .coloum-l img {
    width: 180px;
    height: 250px;
}
.esg-propaties .coloum-l a img:hover {
    opacity: 0.8;
}
/* coloum-l */


.esg-propaties .coloum-one {
    width: 250px;
    float: left;
    margin: 0 40px 0 0;
}
.esg-propaties .coloum-one img {
    width: 250px;
}
.esg-propaties .coloum-one a img:hover {
    opacity: 0.8;
}


/* coloum-c */
.esg-propaties .coloum-c {
    width: 610px;
    float: left;
}
.esg-propaties .coloum-c h4 {
    border: none;
    margin: 0 0 15px;
    padding: 0;
}
.esg-propaties .coloum-c h4 a, .esg-propaties .coloum-c h4 a:link, .esg-propaties .coloum-c h4 a:hover, .esg-propaties .coloum-c h4 a:active, .esg-propaties .coloum-c h4 a:visited {
    font-weight: bold;
    font-size: 18px;
    color: #194c9e;
    text-decoration: none;
}
.esg-propaties .coloum-c table {
    width: 100%;
    margin: 0;
}
.esg-propaties .coloum-c table th {
    width: 33%;
    background: #767BBA;
    color: #fff;
}
.esg-propaties .coloum-c table td {
    background: #fff;
}
/* coloum-c */

/* coloum-r */
.esg-propaties .coloum-r {
    display: table-cell;
    width: 250px;
    height: 250px;
    background: #fff;
		margin: 0px 40px 0px 0px;
		float: left;
		text-align: center;
		vertical-align: middle;
}
.esg-propaties .coloum-r .r-img {
    text-align: center;
    margin: 0;
}
.esg-propaties .coloum-r .r-img img {
    width: 200px;
    height: 180px;
}
.esg-propaties .coloum-r .r-txt {
    padding: 5px 15px;
    margin: 0 auto;
}
/* coloum-r */

.esg-environment-link {
    text-align: right;
}
.esg-environment-link span {
    padding: 2px 0 2px 10px;
    position: relative;
}
.esg-environment-link span:before {
    position: absolute;
    top: 7px;
    left: 0;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 0 3px 3px;
    border-color: transparent transparent transparent #c7161d;
}
.esg-environment-link a:link, .esg-environment-link a:visited {
    text-decoration: underline;
    color: #0a259b;
}
.esg-environment-link a:hover {
    text-decoration: none;
    color: #111;
}

@media screen and (max-width: 768px) {
.sustainability .tab-a li {
    width: 100%;
}
}

@media screen and (max-width: 1200px) {
.esg-propaties {
    padding: 20px;
    margin-bottom: 10px;
}
.esg-propaties .coloum-l {
    width: 100%;
    float: none;
    margin: 0;
    text-align: center;
}
.esg-propaties .coloum-c {
    width: 100%;
    margin: 0;
    float: none;
}
.esg-propaties .coloum-c h4 {
    text-align: center;
    margin: 0 0 10px;
}
.esg-propaties .coloum-c table {
    margin: 0 0 10px;
}
.esg-propaties .coloum-c table th {
    white-space: nowrap;
}
.esg-propaties .coloum-r {
    width: 100%;
    display: block;
    max-width: 350px;
    height: auto;
    margin: 0 auto;
    float:none;
}
.esg-propaties .coloum-r .r-txt {
    padding: 5px 15px 15px;
}
.esg-environment-link {
    text-align: center;
    margin: 0 20px;
}
}
/*
2018-05-01
 */
.gresb-float {
    float: left;
}
.gresb-text {
    width: 935px;
    margin-left: 250px;
    margin-top: 40px;
}

@media screen and (max-width: 1200px) {
.gresb-text {
    float: left;
    margin: 0 auto;
    width: auto;/* margin-top: 40px;   */
}
}

@media screen and (max-width: 1200px) {
.gresb-float {
    width: 100%;
    float: none;
    margin: 0;
    text-align: center;
}
}

.esg-environment-energy-table thead tr th:nth-child(n+2):nth-child(-n+5) {
	text-align: center;
}

.esg-environment-energy-table tbody tr td:nth-child(n+2):nth-child(-n+5){
	text-align: center;
}

.esg-environment-energy-table-left {
	text-align: left !important;
}

.esg-environment-energy-table.bdr_right-none td {
  border-right: none;
}
.esg-environment-energy-table.bdr_right td {
  border-right: solid 1px #ddd;
}
.esg-environment-energy-table .esg-environment-energy-basic-th {
	background: #9F9F9F;
  color: #fff;
}
.esg-environment-energy-table .esg-environment-energy-basic-td {
	background: #E4E4E4;
}
.esg-environment-energy-table .esg-environment-energy-new-th {
	background: #5083c3;
  color: #fff;
}
.esg-environment-energy-table .esg-environment-energy-new-td {
	background: #ECF1F8;
}
.esg-environment-energy-table .esg-environment-energy-rate-th {
	background: #003F98;
  color: #fff;
}
.esg-environment-energy-table .esg-environment-energy-rate-td {
  color: #003F98;
  font-weight: bold;
}


/* ===========================================================

	esg-led-table

=========================================================== */
.esg-led-table {
	border: solid 1px #f0f0f0 !important;
	width: auto;
}

.esg-led-table1 {
	background-color: #f0f0f0;
	vertical-align: middle;
	text-align: center;
	font-size: 1.5em;
	border: solid 1px #f0f0f0 !important;
}

.esg-led-table2 {
	vertical-align: middle;
	text-align: center;
	font-size: 1.5em;
	border: solid 1px #f0f0f0 !important;
}

.esg-led-table-bold {
	font-weight: bold;
	font-size: 1.8em;
}

.esg-led-table-small {
	font-weight: 100;
}
/* ===========================================================

	esg-sample-type

=========================================================== */
.esg-sample-type {
    margin: 0 0 5px;
    padding: 10px;
}
.esg-sample-type dl {
    margin: 0 90px;
}
.esg-sample-type dl dt {
    float: left;
    width: 220px;
    text-align: center;
    line-height: 48px;
    font-size: 25px;
    font-weight: bold;
}
.esg-sample-type dl dd {
    float: left;
    width: 230px;
    margin: 0 70px 0 0;
    line-height: 48px;
    text-align: center;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    position: relative;
}
.esg-sample-type dl dd.esg-sample-dd3, .esg-sample-type dl dd.esg-sample-dd4 {
    margin: 0;
    width: auto;
    text-align: left;
    font-size: 30px;
    font-weight: bold;
    text-decoration: underline;
}
.esg-sample-type dl dd.esg-sample-dd1:before, .esg-sample-type dl dd.esg-sample-dd1:after, .esg-sample-type dl dd.esg-sample-dd2:before, .esg-sample-type dl dd.esg-sample-dd2:after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.esg-sample-type dl dd.esg-sample-dd1:before, .esg-sample-type dl dd.esg-sample-dd2:before {
    right: -64px;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border: 15px solid transparent;
    border-left: 15px solid #898989;
}
.esg-sample-type dl dd.esg-sample-dd1:after, .esg-sample-type dl dd.esg-sample-dd2:after {
    right: -40px;
    width: 0px;
    height: 14px;
    border-left: 20px solid #898989;
}
.esg-type-a {
    border: 1px solid #333;
		background: #767BBA;
}
.esg-type-a dl dt {
    color: #e50f50;
}
.esg-type-a dl dd.esg-sample-dd1 {
    background: #e50f50;
}
.esg-type-a dl dd.esg-sample-dd2 {
    background: #ef858c;
}
.esg-type-a dl dd.esg-sample-dd3 {
    color: #e50f50;
}
/* ===========================================================

	esg-environment-flex

=========================================================== */
.esg-environment-flex {
	display: flex;
	flex-direction: row;
}

.esg-environment-flex-arrow:before {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.esg-environment-flex-arrow:before {
    right: -64px;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border: 15px solid transparent;
    border-left: 15px solid #898989;
}
.esg-environment-flex-arrow:after {
    right: -40px;
    width: 0px;
    height: 14px;
    border-left: 20px solid #898989;
}

.esg-environment-powersave1 {
	display: flex;
}

.esg-environment-powersave2 {
	/* display: flex;
	flex-flow: wrap; */
	margin-left: 30px;
}

.esg-environment-watersave {
	display: flex;
	align-items: center;
}

.esg-environment-greenlease {
	display: flex;
}

.esg-environment-stakeholder {
	display: flex;
	justify-content: space-between;
}

.esg-environment-ol-style ol {
	position: relative;
  margin: 0;
  padding: 0;
	margin-bottom: 30px;
}
.esg-environment-ol-style ol li {
	list-style: none;
  list-style-position: outside;
  margin: 0;
  padding-left: 1.25em
}
.esg-environment-ol-style ol li span {
	position: absolute;
	left: 0;
	margin: 0
}

.esg-environment-tableLine1 {
	background-color: #5083c3;
	color: #fff;
}

.esg-environment-flex-center {
	display: flex;
	justify-content: center;
}
.esg-environment-flex-space-around {
	display: flex;
	justify-content: space-around;
}

.esg-environment-flex-inline-center {
	align-self: center;
}

.esg-environment-flex-space-around table {
	width: 600px;
}
/* ===========================================================

esg-social

=========================================================== */
.esg-social-flex {
	display: flex;
	flex-direction: row;
}
.esg-social-flex-center {
	display: flex;
	justify-content: center;
}
.esg-social-stakeholder {
	display: flex;
	justify-content: center;
}
.esg-social-stakeholder_icon {
	/* display: flex;
	flex-wrap: wrap;
	margin: 20px; */
}
.esg-social-stakeholder_icon img {
	margin: 5px;
}
.esg-social-am_banner {
	display: flex;
	justify-content: center;
}

.esg-social-flex-A {
}

.esg-social-flex-C {
	margin-left: 20px;
	margin-top: 20px;
}

.esg-social-flex-D {
	margin-left: 20px;
	margin-top: 20px;
	justify-content: center;
}

.esg-social-flex-E {
	margin-left: 100px;
}

.esg-figcaption-center {
	text-align: center;
	width: 180px;
}

.esg-social-flex-center {
	display: flex;
	justify-content: space-around;
}

.esg-social-flex-space {
	display: flex;
	justify-content: space-between;
}

.esg-social-flex-space-around {
	display: flex;
	justify-content: space-around;
}

.esg-social-flex-inline-center {
	align-self: center;
}

.esg-social-flex-margin20 {
	margin-left: 20px;
}

.esg-social-tableLine-gray1 {
	background-color: #f0f0f0;
}

.esg-social-tableLine-gray2 {
	background-color: #cccaca;
}

.esg-social-tableLine-blue1 {
	background-color: #5083c3;
	color: #fff;
}

.esg-social-tableLine-blue2 {
	background-color: #035099;
	color: #fff;
}

.esg-social-tableLine-blue3 {
	background-color: #003F98;
	color: #fff;
	vertical-align: middle;
}

.esg-social-table-center td {
	text-align: center;
}

.esg-social-table-right td {
	text-align: right;
}

.esg-social-table-leftImport {
	text-align: left !important;
}

.esg-social-tableIndent tbody span {
	display: block;
	text-indent: -10px;
  padding-left: 10px;
	margin-bottom: 5px;
}

.esg-social-tableIndent-feature:not {
	text-indent: -10px;
	padding-left: 10px;
}

.esg-social-tableseminar-width {
	width: 90%;
}

.esg-social-table-width {
	width: 90%;
}

.esg-social-table-width thead tr th {
	text-align: center;
}

.esg-social-table-width thead tr th a {
	font-weight: bold;
	color: #333;
}

.esg-social-fontBold {
	font-weight: bold;
}

/* ===========================================================

	esg-responsive

=========================================================== */

/* 環境への取り組み */

@media screen and (max-width: 1200px) {
	.esg-environment-flex-space-around {
		display: block;
	}
	.esg-environment-flex-space-around div {
		width: 100%;
		text-align: center;
	}

	.esg-environment-flex-inline-center {
		display: block;
	}
	.esg-environment-flex-inline-center table {
		width: 100%;
		text-align: center;
	}

	.esg-environment-powersave1 {
		display: block;
	}
	.esg-environment-powersave1 div , .esg-environment-powersave1 p {
		text-align: center;
	}

	.esg-environment-stakeholder {
		display: block;
	}
	.esg-environment-ol-style {
		text-align: initial !important;
		margin-bottom: 30px;
	}
	.esg-environment-stakeholder div {
		width: 100%;
		text-align: center;
	}
}

/* 社会への取り組み */

@media screen and (max-width: 1200px) {
	.esg-social-flex-center {
		display: block;
	}
	.esg-social-flex-center div {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}

	.esg-social-flex-space {
		display: block;
	}
	.esg-social-flex-space div {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}

	.esg-social-flex-space-around {
		display: block;
	}
	.esg-social-flex-space-around div {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}

	.esg-social-stakeholder_icon {
		/* display: block; */
		text-align: center;
	}
	.esg-social-stakeholder_icon img {
		/* width: 100%; */
		text-align: center;
		margin-bottom: 10px;
	}

	.esg-social-flex-margin20 {
		margin-left: 0px;
	}

}

/* environment-layout */
/* 3-1-1 */
.grid_3-1-1 {
  margin: 0;
  padding: 0;
	display: -webkit-flex;
  display: flex;
  list-style: none;
}

.grid-cell_3-1-1 {
  margin: 5px;
  padding: 0px;
  border-radius: 5px;
  /* line-height: 1; */
	/* border: solid 1px #333; */
}

.flexible_3-1-1 {
  flex: 1;
}

.fixed_3-1-1 {
  width: 550px;
}

.grid-cell_3-1-1 p {
  /* display: block; */
  /* margin: 0; */
  /* padding: 20px; */
  /* text-decoration: none; */
}

.layoutImgLeft20 {
	margin-left: 20px;
}


@media screen and (max-width: 1200px) {
.grid_3-1-1, .flexible_3-1-1 {
    float: left;
    margin: 0 auto;
		display: block;
    width: auto;/* margin-top: 40px;   */
}
}
@media screen and (max-width: 768px) {
    .fixed_3-1-1 {
        width: 100%;
        text-align: center
    }
    .fixed_3-1-1 img {
        margin: 10px 0 !important;
    }
}
/* 3-1-1 */

/* 3-1-2 */
.grid_3-1-2 {
  margin: 0;
  padding: 0;
	display: -webkit-flex;
  display: flex;
  list-style: none;
}

.grid-cell_3-1-2 {
  margin: 5px;
  padding: 0px;
  border-radius: 5px;
  /* line-height: 1; */
	/* border: solid 1px #333; */
}

.flexible_3-1-2 {
  flex: 1;
}

.fixed_3-1-2 {
  width: 230px;
}

.grid-cell_3-1-2 p {
  /* display: block; */
  /* margin: 0; */
  /* padding: 20px; */
  /* text-decoration: none; */
}
/* 3-1-2 */

/* 3-2 */
.grid_3-2 {
  margin: 0;
  padding: 0;
	display: -webkit-flex;
  display: flex;
  list-style: none;
}

.grid-cell_3-2 {
  margin: 5px;
  padding: 0px;
  border-radius: 5px;
  /* line-height: 1; */
	/* border: solid 1px #333; */
}


.fixed_3-2 {
	width: 230px;
}

.flexible_3-2 {
  flex: 1;
}

.grid-cell_3-2 p {
  /* display: block; */
  /* margin: 0; */
  /* padding: 20px; */
  /* text-decoration: none; */
}

@media screen and (max-width: 1200px) {
.grid_3-2, .flexible_3-2 {
    float: left;
    margin: 0 auto;
		display: block;
    width: auto;/* margin-top: 40px;   */
}
}


.environment_tableAuto{
	width: 70%;
}

/* 3-2 */

/* social-layout */
/* 2-1-1 */
.grid_2-1-1 {
  margin: 0;
  padding: 0;
	display: -webkit-flex;
  display: flex;
  list-style: none;
}

.grid-cell_2-1-1 {
  margin: 5px;
  padding: 0px;
  border-radius: 5px;
  /* line-height: 1; */
	/* border: solid 1px #333; */
}


.fixed_2-1-1 {
	width: 230px;
}

.flexible_2-1-1 {
  flex: 1;
}

.grid-cell_2-1-1 p {
  /* display: block; */
  /* margin: 0; */
  /* padding: 20px; */
  /* text-decoration: none; */
}


@media screen and (max-width: 1200px) {
.grid_2-1-1, .flexible_2-1-1 {
    float: left;
    margin: 0 auto;
		display: block;
    width: auto;/* margin-top: 40px;   */
}
}

/* 2-1-1 */

/* 2-1-2 */
.grid_2-1-2 {
  margin: 0;
  padding: 0;
	display: -webkit-flex;
  display: flex;
  list-style: none;
}

.grid-cell_2-1-2 {
  margin: 5px;
  padding: 0px;
  border-radius: 5px;
  /* line-height: 1; */
	/* border: solid 1px #333; */
}


.fixed_2-1-2 {
	width: 230px;
}

.flexible_2-1-2 {
  flex: 1;
}

.grid-cell_2-1-2 p {
  /* display: block; */
  /* margin: 0; */
  /* padding: 20px; */
  /* text-decoration: none; */
}

@media screen and (max-width: 1200px) {
.grid_2-1-2, .flexible_2-1-2 {
    float: left;
    margin: 0 auto;
		display: block;
    width: auto;/* margin-top: 40px;   */
}
}
/* 2-1-2 */

/* 2-2-4 */
.grid_2-2-4 {
  margin: 0;
  padding: 0;
	display: -webkit-flex;
  display: flex;
  list-style: none;
}

.grid-cell_2-2-4 {
  margin: 5px;
  padding: 0px;
  border-radius: 5px;
  /* line-height: 1; */
	/* border: solid 1px #333; */
}


@media screen and (max-width: 1200px) {
.grid_2-2-4, .flexible_2-2-4 {
    float: left;
    margin: 0 auto;
		display: block;
    width: auto;/* margin-top: 40px;   */
}
}

.fixed_2-2-4 {
	width: 420px;
}

.flexible_2-2-4 {
  flex: 1;
}

.figure_2-2-4_left {
	display: inline-block;
}

.figure_2-2-4_right {
	display: inline-block;
	margin-left: 30px;
}

.grid-cell_2-2-4 p {
  /* display: block; */
  /* margin: 0; */
  /* padding: 20px; */
  /* text-decoration: none; */
}

/* 2-2-4 */

/* 2-2-5 */
.grid_2-2-5 {
  margin: 0;
  padding: 0;
	display: -webkit-flex;
  display: flex;
  list-style: none;
}

.grid-cell_2-2-5 {
  margin: 5px;
  padding: 0px;
  border-radius: 5px;
  /* line-height: 1; */
	/* border: solid 1px #333; */
}

.fixed_2-2-5 {
	width: 230px;
}

.flexible_2-2-5 {
  flex: 1;
}

.grid-cell_2-2-5 p {
  /* display: block; */
  /* margin: 0; */
  /* padding: 20px; */
  /* text-decoration: none; */
}

@media screen and (max-width: 1200px) {
.grid_2-2-5, .flexible_2-2-5 {
    float: left;
    margin: 0 auto;
		display: block;
    width: auto;/* margin-top: 40px;   */
}
}

/* 2-2-5 */

/* 2-3 */
.grid_2-3 {
  margin: 0;
  padding: 0;
	display: -webkit-flex;
  display: flex;
  list-style: none;
}

.grid-cell_2-3 {
  margin: 5px;
  padding: 0px;
  border-radius: 5px;
  /* line-height: 1; */
	/* border: solid 1px #333; */
}

.fixed_2-3 {
	width: 420px;
}

.flexible_2-3 {
  flex: 1;
}

.grid-cell_2-3 p {
  /* display: block; */
  /* margin: 0; */
  /* padding: 20px; */
  /* text-decoration: none; */
}

@media screen and (max-width: 1200px) {
.grid_2-3, .flexible_2-3 {
    float: left;
    margin: 0 auto;
		display: block;
    width: auto;/* margin-top: 40px;   */
}
}

/* 2-3 */

/* 3-1-ex1 */
.grid_3-1-ex1 {
  margin: 0;
  padding: 0;
	display: -webkit-flex;
  display: flex;
  list-style: none;
}

.grid-cell_3-1-ex1 {
  margin: 5px;
  padding: 0px;
  border-radius: 5px;
  /* line-height: 1; */
	/* border: solid 1px #333; */
}


.fixed_3-1-ex1 {
	width: 230px;
}

.flexible_3-1-ex1 {
  flex: 1;
}

.grid-cell_3-1-ex1 p {
  /* display: block; */
  /* margin: 0; */
  /* padding: 20px; */
  /* text-decoration: none; */
}


@media screen and (max-width: 1200px) {
.grid_3-1-ex1, .flexible_3-1-ex1 {
    float: left;
    margin: 0 auto;
		display: block;
    width: auto;/* margin-top: 40px;   */
}
}

/* 3-1-ex1 */

/* 3-1-ex2 */
.grid_3-1-ex2 {
  margin: 0;
  padding: 0;
	display: -webkit-flex;
  display: flex;
  list-style: none;
}

.grid-cell_3-1-ex2 {
  margin: 5px;
  padding: 0px;
  border-radius: 5px;
  /* line-height: 1; */
	/* border: solid 1px #333; */
}


.fixed_3-1-ex2 {
	width: 230px;
}

.flexible_3-1-ex2 {
  flex: 1;
}

.grid-cell_3-1-ex2 p {
  /* display: block; */
  /* margin: 0; */
  /* padding: 20px; */
  /* text-decoration: none; */
}


@media screen and (max-width: 1200px) {
.grid_3-1-ex2, .flexible_3-1-ex2 {
    float: left;
    margin: 0 auto;
		display: block;
    width: auto;/* margin-top: 40px;   */
}
}

/* 3-1-ex2 */

/* 3-1-ex3 */
.grid_3-1-ex3 {
  margin: 0;
  padding: 0;
	display: -webkit-flex;
  display: flex;
  list-style: none;
}

.grid-cell_3-1-ex3 {
  margin: 5px;
  padding: 0px;
  border-radius: 5px;
  /* line-height: 1; */
	/* border: solid 1px #333; */
}


.fixed_3-1-ex3 {
	width: 230px;
}

.flexible_3-1-ex3 {
  flex: 1;
}

.grid-cell_3-1-ex3 p {
  /* display: block; */
  /* margin: 0; */
  /* padding: 20px; */
  /* text-decoration: none; */
}

@media screen and (max-width: 1200px) {
.grid_3-1-ex3, .flexible_3-1-ex3 {
    float: left;
    margin: 0 auto;
		display: block;
    width: auto;/* margin-top: 40px;   */
}
}

/* 3-1-ex3 */

/* 3-4 */
.grid_3-4 {
  margin: 0;
  padding: 0;
	display: -webkit-flex;
  display: flex;
  list-style: none;
}

.grid-cell_3-4 {
  margin: 5px;
  padding: 0px;
  border-radius: 5px;
  /* line-height: 1; */
	/* border: solid 1px #333; */
}

.fixed_3-4 {
	width: 230px;
}

.flexible_3-4 {
  flex: 1;
}

.grid-cell_3-4 p {
  /* display: block; */
  /* margin: 0; */
  /* padding: 20px; */
  /* text-decoration: none; */
}


@media screen and (max-width: 1200px) {
.grid_3-4, .flexible_3-4 {
    float: left;
    margin: 0 auto;
		display: block;
    width: auto;/* margin-top: 40px;   */
}
}


/* 3-4 */

/* 3-5 */
.grid_3-5 {
  margin: 0;
  padding: 0;
	display: -webkit-flex;
  display: flex;
  list-style: none;
}

.grid-cell_3-5 {
  margin: 5px;
  padding: 0px;
  border-radius: 5px;
  /* line-height: 1; */
	/* /* border: solid 1px #333; */ */
}

.fixed_3-5 {
	width: 230px;
}

.flexible_3-5 {
  flex: 1;
}

.grid-cell_3-5 p {
	margin-bottom: 10px;
  /* display: block; */
  /* margin: 0; */
  /* padding: 20px; */
  /* text-decoration: none; */
}

@media screen and (max-width: 1200px) {
.grid_3-5, .flexible_3-5 {
    float: left;
    margin: 0 auto;
		display: block;
    width: auto;/* margin-top: 40px;   */
}
}

/* 3-5 */

/*
English
 */

.en-esg-led-table {
	border: solid 1px #f0f0f0 !important;
	width: auto;
}
.en-esg-led-table td {
	padding: 5px 10px;
}

.en-esg-led-table1 {
	background-color: #f0f0f0;
	vertical-align: middle;
	text-align: center;
	font-size: 1.5em;
	border: solid 1px #f0f0f0 !important;
}

.en-esg-led-table2 {
	vertical-align: middle;
	text-align: center;
	font-size: 1.5em;
	border: solid 1px #f0f0f0 !important;
}

.en-esg-led-table-bold {
	font-weight: bold;
	font-size: 1.8em;
}

.en-esg-led-table-small {
	font-weight: 100;
}

/* 2-2-4 */
.en-figure_2-2-4_right {
	display: inline-block;
	margin-left: 30px;
	text-align: center;
}
.en-esg-figcaption-center {
	text-align: center;
	width: 200px;
}
/* 2-2-4 */

/* 2-3 */
.en-grid_2-3 {
  margin: 0;
  padding: 0;
	display: -webkit-flex;
  display: flex;
  list-style: none;
}

.en-grid-cell_2-3 {
  margin: 5px;
  padding: 0px;
  border-radius: 5px;
  /* line-height: 1; */
	/* border: solid 1px #333; */
}

.en-fixed_2-3 {
	width: 440px;
}

.en-flexible_2-3 {
  flex: 1;
}

.en-grid-cell_2-3 p {
  /* display: block; */
  /* margin: 0; */
  /* padding: 20px; */
  /* text-decoration: none; */
}

@media screen and (max-width: 1200px) {
.en-grid_2-3, .en-flexible_2-3 {
    float: left;
    margin: 0 auto;
		display: block;
    width: auto;/* margin-top: 40px;   */
}
}

/* Environmental Certification */
.esg-image {
	width: 250px;
    display: flex;
    margin: 0 40px 40px;
}
.esg-image2 {
	  width: 250px;
    display: flex;
    margin: 0 0 40px;
}

.esg-image3 {
	  margin: 0 30px 40px 0;
}

.esg-text {
	width: 900px;
	display: flex;
	align-self: center;
}

.esg-table2 {
	width: 900px;
	margin: 0 auto;
	margin-bottom: 30px;
}
.esg-table1 {
  width: 900px;
	display: flex;
	margin: 0 auto;
}
.esg-table3 {
  width: auto;
  display: flex;
  flex-direction: row;
  margin: 0 auto;
}

.esg-external-text  {
  width: 900px;
  margin: 0 auto;
}

@media screen and (max-width: 1024px) {
  .esg-table3 {
    flex-direction: column;
    align-items: center;
  }  
.esg-text {
	width: auto;	
	margin: 0 20px 20px;	
}
/* .esg-image {
	width: 100%;
} */
.esg-image2,.esg-image3 {
	width: auto;
}
.esg-image3 {
	margin-right: 0;
}
.esg-image3 img {
    width: 100%;
}
.esg-external-text  {
  width: 100%;
}
}


/* ===========================================================

	マテリアリティ_テーブルの設定

=========================================================== */

.esg_materiality_sdgs {
	/*display: inline-flex;*/
	vertical-align: middle;

}
.esg_index_item1 {
	float: left;
	vertical-align: middle;
	text-align: center;
}
.esg_index_item2 {
	margin-left: 4px;
	float: left;
	vertical-align: middle;
	text-align: center;
}
@media screen and (max-width: 1024px) {
  .esg_index_item2 {
    margin-left: 0;
  }
}
.esg_index_item3 {
	/*float: left;*/
	vertical-align: middle;
	text-align: center;
}
.esg_index_tdcolor1 {
	vertical-align: middle;
	background-color: #3f7e44;
	text-align: center;
	color: #fff;
	font-size: 1.2em;
}
.esg_index_tdcolor2 {
	vertical-align: middle;
	background-color: #00a6d9;
	text-align: center;
		color: #fff;
	font-size: 1.2em;
}
.esg_index_tdcolor3 {
	vertical-align: middle;
	background-color: #fcc30b;
	text-align: center;
		color: #fff;
	font-size: 1.2em;
}

.esg_materiality_bold1 {
	font-weight: bold;
	color: #fff;
	background: #3f7e44;
}
.esg_materiality_bold2 {
	font-weight: bold;
	color: #fff;
	background: #00a6d9;
}
.esg_materiality_bold3 {
	font-weight: bold;
	color: #fff;
	background: #fcc30b;
}
.esg_materiality_bold_normal {
	font-weight: bold;
}
.esg_materiality_cont {
	margin-bottom: 50px !important;
}

.esg_materiality_width11 {
	width: 11%;
}

.esg_materiality_indent {
	text-indent: -17px;
	padding-left: 17px;
	display: block;
	margin-bottom: 10px;
}

.esg_materiality_iconmargin {
	margin-top: -30px;
}

.font-italic{
    font-style: italic;
}

.style-underline{
    text-decoration: underline;
}

.list-type-disc li{
    margin-bottom: 10px;
}


/* ===========================================================

	esg_materiality

=========================================================== */
.esg_materiality_th1 {
	background: #1a274c;
	color: #fff;
}

.esg_materiality_bold {
	font-weight: bold;
	font-size: 1.1em;
}

.esg_materiality_bgthin1 {
	background: #3f7e44;
	}

.esg_materiality_bgthin2 {
	background: #00a6d9;
	}

.esg_materiality_bgthin3 {
	background: #fcc30b;
	}

.esg_materiality_graybox {
	text-align: center;
	background: #7f7f7f;
	padding: 7px;
	color: #fff;
	display: block;
	}
.esg_materiality_graybox_width {
	width: 13% !important;
}

.esg_materiality_td_inherit {
	vertical-align: inherit;
}

.report-bg {
  padding: 5px 10px;
  background-color:#1a274c;
  border-radius: 5px;
  color: #fff;
  margin-right: 10px;
}

.esg-btn1{
  float: left;
  padding: 10px 30px 10px 35px;
  background-color: #003893;
  font-size: 15px;
  color: #fff;
  font-weight: bold;
  margin-right:5px;
  margin-left: 5px;
}

.esg-btn2{
  padding: 10px 40px 10px 45px;
  background-color: #003893;
  font-size: 15px;
  float: left;
  color: #fff;
  font-weight: bold;
  margin-right:5px;
  margin-left: 5px;
}

.ic-pdf-s {
  border: solid 1px #ffffff!important;
  color: #ffffff!important;
}

.esg-btn1 a:link, .esg-btn1 a:visited,
.esg-btn2 a:link, .esg-btn2 a:visited {
	text-decoration: none;
	color: #ffffff;
}

.esg-btn1 a:hover, .esg-btn2 a:hover {
	text-decoration: underline;
	color: #ffffff;
}

.esg-report-area{
  justify-content: center;
  display: flex;
}

.link-border{
  border: solid 3px #003f98;
}

@media screen and (max-width: 1024px) {
  .esg-report-area{ 
    display: table;
  }
  .esg-btn1 {
    margin: 0px;
    width: 100%;
    text-align: center;
  }
   .esg-btn2{
    margin: 5px 5px 15px 0px;
    width: 100%;
    text-align: center;
  }
}


/* ===========================================================

	environment_layout

=========================================================== */
.env-column-03 {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; 
  margin-bottom: 10px;
}
.env-column-03 dl {
  width: 33.3%;
  margin: 0;
}
.env-column-03 dl:not(:last-child) {
  border-right: solid 1px #ddd;
}
.env-column-03 dl p {
  margin: 0;
}
.env-column-03 dl dt {
  text-align: center;
  padding: 10px 0;
  background: #f0f0f0;
  border-bottom: 1px solid #ddd; 
}
.env-column-03 dl dd {
  padding: 15px 30px;
}
.env-column-03 dl dd div {
	text-align:center;
	margin-bottom:10px
}

@media screen and (max-width: 768px) {
  .env-column-03 {
    display: block;
    border-top:none;
  }
  .env-column-03 dl {
    width: 100%;
    margin-bottom: 15px;
  }
  .env-column-03 dl:not(:last-child) {
    border-right: none;
  }
}


.greenfinance-table{
    width: 100%;
}

.greenfinance-table th{
    width: auto;
}

.greenfinance-table th.gf-c1{
    background: #f0f0f0;
    color: #000;
    text-align: center;
    vertical-align: middle;
}

.border-bottom-none{
    border-bottom: none;
}

.border-left-none{
    border-left: none;
}

.border-right-none{
    border-right: none;
}

.font-bold{
    font-weight: bold;
}

.esg-date{
    max-width: 70%;
    text-align: right;
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .esg-date{
    max-width: 100%;
  }
}

.energy_gp .esg-image3 {
    display: flex;
    text-align: center;
    justify-content: space-between;
    width: 520px;
    align-items: flex-start;
}
.energy_gp .esg-image3 img {
    width: 250px;
}
.energy_gp .esg-image3 a img:hover {
    opacity: 0.8;
}
.energy_gp .esg-text {
    width: auto;
    flex: 1;
}

@media screen and (max-width: 768px) {
    .energy_gp .esg-image3 {
        display: block;
        width: auto;
    }
    .energy_gp .esg-image3 a {
        display: block;
        margin-bottom: 10px;
    }
}



/*
	esg-climate.html
=========================================================== */
.esg-climate-risk_opportunity {
    table-layout: fixed;
}
.esg-climate-risk_opportunity .climate-ro_01 { width: 12%;   }
.esg-climate-risk_opportunity .climate-ro_02 { width: 13%;   }
.esg-climate-risk_opportunity .climate-ro_03 { width: 16%;   }
.esg-climate-risk_opportunity .climate-ro_04 { width: 16%;  }
.esg-climate-risk_opportunity .climate-ro_05 { width: 6%;  }
.esg-climate-risk_opportunity .climate-ro_06 { width: 6%;  }
.esg-climate-risk_opportunity .climate-ro_07 { width: 6%;  }
.esg-climate-risk_opportunity .climate-ro_08 { width: 6%;  }
.esg-climate-risk_opportunity .climate-ro_09 {   }

.esg-climate-risk_opportunity th {
    border-right: solid 1px #ddd;
	text-align:center;
	vertical-align:middle;
    background: #666;
    color: #fff;
}
.esg-climate-risk_opportunity tr:first-child th:last-child {
	border-right:none;
}
.esg-climate-risk_opportunity td {
	vertical-align:middle;
}
.esg-climate-risk_opportunity td:last-child {
	border-right:solid 1px #ddd;
}
.esg-climate-risk_opportunity td ul {
	margin-bottom:0;
    margin-left: -5px;
}
.esg-climate-risk_opportunity td ul li {
	margin-bottom:0;
}

.esg-climate-risk_opportunity .climate-ro_orange {
    background:#833C0C;
    color: #fff;
}
.esg-climate-risk_opportunity .climate-ro_blue {
    background:#1F4E78;
    color: #fff;
}
.esg-climate-risk_opportunity .climate-ro_big_ttl,
.esg-climate-risk_opportunity .climate-ro_ttl {
    font-weight: bold;
}

.esg-climate-risk_opportunity .climate-ro_transition .climate-ro_big_ttl {
    background: #00715E;
    color:#fff;
}
.esg-climate-risk_opportunity .climate-ro_transition .climate-ro_ttl {
    background: #d9eae7;
}
.esg-climate-risk_opportunity .climate-ro_physical .climate-ro_big_ttl {
    background: #003893;
    color:#fff;
}
.esg-climate-risk_opportunity .climate-ro_physical .climate-ro_ttl {
    background: #d9e1ef;
}
.esg-climate-risk_opportunity .climate-ro_opportunity .climate-ro_big_ttl {
    background: #DEB200;
    color:#fff;
}
.esg-climate-risk_opportunity .climate-ro_opportunity .climate-ro_ttl {
    background: #faf4d9;
}
.esg-climate-risk_opportunity .climate-ro_small_b,
.esg-climate-risk_opportunity .climate-ro_mid_b,
.esg-climate-risk_opportunity .climate-ro_big_b,
.esg-climate-risk_opportunity .climate-ro_small_o,
.esg-climate-risk_opportunity .climate-ro_mid_o,
.esg-climate-risk_opportunity .climate-ro_big_o {
	text-align:center;
    border-right: solid 1px #ddd;
}
.esg-climate-risk_opportunity .climate-ro_small_b  {    background: #DDEBF7 !important ; }
.esg-climate-risk_opportunity .climate-ro_mid_b    {    background: #BDD7EE !important ; }
.esg-climate-risk_opportunity .climate-ro_big_b    {    background: #9BC2E6 !important ; }
.esg-climate-risk_opportunity .climate-ro_small_o  {    background: #FCE4D6 !important ; }
.esg-climate-risk_opportunity .climate-ro_mid_o    {    background: #F8CBAD !important ; }
.esg-climate-risk_opportunity .climate-ro_big_o    {    background: #F4B084 !important ; }

.esg-climate-risk_opportunity-en .climate-ro_small_b,
.esg-climate-risk_opportunity-en .climate-ro_mid_b,
.esg-climate-risk_opportunity-en .climate-ro_big_b,
.esg-climate-risk_opportunity-en .climate-ro_small_o,
.esg-climate-risk_opportunity-en .climate-ro_mid_o,
.esg-climate-risk_opportunity-en .climate-ro_big_o {
    font-size: 85%;
    padding-left: 5px;
    padding-right: 5px;
}
.esg-climate-risk_opportunity-en .climate-ro_big_ttl {
    text-align: center;
}

@media screen and (max-width: 1200px) {
    .esg-climate-risk_opportunity {
        table-layout: auto;
    }
}


.esg-climate-scenario_ttl {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 110%;
}
.esg-climate-scenario_ttl::before {
    content: "■";
    display: inline-block;
}
.esg-climate-scenario {
    table-layout: fixed;
    margin: 0 auto;
    width: auto;
}
.esg-climate-scenario th {
    text-align: center;
    white-space: nowrap;
    width: auto;
}
.esg-climate-scenario th:not(:first-child) {
    width: 300px;
}
.esg-climate-scenario td {
    white-space: nowrap;
    padding-left: 20px;
    padding-right: 20px;
    vertical-align: middle;
}
@media screen and (max-width: 1200px) {
    .esg-climate-scenario {
        table-layout: auto;
        width: 100%;
    }
    .esg-climate-scenario th:not(:first-child) {
        width: auto;
    }   
}



.esg-climate-goals {
    display: flex;
}
.esg-climate-goals_content {
    background: #efefef;
    font-size: 120%;
    font-weight: bold;
    text-align: left;
    display: flex;
    margin: auto;
    width: auto;
}
.esg-climate-goals_content .esg-climate-goals_ttl {
    font-weight: bold;
    padding: 20px 30px;
    background: #003893;
    color: #fff;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}
.esg-climate-goals_content .esg-climate-goals_list {
    padding: 20px 20px 20px 10px;
}
.esg-climate-goals_content ol {
    margin-bottom: 0;
}
.esg-climate-goals_content li {
    font-weight: bold;
    margin: 5px 0
}


@media screen and (max-width: 768px) {
    .esg-climate-goals_content .esg-climate-goals_ttl {
        padding: 10px;
        white-space: nowrap;
    }
    .esg-climate-goals_content .esg-climate-goals_list {
        padding: 20px 10px 20px 0;
    }
}

.ic-pdf-s.esg-environment {
    border: solid 1px #d0111b !important;
    color: #d0111b !important;
}



/*esg-environment-energy-table
------------------------------------------*/
.esg-environment-energy-table-scroll {
  overflow-x: auto;
  position: relative;
}

.scroll-environment-energy {
  border-collapse: collapse;
  table-layout: fixed;
  margin-bottom: 5px;
}

.scroll-environment-energy th,
.scroll-environment-energy td {
  z-index: 10;
  width: 150px;
}

.scroll-environment-energy thead th {
  position: sticky;
  top: 0;
  z-index: 5;
}

.scroll-environment-energy td.fixed-col-1,
.scroll-environment-energy td.fixed-col-2 {
  background: #fff;
}

@media screen and (min-width: 769px) {
  .scroll-environment-energy .fixed-col-1 {
    position: sticky;
    left: 0;
    z-index: 100;
    width: 110px;
  }
  .scroll-environment-energy .fixed-col-2 {
    position: sticky;
    left: 110px;
    z-index: 100;
    width: 150px;
  }
  .scroll-environment-energy .fixed-col-3 {
    position: sticky;
    left: 260px;
    z-index: 100;
    width: 150px;
  }
}

.esg-environment-energy-scroll-table-coution {
	display: block;
	margin: 0 0 5px;
	font-size: 12px;
	color: #999;
	padding: 0 0 0 45px;
	background-image: url(../img/common/ic/ic_scroll_side.png);
	background-size: 37px 14px;
	background-position: 0 50%;
	background-repeat: no-repeat;
}