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

h4{
	margin-bottom: 15px;
	padding-top: 10px;
	color: #2D4692;
}

#contents ul.circle>li{
	list-style: circle;
	margin-left: 1.5em;
	margin-bottom: 10px;
}
/**/
.sus-table{
	border-collapse: collapse;
	border: 0;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 80px;
}
.sus-table th,
.sus-table td{
	border: 1px solid #999;
	font-size: 13.5px;
	padding: 5px 2px;
	vertical-align: top;
}
.sus-table th{
	background:#ebf0f4;
    vertical-align: middle;
}
.sus-table td.center{
	text-align: center;
}
.sus-table ul{
	list-style: none;
}
.sus-table ul li{
	text-indent:-0.5em;
	padding-left: 0.8em;
	
}
.sus-table ul li::before{
	content: "・";
	display: inline-block;
	font-weight: bold;
}

.sus-table td.icon-area{
    vertical-align: middle;
	white-space: nowrap;
}

.sus-table td.icon-area img{
	margin-left: 2px;
	width: 50px;
	height: auto;
}
.sus-table td.icon-area img:first-child{
	margin-left: 0;
}
.sus-table td.environment{
	background: #b7edc8;
	font-weight: bold;
	padding: 5px 0;
	width: 1.1em!important;
	text-align: center;
	line-height: 1.1em;
}
.sus-table td.society{
	background: #faf9a3;
	font-weight: bold;
	width: 1.1em!important;;
	text-align: center;
	line-height: 1.1em;

}
.sus-table td.governance{
	background: #c2e4f9;
	font-weight: bold;
	padding: 5px 0;
	width: 1.1em!important;
	white-space: normal!important;
	text-align: center;
	line-height: 1.1em;
}

p.rImgTxt{
	float: left;
	width: calc(100% - 375px);
}
p.rImg{
	float: right;
	padding: 0 0 25px 25px;
}
p.rImg img{
	width: 100%;
	max-width: 350px;
}
.clear{
	clear: both;
}
p.img-center{
	text-align: center;
	padding: 10px 0 30px 0;
}
p.img-center img{
	max-width: 100%;
}
img.bn-img{
	max-width: 310px;
}




#linkArea ul{
    display:flex;
    flex-wrap:wrap;
	width: 100%;
}
#linkArea li{
	width: 49%;
	margin-right: 2%;	
	margin-bottom: 22px;
	background: #fff url(../img/index_arrow.png) no-repeat bottom 3px right 3px;
	border: 1px solid #e3e3e3;
}
#linkArea li:nth-child(even){
	margin-right: 0;	
}
#linkArea li a{
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
}
#linkArea li a.csr{
	height:auto;
}
#l
#linkArea li a:hover{
	text-decoration: none;
}
#linkArea li img{
	max-width: 100%;
	height: auto;
}
#linkArea li h2{
	padding: 20px 18px 5px 20px;
	margin: 0;
	border-bottom:none;
	font-size: 18px;
	color: #0073b4;
	line-height: 1.2em;
	font-weight: bold;
}
#linkArea li h2::after{
	content: url(../img/icon_flow.png);
	display: inline-block;
	vertical-align: middle;
}
#linkArea li p{
	font-size: 14px;
	padding: 0 20px;
	line-height: 1.4em;
}
#linkArea li li{
	background: none;
}
ol li li{
	list-style: none;
	margin-bottom: 0.5em;
}
ol li>ol>li{
	list-style-type: none;
	text-indent: -1.8em;
}


ol li>ol>li>ul>li{
	list-style: none;
    text-indent: -1em;
	margin-bottom: 0.5em;
}

.scrollArea .sctxt{
	display: none;
}

p.title-l{
	margin: 0;
	font-weight: bold;
	float: left;
}

p.unit {
	font-size: 12px;
	margin-bottom: 5px;
	text-align: right;
}

.s3 div{
	width: 700px;
}

.s3 .tcfd{
	margin-bottom: 5px;
}

.s3 p{
	 display: flex;
     justify-content: flex-end;
	font-size: 11px;
		text-indent: -1em;
    padding-left: 1em;
}

.tcfd{
	border-collapse: collapse;
	border: 0;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 20px;
}

.tcfd p{

}

.tcfd th,
.tcfd td{
	border: 1px solid #999;
	font-size: 12px;
	padding: 5px;
	vertical-align: middle;
}
.tcfd th{
	vertical-align: middle;
	background:#ebf0f4;
}
.tcfd th span{
	font-size: 10px;
	letter-spacing: normal;
	white-space: nowrap;
}
.tcfd td.center{
	text-align: center;
}


ol li.s3{
	list-style-type: none;
}

th.division,
td.division{
	width: 1.1em!important;
	white-space: normal!important;
	text-align: center;
	line-height: 1.1em;
}
.w20p{
	width: 18%;
}
.time_axis{
	width: auto;
}

.time_axis th,
.time_axis td{
	width: 25%;
}

.txtArea{
	width: calc(100% - 320px);
	float: left;
}
.imgArea{
	width: 300px;
	padding-top: 10px;
	float: right;
}

.imgArea.full{
	width: 100%;
	padding-top: 10px;
	float: right;
}

.imgArea figure{
	text-align: center;
}
.imgArea.full figure img{
	width: auto;
	max-width: 100%;
}
.imgArea figcaption{
	font-size: 12px;
	padding-top: 10px;
}
h2.logoImg::after{
	content: "";
	display: block;
	clear: both;
}
h2.logoImg img{
	height: 30px;
	width: auto;
	float: right;
	margin-left: 20px;
}
@media screen and ( max-width:750px) {
	p.rImgTxt{
		float: none;
		width: 100%;
	}
	p.rImg{
		float: none;
		padding: 0 0 1.5em 0;
		margin: 0 auto;
		text-align: center;
	}
	.txtArea,
	.imgArea{
		width: 100%;
		float: none;
	}


	h2.logoImg::after{
		content: "";
		display: block;
		clear: both;
	}
	h2.logoImg img{
		height: 26px;
		width: auto;
		float: right;
		margin-left: 20px;
	}
}
@media screen and ( max-width:600px) {

	.sus-table th,
	.sus-table td{
		font-size: 12px;
		padding: 5px;
	}
	.sus-table ul li{
		padding-left: 0.5em;
	}
	.sus-table img{
		width: 40px;
	}
	.sus-table th{
		padding: 5px 2px;
	}
	.sus-table th.icon-area,
	.sus-table td.icon-area{
		text-align: center;
		white-space: normal;
		vertical-align: top;
		padding: 5px 2px;
	}

	.sus-table td.icon-area img:first-child,
	.sus-table td.icon-area img{
		margin: 0 auto 2px auto;
		letter-spacing: 0;
		display: block;
	}
	.sus-table td.icon-area img:last-child{
		margin-bottom: 0;
	}

	#linkArea li{
		width: 100%;
		margin-right: 0;	
	}
	.tcfd{
		width: 700px;
		margin-bottom: 20px;
	}
	.scrollArea{
		width: 100%;
		overflow-x: scroll;
	}
	.scrollArea .sctxt{
		display: block;
		margin-bottom: 5px;
	}
.time_axis{
	width: auto;
}
}
/*内部統制基本方針*/
p.naibu {
  padding-left: 10px;
}