@charset "utf-8";

.stakeholders .visual-box{

}

.stakeholders .visual-box .ttl-box{
	font-size: 5.2vw;
	color:#51656f;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 6%;
}

@media screen and (min-width: 1280px) { /* visual font size */
	div.stakeholders .visual-box{
		height: 800px;
	}
	div.stakeholders .visual-box .ttl-box{
		font-size: 250.00%; /* 40px */
	}
}

@media screen and (min-width: 1149px) and (max-width: 1279px) { /* bg size */
	div.stakeholders .visual-box{
		height: 800px;
	}
	div.stakeholders .visual-box .ttl-box{
		font-size: 225.00%; /* 36px */
	}
}
@media screen and (min-width: 769px) and (max-width: 1148px) { /* tab only */
	div.stakeholders .visual-box{
		background-size: 100% auto;
		height: auto;
	}
	div.stakeholders .visual-box .ttl-box{
		font-size: 3.1vw;
	}
}

@media screen and (min-width: 769px){ /* tab pc */
	div.stakeholders .visual-box{
		max-width: 1280px;
		margin: 0 auto;
		background-image: url("/assets/images/annualReports/2019ar_en/pht01_bg.jpg");
		background-repeat: no-repeat;
		background-position: top left;
		overflow: hidden;
	}
	div.stakeholders .visual-box .main-pht-box{
		display: none;
	}
	div.stakeholders .visual-box .txt-box{
		padding: 8% 2% 10%;
	}
	div.stakeholders .visual-box .ttl-box{
		float: right;
		width:15em;
		margin-bottom: 40px;
	}
	div.stakeholders .visual-box .title-box{
		font-size: 14px;
	}
}

.stakeholders .visual-box .title-box{
	clear: both;
	overflow: hidden;
	padding-bottom: 16px;
	font-size: 12px;
}

.stakeholders .visual-box .title-box > .inner{
	float:right;
	max-width: 270px;
	width:50%;
}

.stakeholders .visual-box .main-pht-box{
	text-align: center;
}

/* stakeholders nav */
.stakeholders .nav-box{
	background-color:#dcdfe0;
	padding:24px 2%;
}

.stakeholders .nav-box .ttl{
	font-size: 20px;
	margin-bottom: 8px;
}

.stakeholders .nav-box  ul li{
	display: inline-block;
	margin-right: 2em;
}

.stakeholders .nav-box  ul li a{
	display: inline-block;
	padding: 2px;
}

/* stakeholders sec */
.stakeholders .sec{
	border-top: 1px solid #e50012;
	padding-top:96px;
	padding-bottom: 40px;
}

.stakeholders .sec .ttl-box{
	text-align: center;
	font-weight: bold;
	font-size: 175.00%; /* 28px */
	margin-bottom: 24px;
}

.stakeholders .sec .txt-box{
	max-width:760px;
	margin:0 auto;
}

.stakeholders .sec .txt-box .note-box{
	font-size: 12px;
}

.stakeholders .sec .img-box{
	text-align: center;
	margin-bottom: 24px;
}

.stakeholders .sec .img-box .img-ttl{
	font-weight: bold;
	text-align: left;
	margin-bottom: 8px;
}

.stakeholders .sec .img-box .img-ttl .small{
	font-size: 12px;
}

/* sec2 */
.stakeholders .sec2 .img-box .ttl-sub{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 24px;
}
.stakeholders .sec2 .img-box > ul{
	overflow: hidden;
	border-bottom: 2px solid #51656f;
}
.stakeholders .sec2 .img-box > ul li{
	max-width: 356px;
	margin: 0 auto 24px;
}

.stakeholders .sec2 .img-box .allow-box{
	line-height: 1;
}

.stakeholders .sec2 .img-box .allow-box img{
	vertical-align: top;
}

.stakeholders .sec2 .img-box .txt-red{
	color:#e50012;
	font-size: 21px;
	padding: 16px;
	font-weight: bold;
}

@media screen and (min-width: 769px){ /* tab pc */
	div.stakeholders .sec2 .img-box{
		max-width: 760px;
		margin: 0 auto 24px;
	}
	div.stakeholders .sec2 .img-box > ul{

	}

	div.stakeholders .sec2 .img-box > ul li{
		margin:  0 0 8px;
		width:49%;
		max-width: none;
		float: left;
	}

	div.stakeholders .sec2 .img-box > ul li+li{
		float: right;
	}
}


.stakeholders .sec2 .img-box .ico-box ul{
	overflow: hidden;
	max-width: 400px;
	margin: 0 auto;
}

.stakeholders .sec2 .img-box .ico-box ul li{
	width: 49%;
	float: left;
	margin-bottom: 2%;
}
.stakeholders .sec2 .img-box .ico-box ul li.li02,
.stakeholders .sec2 .img-box .ico-box ul li.li04{
	float: right;
}

.stakeholders .sec2 .img-box .ico-box ul li > .inner{
	padding: 8px;
	border-radius: 8px;
}

.stakeholders .sec2 .img-box .ico-box ul li.li01 > .inner{
	background-color:#1d4779;
}
.stakeholders .sec2 .img-box .ico-box ul li.li02 > .inner{
	background-color:#029292;
}
.stakeholders .sec2 .img-box .ico-box ul li.li03 > .inner{
	background-color:#49a9d1;
}
.stakeholders .sec2 .img-box .ico-box ul li.li04 > .inner{
	background-color:#8f70ae;
}

@media screen and (min-width: 769px){ /* tab pc */
	div.stakeholders .sec2 .img-box .ico-box ul{
		max-width: none;
	}
	div.stakeholders .sec2 .img-box .ico-box ul li{
		width:23.5%;
	}
	div.stakeholders .sec2 .img-box .ico-box ul li + li{
		margin-left: 2%;
	}
	div.stakeholders .sec2 .img-box .ico-box ul li.li02,
	div.stakeholders .sec2 .img-box .ico-box ul li.li04{
		float: left;
	}
}

/* sec4 */
.stakeholders .sec4 .img-box{
	max-width: 514px;
	margin: 0 auto 24px;
}


/* sec5 */
.stakeholders .sec5 .img-box{
	/*
	max-width: 760px;
	*/
	margin: 0 auto 24px;
	overflow: hidden;
}

.stakeholders .sec5 .img-box ul li{
	text-align: center;
	margin: 0 auto 24px;
	padding: 0;
	max-width: 474px;
}

.stakeholders .sec5 .img-box ul li + li{

}

.stakeholders .sec5 .img-box .note-box{
	max-width: 279px;
	padding-top: 4px;
}

@media screen and (min-width: 769px){ /* tab pc */
	div.stakeholders .sec5 .img-box ul li{
		float:left;
		text-align: center;
		margin: 0;
		padding: 0;
		width:48%;
	}

	div.stakeholders .sec5 .img-box ul li + li{
		float: right;
	}
}

/* sec8 */
.stakeholders .sec8{
	margin-bottom: 72px;
}

.stakeholders .sec8 .img-box{
	max-width: 760px;
	margin: 0 auto;
}

.stakeholders .sec8 .img-box .note-box{
	max-width: 209px;
	padding-top: 16px;
}


/* en */
.stakeholders .visual-box .catch-box .txt-box > p.indent0,
.stakeholders .txt-box p.indent0{
	text-indent: 0;
}