@charset "utf-8";
.stakeholders .visual-box .bg-box {
	background-image: url("/assets/images/annualReports/2022ar/ceo_photo1_sp.jpg");
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: calc((560 / 1024) * 100%);
}
.stakeholders .visual-box .txt-box {
	font-size: 5.2vw;
	color: #51656f;
	line-height: 1.4;
	padding: 0 4%;
	margin-bottom: 0.5em;
}
.stakeholders .visual-box .title-box {
	clear: both;
	overflow: hidden;
	padding: 0 4%;
	margin-bottom: 1em;
	color: #51656f;
}
.stakeholders .visual-box .title-box > .inner {
	float: right;
	max-width: 270px;
  font-size: 2.6vw;
}
.stakeholders .visual-box .title-box > .inner .title {
	font-size: 87.50%; /* 14px */ ;
}
.stakeholders .visual-box .title-box > .inner .name {
	font-size: 2em;
}

@media screen and (min-width: 768px) { /* tab pc */
  div.stakeholders .visual-box{
    overflow: hidden;
  }
	div.stakeholders .visual-box .txt-box {
		font-size: 3.8vw;
	}
  div.stakeholders .visual-box .title-box > .inner {
    font-size: 1em;
  }
}

@media screen and (min-width: 1024px) { /* pc */
	div.stakeholders .visual-box {
		max-width: 1280px;
		margin: 0 auto;
	}
	div.stakeholders .visual-box .bg-box {
		background-image: url("/assets/images/annualReports/2022ar/ceo_photo1.jpg");
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position: center top;
		padding-top: calc((700 / 1280) * 100%);
		padding-bottom: 0;
		background-color: #f4f6f7;
		position: relative;
		z-index: 1;
	}
	div.stakeholders div.visual-box .txt-box {
		position: absolute;
		z-index: 1;
		left: 56.25%;
		top: 16%;
		width: 44%;
		margin: 0;
		padding: 0;
	}
	div.stakeholders .visual-box .title-box {
		position: absolute;
		z-index: 1;
		left: 56.25%;
		bottom: 4%;
		padding: 0;
	}
  div.stakeholders .visual-box .title-box > .inner {
    font-size: 1.25vw;
  }
}

@media (min-width: 1300px) { /* design */
  div.stakeholders div.visual-box .txt-box {
		font-size: calc((50 / 16) * 100%); /* 50px */
	}
  div.stakeholders div.visual-box .title-box > .inner{
    font-size: 1em;
  }
}

/* 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;

  text-indent: -1em;
  margin-left: 1em;
}
.stakeholders .nav-box ul li a {
	padding: 4px 0;

  text-indent: 0;
  margin-left: 0;
}

@media (min-width: 1024px) { /* pc */
	div.stakeholders .nav-box ul li a {
		padding: 2px;
	}
}

/* stakeholders sec */
.stakeholders .sec {
	padding-top: 96px; /* fixed nav height */
}

.stakeholders .sec + .border-top-red {
  margin-top: 40px;
}
@media (min-width: 1024px) { /* pc */
	div.stakeholders .sec + .border-top-red {
    margin-top: 80px;
  }
}

.stakeholders .sec-sub + .sec-sub{
  margin-top: 2.5em;
}
@media (min-width: 1024px) { /* pc */
	div.stakeholders .sec-sub + .sec-sub{
    margin-top: 4em;
  }
}

.stakeholders .border-top-red{
  border-top: 1px solid #e50012;
}

/* heading */
.stakeholders .sec .heading-box-a {
  margin-bottom: 0.7em;
	text-align: center;
	font-weight: bold;
	color: #51656f;
}
.stakeholders .sec .heading-box-b {
	font-size: 150.00%; /* 24px */
  text-align: center;
	font-weight: bold;
  margin-bottom: 24px;
}
.stakeholders .sec .txt-box > p + p {
	margin-top: 24px;
}
.stakeholders .sec .txt-box {
	max-width: 760px;
	margin: 0 auto;
}
.stakeholders .sec .txt-box .note-box {
	font-size: 12px;
}
.stakeholders .sec .sec-img-box {
	text-align: center;
	padding-top: 1.5em;
	margin-bottom: 1.5em;
}
.stakeholders .sec .sec-img-box .img-border {
	border: 1px solid #9e9e9e;
}
.stakeholders .sec .sec-img-box .inner-box {
	display: inline-block;
	text-align: left;
}
.stakeholders .sec .sec-img-box .img-ttl {
	font-weight: bold;
	text-align: left;
	margin-bottom: 1em;
}
.stakeholders .sec .sec-img-box .img-ttl .small {
	font-size: 12px;
}


/* sec6, UNGC logo */
.stakeholders .sec6 .img-box {
	float: right;
	margin-left: 50px;
	margin-bottom: 50px;
}

/* sec9, last */
.stakeholders .sec9 .heading-box-a {
	margin-bottom: 50px;
}