@charset "utf-8";

.pgCsr .iconBlank:after {
	content: '\e902';
	margin: 0 0 0 5px;
	font-family: 'haseko';
	font-size: 1.2rem;
	line-height: 1;
	font-weight: normal;
	color: #333333;
	display: inline-block;
	vertical-align: middle;
}
.pgCsr .iconPdf:after {
	font-family: 'haseko';
	content: '\e903';
	margin: 0 0 0 5px;
	font-size: 1.1em;
	line-height: 1;
	font-weight: normal;
	display: inline-block;
	vertical-align: middle;
}

.pointLink:link {
	color: #0064DD;
}

.pgCsr .sign,
.pgCsr .textR {
	text-align: right;
}
.pgCsr p.fit {
	margin: 0 auto 10px;
}

.basicBtn {
	line-height: 45px;
	padding: 0 2em;
	background: #FFF;
}

/* pdf Button */
.basicBtn.iconPdf:before,
.basicBtn.iconPdf:hover:before {
	content: none!important;
}
.basicBtn.iconPdf:after {
	-webkit-transition: 0.3s all ease-out;
	transition: 0.3s all ease-out;
	margin-left: 1em!important;
}

/* blank Button */
.basicBtn.iconBlank:before,
.basicBtn.iconBlank:hover:before {
	content: none!important;
}
.basicBtn.iconBlank:after {
	-webkit-transition: 0.3s all ease-out;
	transition: 0.3s all ease-out;
	margin-left: 1em!important;
}

/*PC Hover*/
@media only screen and (min-width: 768px) {
	body:not(.tab_view) .basicBtn.iconPdf:hover:after,
	body:not(.tab_view) .basicBtn.iconBlank:hover:after {
		color: #FFF;
	}
}

@media only screen and (max-width: 768px){
	.basicBtn,
	.basicBtn.btnsafety  {
		line-height: 1.2;
		height: auto;
		padding: 1em;
	}
}

/* ------------------------------------
	csrLocalMap
------------------------------------ */
.csrLocalMap.above {
	padding: 20px 0 10px;
	background: #F4F4F4;
}
.csrLocalMap.above li {
	margin: 0 20px 10px 0;
}
.csrLocalMap.above a {
	font-size: 1.4rem;
	text-decoration: none;
}

@media only screen and (max-width: 768px){
	.csrLocalMap.above {
		display: none;
	}
}

/* ------------------------------------

	pgContents

------------------------------------ */
/* pgImg */
.pgImg {
	width: 100%;
	margin: 0 0 60px;
	position: relative;
}
.pgImg:before {
	content: '';
	display: block;
	width: 100%;
	height: 300px;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #00f;
	z-index: -1;
}
.pgMessage .pgImg:before {
	background: #A6E3D5/*url(/hc/csr/img/message/ttl_img_pc.jpg) no-repeat center center*/;
	background-size: cover;
}
.pgProductIndex .pgImg:before {
	background: url(/hc/csr/product/img/index_ttl_img_pc.jpg) no-repeat center center;
	background-size: cover;
}
.pgEmployeeIndex .pgImg:before {
	background: url(/hc/csr/employee/img/index_ttl_img_pc.jpg) no-repeat center center;
	background-size: cover;
}
.pgEnvironmentIndex .pgImg:before {
	background: url(/hc/csr/environment/img/index_ttl_img_pc.jpg) no-repeat center center;
	background-size: cover;
}
.pgGovernanceIndex .pgImg:before {
	background: url(/hc/csr/governance/img/index_ttl_img_pc.jpg) no-repeat center center;
	background-size: cover;
}
.pgApproach .pgImg:before {
	height: 320px;
	margin: 0 0 80px;
}
.pgApproach .pgImg {
	background-size: cover;
	background-position: center center;
}
.pgApproach .pgImg:before {
	z-index: 0;
	background-color: #00418F;
	opacity: 0.7;
}
.pgApproach.pgEmployee .pgImg:before { background-color: #8D1705; }
.pgApproach.pgEnvironment .pgImg:before { background-color:#028348; }
.pgApproach.pgGovernance .pgImg:before { background-color: #BA7000; }

.pgFeature .pgImg:before {
	background: url(/hc/csr/img/feature/ttl_img_pc.jpg) no-repeat center center;
	background-size: cover;
}
.pgTechnical .pgImg:before {
	background: url(/hc/csr/img/archives/technical/ttl_img_pc.jpg) no-repeat center center;
	background-size: cover;
}
.pgfuture .pgImg:before {
	background: url(/hc/csr/img/archives/resilient/ttl_img_pc.jpg) no-repeat center center;
	background-size: cover;
}
.pgfuture.future_sdgs .pgImg:before {
	background: url(/hc/csr/img/archives/sdgs/ttl_img_pc_sdgs.jpg) no-repeat center center;
	background-size: cover;
}
.pgfuture.future_dx .pgImg:before {
	background: url(/hc/csr/img/archives/dx/ttl_img_pc_dx.jpg) no-repeat center center;
	background-size: cover;
}
.pgfuture.future_d_i .pgImg:before {
	background: url(/hc/csr/img/archives/di/ttl_img_pc_d_i.jpg) no-repeat center center;
	background-size: cover;
}
.pgfuture.future_d_i.di .pgImg:before {
	background: url(/hc/csr/img/di/ttl_img_pc_di.jpg) no-repeat center center;
	background-size: cover;
}
.pgfuture.dx .pgImg:before {
	background: url(/hc/csr/img/future/ttl_img_pc_dx2.jpg) no-repeat center center;
	background-size: cover;
}
.pgarchives .pgImg:before {
	background: #A6E3D5;
}
.pgInnovation .pgImg:before {
	background: url(/hc/csr/img/archives/innovation/ttl_img_pc.jpg) no-repeat center center;
	background-size: cover;
}
.pgTechnical .pgImg small,
.pgfuture .pgImg small {
	margin: 15px 0 0 0;
	display: block;
	font-size: 2.4rem;
	font-weight: normal;
}
.pgAlbum .pgImg:before {
	background: url(/hc/csr/album/img/ttl_img_pc.jpg) no-repeat center center;
	background-size: cover;
}
.pgCsrnews .pgImg:before {
	margin: 0 0 40px;
	background: url(/hc/csr/img/news/ttl_img_pc.jpg) no-repeat center center;
	background-size: cover;
}
.pgEsg .pgImg:before {
	background: url(/hc/csr/esg/img/index_ttl_img_pc.jpg) no-repeat center center;
	background-size: cover;
}
.pgCommendation .pgImg:before {
	background: url(/hc/csr/img/commendation/ttl_img_pc.jpg) no-repeat center center;
	background-size: cover;
}
.pgReport .pgImg:before {
	background: url(/hc/csr/img/report/ttl_img_pc.jpg) no-repeat center center;
	background-size: cover;
}
.pgPolicy .pgImg:before {
	background: url(/hc/csr/img/policy/ttl_img_pc.jpg) no-repeat center center;
	background-size: cover;
}
.pgCsr.future_d_i .futureFlex {
	display: flex;
	justify-content: space-between;
  align-items: flex-start;
}
.pgCsr.future_d_i .futureFlex img {
	max-width: 200px;
	margin: 0 40px 40px 0;
}
.pgCsr.future_d_i .futureFlex.reverse {
	flex-direction: row-reverse;
}
.pgCsr.future_d_i .futureFlex.reverse img{
	margin: 0 0 40px 40px;
}
.pgCsr.future_d_i .futureFlex.last img{
	margin-bottom: 0;
}
.pgCsr.future_d_i .border_line {
  margin: 0 0 30px;
  padding: 0 0 0 30px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.6;
  position: relative;
}
.pgCsr.future_d_i .border_line::before {
  content: "";
  width: 16px;
  height: 1px;
  display: block;
  border-top: 1px solid #C0C0C0;
  position: absolute;
  top: 15px;
  left: 0;
}
@media only screen and (max-width: 768px){
	.pgTechnical .pgImg small,
	.pgfuture .pgImg small {
		font-size: 1.7rem;
	}
	.pgTechnical .pgImg small:after,
	.pgfuture .pgImg small:after {
		content: none;
	}
	.pgApproach .pgImg.mvSpL { background-position: left center; }
	.pgApproach .pgImg.mvSpR { background-position: right center; }
	.pgCsr.future_d_i .futureFlex,
	.pgCsr.future_d_i .futureFlex.reverse {
		flex-direction: column;
	}
	.pgCsr.future_d_i .futureFlex img,
	.pgCsr.future_d_i .futureFlex.reverse img {
		margin: 0 auto 30px;
		display: block;
	}
	.pgCsr.future_d_i .futureFlex.last img{
		margin-bottom: 30px;
	}
}

/* pgTtl */
.pgTtl {
	text-align: center;
	padding: 220px 0 0;
}
.pgTtl .inner {
	position: relative;
	width: 700px;
	padding: 38px 0 38px;
	line-height: 1.3;
	font-size: 3.4rem;
	font-weight: bold;
	display: block;
	background: rgba(255,255,255,0.7);
	background-image: linear-gradient(90deg, rgba(0,0,0,0.04) 1px, transparent 0),
	linear-gradient(rgba(0,0,0,0.04) 1px, transparent 0);
	background-size: 12px 12px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.16);
	margin: 0 auto;
}
.pgTtl .inner:before {
	content: "";
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	top: 15px;
	left: 15px;
	background: url(/hc/csr/img/head_dot_lt.svg) no-repeat center center;
}
.pgTtl .inner:after {
	content: "";
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	bottom: 15px;
	right: 15px;
	background: url(/hc/csr/img/head_dot_rb.svg) no-repeat center center;
}
.pgTtl .inner .ttl_year {
  position: absolute;
  top: -38px;
  left: 50%;
  transform: translate(-50%,0);
  display: block;
  line-height: 1;
  width: 300px;
  padding: 15px 20px;
  box-sizing: border-box;
  background-color: rgba(255,255,255,0.7);
  background-image: linear-gradient(90deg, rgba(0,0,0,0.04) 1px, transparent 0), linear-gradient(rgba(0,0,0,0.04) 1px, transparent 0);
  background-size: 12px 12px;
  box-shadow: 0 2px 4px rgb(0 0 0 / 16%);
  font-size: 2.4rem;
  font-weight: bold;
  color: #333333;
}
.pgTtl .inner .ttl_year:before {
	content: "";
	width: 15px;
	height: 15px;
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	background: url(/hc/csr/img/head_dot_lt.svg) no-repeat center center;
}
.pgTtl .inner .ttl_year:after {
	content: "";
	width: 15px;
	height: 15px;
	display: block;
	position: absolute;
	bottom: 10px;
	right: 10px;
	background: url(/hc/csr/img/head_dot_rb.svg) no-repeat center center;
}
.pgTtl .inner .initial {
	color: #00418F;
}
.pgEmployeeIndex .pgTtl .inner .initial { color: #E63721; }
.pgEnvironmentIndex .pgTtl .inner .initial { color: #009852; }
.pgGovernanceIndex .pgTtl .inner .initial { color: #E6783B; }
.pgTtl .inner .label {
	width: auto;
	margin: 0 auto 25px;
	padding: 10px 16px;
	display: inline-block;
	vertical-align: bottom;
	color: #00418F;
	line-height: 1.4;
	font-size: 1.4rem;
	font-weight: bold;
	background: #FFF;
}
.pgEmployee .pgTtl .inner .label { color: #C61600; }
.pgEnvironment .pgTtl .inner .label { color: #008E4D; }
.pgGovernance .pgTtl .inner .label { color: #E04F00; }
.noLattice .pgTtl {
	padding: 0;
	height: 320px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.noLattice .pgTtl .inner {
	color: #FFF;
	bottom: auto;
	background: none;
	box-shadow: none;
}
.noLattice .pgTtl .inner:before,
.noLattice .pgTtl .inner:after {
	content: none;
}
@media only screen and (max-width: 768px){
	.pgImg:before {
		height: 22vw;
	}
	.pgTtl {
		padding: calc(22vw - 20px) 0 0;
	}
	.pgTtl .inner {
		width: 90%;
		font-size: 2.4rem;
		margin: 0 auto;
		padding: 28px 4%;
		text-align: left;
	}
  .pgTtl.multiple .inner {
    padding-top: 43px;
  }
	.pgTtl .inner:before {
		top: 6px;
		left: 6px;
	}
	.pgTtl .inner:after {
		bottom: 6px;
		right: 6px;
	}

	.noLattice .pgTtl {
		padding: 0;
	}
	.noLattice .pgTtl .inner {
		padding: 0;
	}
	.noLattice .pgTtl .inner .label {
		margin: 0 auto 25px 0;
	}
}


/* desc */
.desc {
	width: 980px;
	margin: 0 auto 65px;
	font-size: 1.8rem;
	line-height: 2;
	text-align: center;
}
.pgApproach .desc {
	margin: 0 auto 80px;
	font-size: 1.5rem;
	text-align: left;
}
.pgTechnical .desc,
.pgFeature .desc,
.pgfuture .desc {
	text-align: left;
	line-height: 2.1;
}
@media only screen and (max-width: 768px){
	.desc {
		width: 90%;
		font-size: 1.6rem;
		text-align: left;
	}
}

/* anchorLink */
.pgCsr .anchorLink {
	width: 1140px;
	margin: 0 auto 60px;
	text-align: center;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	position: relative;
	z-index: 2;
}
.anchorLink li {
	overflow: hidden;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: stretch;
	align-items: stretch;
}
.anchorLink li a {
	min-width: 180px;
	min-height: 45px;
	margin: 0 10px;
	padding: 11px 20px;
	font-weight: bold;
	color: #00418F;
	line-height: 1.4;
	background: #EFEFEF;
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
.anchorLink li a:before {
	content: "";
	width: 0;
	height: 0;
	display: block;
	border-top: 5px solid #00418F;
	border-right: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid transparent;
	position: absolute;
	right: 6px;
	top: 55%;
	-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
}
.pgCommendation .anchorLink li a {
	min-width: 143px;
}
.pgCommendation .anchorLink li a:before {
	right: 18px;
}
.anchorLink.color_g li a {
	color: #E04F00;
}
.anchorLink.color_g li a:before {
	border-top: 5px solid #E04F00;
}

@media only screen and (max-width: 768px) {
	.pgCsr .anchorLink {
		width: 90%;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0 auto 30px;
	}
	.anchorLink li {
		width: 48%;
		margin: 0 0 15px;
	}
	.anchorLink li a {
		width: 100%;
		min-width: 0;
		margin: 0;
		padding:11px 24px 11px 10px;
	}
}

/* section */
.pgCsr main section {
	position: relative;
	z-index: 0;
}
.pgCsr main > section:before {
	content: " ";
	width: 0;
	height: 64px;
	margin-top: -64px;
	display: block;
	visibility: hidden;
}
.pgCsr main section .secInner {
	padding: 80px 0;
	overflow: hidden;
	background: #F4F4F4;
}
.pgCsr main > section.odd .secInner {
	background: #FFF;
}
.pgCsr main section section {
	width: 1140px;
	margin: 0 auto 60px;
	padding: 0 80px;
	background: #FFF;
	overflow: hidden;
}
.pgCsr main section section:last-child {
	margin: 0 auto;
}
.pgCsr main section.odd section {
	background: #F4F4F4;
}
.pgCsr main section section section {
	width: 100%;
	padding: 0;
}
.pgCsr main .secLast {
	margin: 0 auto 60px;
}
.pgCsr main section.bgColor {
	background: #FFF;
}
.pgCsr main > section .innerAnc {
	padding: 64px 0 0;
	margin-top: -64px;
}

.pgCsr main > section .innerAnc_2 {
	padding: 64px 80px 0;
	margin-top: -64px;
}

/* white start */
.pgCsr main.wStart > section .secInner {
	background: #FFF;
}
.pgCsr main.wStart > section.odd .secInner {
	background: #F4F4F4;
}
.pgCsr main.wStart section section {
	background: #F4F4F4;
}
.pgCsr main.wStart section.odd section {
	background: #FFF;
}
.pgCsr main.wStart > section:first-of-type .secInner {
	padding-top: 0;
}
.pgCsr main.wStart > section:first-of-type:before {
	height: 124px;
	margin-top: -124px;
}

/* contWrap */
.pgCsr main section .contWrap {
	width: 1140px;
	margin: 0 auto;
}


@media only screen and (max-width: 768px) {
	.pgCsr main > section:before {
		height: 46px;
		margin-top: -46px;
	}
	.pgCsr main > section .innerAnc {
		padding: 46px 0 0;
		margin-top: -46px;
	}
	.pgCsr main > section .innerAnc_2 {
		padding: 46px 5% 0;
		margin-top: -46px;
	}

	.pgCsr main section .secInner {
		padding: 60px 0;
	}
	.pgCsr main section section {
		width: 90%;
		padding: 0 5%;
	}
	.pgCsr main section .contWrap {
		width: 90%;
	}
	.pgCsr main.wStart > section:first-of-type:before {
		height: 90px;
		margin-top: -90px;
	}
}


/* heading */
.pgCsr .dotT {
	width: 980px;
	margin: 0 auto 60px;
	padding: 30px 0 0 0;
	text-align: center;
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.4;
	background: url(/hc/csr/img/head_onm.svg) no-repeat center top;
}
.pgCsr .dotT span {
	margin: 5px 0 0 0;
	display: block;
	font-size: 2rem;
}
.pgCsr h2.basicHeading {
	margin: 0 auto 60px;
	text-align: center;
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.6;
}
.pgCsr .border {
	border: 1px solid #E04F00;
	padding: 10px 20px;
}
.pgCsr .borderT {
	margin: 0 0 30px;
	text-align: center;
	color: #00418F;
	font-weight: bold;
	font-size: 2.4rem;
	line-height: 1.4;
}
.pgCsr .borderT span {
	padding: 45px 10px 0;
	display: inline-block;
	position: relative;
}
.pgCsr .borderT span:before {
	content: "";
	width: 100%;
	height: 3px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	border-top: 1px solid #00418F;
}
.pgCsr .borderL {
	margin: 0 0 30px;
	padding: 16px 25px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.6;
	border-left: 4px solid #00418F;
	background-color: #EFEFEF;
	background-image: linear-gradient(45deg, #F7F7F7 25%, transparent 25%, transparent 75%, #F7F7F7 75%, #F7F7F7), linear-gradient(45deg, #F7F7F7 25%, transparent 25%, transparent 75%, #F7F7F7 75%, #F7F7F7);
	background-position: 0 0, 2.5px 2.5px;
	background-size: 5px 5px;
}

.pgCsr.pgEmployee .borderL {
	border-left: 4px solid #C61600;
}
.pgCsr .borderL.borderColor2{
	border-color: #E04F00;
}
.pgCsr .borderL.borderColor3 {
	border-color: #008E4D;
}
.pgCsr .borderL.borderColor_esg {
	border-color: #00418F;
	background-color: #FFF;
}
.pgCsr main section.odd .borderL {
	background-color: #FFF;
}
.pgCsr .basicH {
	font-weight: bold;
	font-size: 1.2em;
}
.pgCsr .sqL {
	font-weight: bold;
  margin-bottom: 10px;
}
.pgCsr .sqL:before {
	content: '';
	display: inline-block;
	width: 1em;
	height: 1em;
	background: #00418F;
	vertical-align: middle;
	margin-right: 0.4em;
}

main p {
	margin: 0 auto 30px;
	line-height: 2.1;
}
main section > section p {
	line-height: 2.3;
}

@media only screen and (max-width: 768px) {
	.pgCsr .dotT {
		width: 90%;
		text-align: left;
		background-position: left top;
		font-size: 2.2rem;
		margin: 0 auto 50px;
	}
	.pgCsr .dotT span {
		font-size: 1.5rem;
	}
	.pgCsr h2.basicHeading {
		text-align: left;
		font-size: 2.2rem;
	}
	.pgCsr .borderT {
		font-size: 2rem;
	}
	.pgCsr .borderT span {
		padding: 30px 0 0;
	}
}

/* img */
.pgCsr .imgC {
	width: 1140px;
	margin: 0 auto 30px;
	text-align: center;
}
.pgCsr .imgC.sizeM img {
	max-width: 800px;
}
.pgCsr section .imgC {
	width: 100%;
	margin: 0 auto 30px;
}
.pgCsr .imgC img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.pgCsr .imgR {
	max-width: 50%;
	float: right;
	margin: 0 0 40px 40px;
}
.pgCsr .imgL {
	max-width: 50%;
	float: left;
	margin: 0 40px 40px 0;
}
.pgCsr .imgFutureL {
	max-width: 29%;
	float: left;
	margin: 0 40px 40px 0;
}
.pgCsr .imgFutureR {
	max-width: 29%;
	float: right;
	margin: 0 0 40px 40px;
}
.pgCsr .flexBox {
	display: flex;
	gap: 40px;
}
.pgCsr .imgFlex {
	max-width: 29%;
  align-self: flex-start;
}
.pgCsr .imgsakuraR {
	max-width: 25%;
	float: right;
	margin: -40px 0 40px 40px;
}
.pgCsr .imgR img,
.pgCsr .imgL img {
	width: 100%;
	display: block;
}
.pgCsr .txtR {
	text-align: right;
}
.pgCsr .txtC {
	text-align: center;
}
.pgCsr .vTop {
	vertical-align: top;
}

@media only screen and (max-width: 768px) {
	.pgCsr section .imgC {
		width: 90%;
	}
	.pgCsr .imgC.sizeM img {
		max-width: 100%;
	}
	.pgCsr .imgL,
	.pgCsr .imgR,
	.pgCsr .imgFutureL,
	.pgCsr .imgFutureR {
		max-width: 90%;
		float: none;
		margin: 0 auto 30px;
		display: block;
	}
	.pgCsr .flexBox {
		display: block;
	}
	.pgCsr .imgFlex {
		max-width: 90%;
		margin: 0 auto 30px;
		display: block;
	}
	.pgCsr .report .imgR img {
		width: 70%;
		margin: 0 auto;
	}
}

/* list */
.basicUl,
.basicOl {
	margin: 0 0 30px;
	padding: 0 0 0 20px;
	font-size: 15px;
	list-style: none;
	text-indent: 0;
	counter-reset: my-counter;
}
.basicOl {
	padding: 0 0 0 30px;
}
.basicUl > li,
.basicOl > li {
	margin: 0 0 15px;
	word-break: break-word;
	position:relative;
	page-break-inside: avoid;
}
.basicUl > li:before,
.basicOl .basicUl > li:before {
	content:'';
	width: 5px;
	height: 5px;
	margin: 1rem 0 0 -16px;
	display: block;
	float: left;
	background: #222;
	border-radius: 50%;
}
.basicOl > li:before,
.basicUl .basicOl > li:before {
	height: 22px;
	width: 22px;
	margin: 0.3rem 0 0 -30px;
	display: block;
	float: left;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: bold;
	line-height: 22px;
	text-align: right;
	content: counter(my-counter)'.';
	counter-increment: my-counter;
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
	border-radius: 50%;
}
.basicUl .basicUl,
.basicUl .basicOl,
.basicOl .basicUl,
.basicOl .basicOl {
	margin: 0 0 10px;
	padding: 0 0 0 25px;
}
.basicUl > li li:first-child,
.basicOl > li li:first-child {
	margin-top: 5px;
}
.basicUl a,
.basicOl a {
	color: #D9340A;
	text-decoration: underline;
}
.basicUl p,
.basicOl p {
	margin: 0 0 20px;
}

/*list nest*/
.basicUl .basicUl > li:before {
	background: #AAA;
	border-radius: 0;
}
.basicOl .basicOl ,
.basicUl .basicOl {
	counter-reset: number 0;
}
.basicOl .basicOl {
	padding: 0 0 0 30px;
}
.basicOl .basicOl > li:before {
	width: 30px;
	margin: 0.4rem 0 0 -30px;
	color: #333;
	font-size: 1em;
	line-height: 1.3;
	background: none!important;
	counter-increment: number 1;
	content: "(" counter(number, decimal) ")";
}

/* IE */
@media all and (-ms-high-contrast:none){
	.basicOl > li:before {
		margin: 0 0 0 -32px;
		line-height: 25px;
	}
}

@media only screen and (max-width: 768px) {
	.basicUl,
	.basicOl {
		margin: 0 0 30px;
		padding: 0 0 0 20px;
	}
	.basicUl .basicUl,
	.basicUl .basicOl,
	.basicOl .basicUl,
	.basicOl .basicOl {
		padding: 0 0 0 23px;
	}
	.basicUl .basicUl,
	.basicUl .basicOl,
	.basicOl .basicUl {
		padding: 0 0 0 23px;
	}
	.basicOl .basicOl {
		padding: 0 0 0 40px;
	}
	.basicUl > li:before,
	.basicOl .basicUl > li:before {
		margin: 1rem 0 0 -16px;
	}
	.basicOl > li:before,
	.basicUl .basicOl > li:before {
		height: 20px;
		width: 20px;
		white-space: nowrap;
		margin: 0.3rem 0 0 -26px;
		line-height: 20px;
	}
}

/* dimension */
.pgCsr .dimension {
	width: 1140px;
	margin: 0 auto -20px;
	overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}
.pgCsr .dimension.w850 {
	width: 850px;
}
.pgCsr .dimension li {
	width: 270px;
	margin: 0 0 20px 20px;
	float: left;
	background: #FFF;
}
.pgCsr .dimension li:nth-child(4n+1) {
	margin: 0;
}
.pgCsr .dimension dl {
	padding: 20px 20px 30px;
}
.pgCsr .dimension dt {
	margin: 0 0 20px;
	padding: 70px 0 0 0;
	line-height: 1.4;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}
@media only screen and (min-width: 769px){
  .pgCsr .dimension .working dt {
    padding: 125px 0 45px 0;
  }
  .pgCsr .dimension .safety dt,
  .pgCsr .dimension .technology dt,
  .pgCsr .dimension .humanrights dt {
    padding: 85px 0 10px 0;
  }
  .pgCsr .imgL.pc_height {
    margin-bottom: 100px;
  }
}
.pgCsr .dimension dd {
	line-height: 1.6;
	font-size: 1.4rem;
}
.pgProductIndex .dimension .lifestyle dt {
	background: url(/hc/csr/product/img/icon_people.png) no-repeat top center;
	background-size: 60px auto;
}
.pgProductIndex .dimension .safety dt {
	background: url(/hc/csr/product/img/icon_heart.png) no-repeat top center;
	background-size: 60px auto;
}
.pgProductIndex .dimension .environment dt {
	background: url(/hc/csr/product/img/icon_world.png) no-repeat top center;
	background-size: 60px auto;
}
.pgProductIndex .dimension .community dt {
	background: url(/hc/csr/product/img/icon_community.png) no-repeat top center;
	background-size: 60px auto;
}
.pgProductIndex .dimension .technology dt {
	background: url(/hc/csr/product/img/icon_technology.png) no-repeat top center;
	background-size: 60px auto;
}
.pgEmployeeIndex .dimension .people dt {
	background: url(/hc/csr/employee/img/icon_people.png) no-repeat top center;
	background-size: 60px auto;
}
.pgEmployeeIndex .dimension .working dt {
	background: url(/hc/csr/employee/img/icon_working.png) no-repeat top center;
	background-size: 60px auto;
}
.pgEmployeeIndex .dimension .technology dt {
	background: url(/hc/csr/employee/img/icon_technology.png) no-repeat top center;
	background-size: 60px auto;
}
.pgEmployeeIndex .dimension .supplychain dt {
	background: url(/hc/csr/employee/img/icon_supplychain.png) no-repeat top center;
	background-size: 60px auto;
}
.pgEnvironmentIndex .dimension .resource dt {
	background: url(/hc/csr/environment/img/icon_resource.png) no-repeat top center;
	background-size: 60px auto;
}
.pgEnvironmentIndex .dimension .energy dt {
	background: url(/hc/csr/environment/img/icon_energy.png) no-repeat top center;
	background-size: 60px auto;
}
.pgEnvironmentIndex .dimension .pollutionprevention dt {
	background: url(/hc/csr/environment/img/icon_pollutionprevention.png) no-repeat top center;
	background-size: 60px auto;
}
.pgEnvironmentIndex .dimension .supplychain dt {
	background: url(/hc/csr/environment/img/icon_supplychain.png) no-repeat top center;
	background-size: 60px auto;
}
.pgEnvironmentIndex .dimension .li_climate dt {
	background: url(/hc/csr/environment/img/icon_climate.png) no-repeat top center;
	background-size: 60px auto;
}
.pgEnvironmentIndex .dimension .biodiversity dt {
	background: url(/hc/csr/environment/img/icon_biodiversity.png) no-repeat top center;
	background-size: 60px auto;
}
.pgGovernanceIndex .dimension .compliance dt {
	background: url(/hc/csr/governance/img/icon_compliance.png) no-repeat top center;
	background-size: 60px auto;
}
.pgGovernanceIndex .dimension .humanrights dt {
	background: url(/hc/csr/governance/img/icon_humanrights.png) no-repeat top center;
	background-size: 60px auto;
}
.pgGovernanceIndex .dimension .disclosure dt {
	background: url(/hc/csr/governance/img/icon_disclosure.png) no-repeat top center;
	background-size: 60px auto;
}
.pgGovernanceIndex .dimension .csreducation dt {
	background: url(/hc/csr/governance/img/icon_csreducation.png) no-repeat top center;
	background-size: 60px auto;
}
.pgGovernanceIndex .dimension .socialcontributions dt {
	background: url(/hc/csr/governance/img/icon_socialcontributions.png) no-repeat top center;
	background-size: 60px auto;
}
.pgGovernanceIndex .dimension .group dt {
	background: url(/hc/csr/governance/img/icon_group.png) no-repeat top center;
	background-size: 60px auto;
}

@media only screen and (max-width: 768px) {
	.pgCsr .dimension {
		width: 90%;
		margin-bottom: 0;
    display: block;
	}
	.pgCsr .dimension.w850 {
		width: 90%;
		margin-bottom: 0;
	}
	.pgCsr .dimension li {
		width: 100%;
		float: none;
		margin: 0 0 10px!important;
	}
}

/* ------------------------------------
	approach
------------------------------------ */
.pgApproach #main section a:not(.basicBtn):link {	color: #0064DD;	}
.pgApproach #main section a:not(.basicBtn)[target="_blank"]:after {
	content: '\e902';
	margin: 0 0 0 5px;
	font-family: 'haseko';
	font-size: 1.2rem;
	line-height: 1;
	font-weight: normal;
	display: inline-block;
	vertical-align: middle;
}

.pgApproach #main section a:not(.basicBtn)[href$=".pdf"]:after {
	font-family: 'haseko';
	content: '\e903';
	margin: 0 0 0 5px;
	font-size: 1.1em;
	line-height: 1;
	font-weight: normal;
	display: inline-block;
	vertical-align: middle;
}

.apWrap {
	width: 1140px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.apArea {
	margin: 0 0 50px;
	padding: 0 50px 50px 0;
	position: relative;
	width: 550px;
}
.apArea .apCont {
	width: 100%;
	height: 100%;
	padding: 40px 40px 90px;
	background: #FFF;
	border:1px solid #999;
	z-index: 1;
}
.apArea .apCont:before,
.apArea .apCont:after,
.apArea .apCont dl:before {
  content: "";
  position: absolute;
  top: 15px;
  width: 60px;
  height: 60px;
}
.pgProductIndex .apArea .apCont:before {
  background: url(/hc/csr/product/img/icon_world.png) no-repeat top center;
	background-size: 60px auto;
  right: 120px;
}
.pgProductIndex .apArea:nth-child(1) .apCont:after,
.pgProductIndex .apArea:nth-child(4) .apCont:after {
  background: url(/hc/csr/product/img/icon_heart.png) no-repeat top center;
	background-size: 60px auto;
  right: 60px;
}
.pgProductIndex .apArea:nth-child(2) .apCont:before {
  background: url(/hc/csr/product/img/icon_world.png) no-repeat top center;
	background-size: 60px auto;
  right: 180px;
}
.pgProductIndex .apArea:nth-child(2) .apCont:after {
  background: url(/hc/csr/product/img/icon_heart.png) no-repeat top center;
	background-size: 60px auto;
  right: 120px;
}
.pgProductIndex .apArea:nth-child(2) .apCont dl:before {
  background: url(/hc/csr/product/img/icon_technology.png) no-repeat top center;
	background-size: 60px auto;
  right: 60px;
}
.pgProductIndex .apArea:nth-child(3) .apCont:after {
  background: url(/hc/csr/product/img/icon_community.png) no-repeat top center;
	background-size: 60px auto;
  right: 60px;
}
.pgProductIndex .apArea:nth-child(5) .apCont:after {
  background: url(/hc/csr/product/img/icon_technology.png) no-repeat top center;
	background-size: 60px auto;
  right: 60px;
}
.pgEmployeeIndex .apArea .apCont:before {
  background: url(/hc/csr/employee/img/icon_working.png) no-repeat top center;
	background-size: 60px auto;
  right: 60px;
}
.pgEmployeeIndex .apArea:nth-child(1) .apCont:after {
  background: url(/hc/csr/employee/img/icon_technology.png) no-repeat top center;
	background-size: 60px auto;
  right: 120px;
}
.pgEmployeeIndex .apArea:nth-child(3) .apCont:before {
  background: url(/hc/csr/employee/img/icon_technology.png) no-repeat top center;
	background-size: 60px auto;
  right: 60px;
}
.pgEnvironmentIndex .apArea:nth-child(5) .apCont:before {
  background: url(/hc/csr/environment/img/icon_biodiversity.png) no-repeat top center;
	background-size: 60px auto;
  right: 60px;
}
.pgEnvironmentIndex .apArea .apCont:before {
  background: url(/hc/csr/environment/img/icon_climate.png) no-repeat top center;
	background-size: 60px auto;
  right: 60px;
}
.pgEnvironmentIndex .apArea:nth-child(1) .apCont:after,
.pgEnvironmentIndex .apArea:nth-child(4) .apCont:after,
.pgEnvironmentIndex .apArea:nth-child(6) .apCont:after,
.pgEnvironmentIndex .apArea:nth-child(7) .apCont:after {
  background: url(/hc/csr/environment/img/icon_biodiversity.png) no-repeat top center;
	background-size: 60px auto;
  right: 120px;
}
.pgEnvironmentIndex .apArea:nth-child(4) .apCont:after {
  background: url(/hc/csr/environment/img/icon_climate.png) no-repeat top center;
	background-size: 60px auto;
  right: 120px;
}
.pgEnvironmentIndex .apArea:nth-child(1) .apCont:before,
.pgEnvironmentIndex .apArea:nth-child(6) .apCont:before,
.pgEnvironmentIndex .apArea:nth-child(7) .apCont:before,
.pgEnvironmentIndex .apArea:nth-child(8) .apCont:before {
  background: url(/hc/csr/environment/img/icon_pollutionprevention.png) no-repeat top center;
	background-size: 60px auto;
  right: 60px;
}
.pgEnvironmentIndex .apArea:nth-child(4) .apCont:before {
  background: url(/hc/csr/environment/img/icon_biodiversity.png) no-repeat top center;
  background-size: 60px auto;
  right: 60px;
}
.pgEnvironmentIndex .apArea:nth-child(1) .apCont dl:before ,
.pgEnvironmentIndex .apArea:nth-child(7) .apCont dl:before {
  background: url(/hc/csr/environment/img/icon_climate.png) no-repeat top center;
	background-size: 60px auto;
  right: 180px;
}
.pgEnvironmentIndex .apArea:nth-child(8) .apCont:after {
  background: url(/hc/csr/environment/img/icon_climate.png) no-repeat top center;
	background-size: 60px auto;
  right: 120px;
}
.pgGovernanceIndex .apArea .apCont:before {
  background: url(/hc/csr/governance/img/icon_compliance.png) no-repeat top center;
	background-size: 60px auto;
  right: 60px;
}
.pgGovernanceIndex .apArea:nth-child(1) .apCont:after {
  background: url(/hc/csr/governance/img/icon_biodiversity.png) no-repeat top center;
	background-size: 60px auto;
  right: 120px;
}
.pgGovernanceIndex .apArea:nth-child(3) .apCont:before {
  background: url(/hc/csr/governance/img/icon_humanrights.png) no-repeat top center;
	background-size: 60px auto;
  right: 60px;
}
.pgGovernanceIndex .apArea:nth-child(4) .apCont:before {
  background: url(/hc/csr/governance/img/icon_disclosure.png) no-repeat top center;
	background-size: 60px auto;
  right: 60px;
}
.pgGovernanceIndex .apArea:nth-child(7) .apCont:before {
  background: url(/hc/csr/governance/img/icon_group.png) no-repeat top center;
	background-size: 60px auto;
  right: 60px;
}
.pgGovernanceIndex .apArea:nth-child(7) .apCont:after {
  background: url(/hc/csr/governance/img/icon_humanrights.png) no-repeat top center;
	background-size: 60px auto;
  right: 120px;
}
.pgGovernanceIndex .apArea:nth-child(6) .apIcon_jp .apCont:before {
  background: url(/hc/csr/governance/img/icon_group.png) no-repeat top center;
	background-size: 60px auto;
  right: 60px;
}
.pgGovernanceIndex .apArea:nth-child(6) .apIcon_jp .apCont:after {
  background: url(/hc/csr/governance/img/icon_humanrights.png) no-repeat top center;
	background-size: 60px auto;
  right: 120px;
}
.apArea .apCont .ttl {
	position: absolute;
	top: -30px;
	left: 30px;
	padding: 0 10px;
	background: #FFF;
	color: #727272;
	font-size: 2rem;
	font-style: italic;
	font-weight: 300;
	display: block;
}
.apArea .apCont .ttl span {
	color: #00418F;
	font-size: 3rem;
	font-family: 'Roboto Condensed', sans-serif;
}
.pgEmployeeIndex .apArea .apCont .ttl span { color: #E63721; }
.pgEnvironmentIndex .apArea .apCont .ttl span { color: #009852; }
.pgGovernanceIndex .apArea .apCont .ttl span { color: #E6783B; }
.apArea .apCont dt {
	margin: 0px 0 25px;
	font-size: 2.6rem;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1.6;
}
ul.icon_triangle {
	margin: 0 0 30px;
}
ul.icon_triangle li {
	margin: 0 0 8px;
	padding: 0 0 0 15px;
	line-height: 1.6;
	position: relative;
}
ul.icon_triangle li:before {
	content: "";
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	left: 0;
	top: 6px;
	border-top: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #333;
}
.apArea img {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 220px;
	height: auto;
}
.apArea .apCont .basicBtn {
	position: absolute;
	left: 40px;
	bottom: 90px;
	width: 224px;
	height: 45px;
	line-height: 43px;
}
.apWrap section > *:last-child {
	margin-bottom: 60px;
}

.apWrap .textInner .osekkai img {
	max-width: 300px;
}
.apWrap .textInner .osekkai .imgOsekkai {
	width: 240px;
}
.apWrap .textInner .osekkai p {
	width: 640px;
	float: right;
}

@media only screen and (max-width: 768px) {
	.apWrap {
		width: 90%;
	}
	.pgCsr main section .apWrap section {
		width: 100%;
	}
	.apArea {
		padding: 0;
	}
	.apArea .apCont {
		width: 100%;
		margin: 0;
		padding: 30px 5%;
	}
  .apArea .apCont:before,
  .apArea .apCont:after,
  .apArea .apCont dl:before {
    top: 15px;
    width: 40px;
    height: 40px;
  }
  .pgProductIndex .apArea .apCont:before {
    background: url(/hc/csr/product/img/icon_world.png) no-repeat top center;
    background-size: 40px auto;
    right: 50px;
  }
  .pgProductIndex .apArea:nth-child(1) .apCont:after,
  .pgProductIndex .apArea:nth-child(4) .apCont:after {
    background: url(/hc/csr/product/img/icon_heart.png) no-repeat top center;
    background-size: 40px auto;
    right: 10px;
  }
  .pgProductIndex .apArea:nth-child(2) .apCont:before {
    background: url(/hc/csr/product/img/icon_world.png) no-repeat top center;
    background-size: 40px auto;
    right: 90px;
  }
  .pgProductIndex .apArea:nth-child(2) .apCont:after {
    background: url(/hc/csr/product/img/icon_heart.png) no-repeat top center;
    background-size: 40px auto;
    right: 50px;
  }
  .pgProductIndex .apArea:nth-child(2) .apCont dl:before {
    background: url(/hc/csr/product/img/icon_technology.png) no-repeat top center;
    background-size: 40px auto;
    right: 10px;
  }
  .pgProductIndex .apArea:nth-child(3) .apCont:after {
    background: url(/hc/csr/product/img/icon_community.png) no-repeat top center;
    background-size: 40px auto;
    right: 10px;
  }
  .pgProductIndex .apArea:nth-child(5) .apCont:after {
    background: url(/hc/csr/product/img/icon_technology.png) no-repeat top center;
    background-size: 40px auto;
    right: 10px;
  }
  .pgEmployeeIndex .apArea .apCont:before {
    background: url(/hc/csr/employee/img/icon_working.png) no-repeat top center;
    background-size: 40px auto;
    right: 10px;
  }
  .pgEmployeeIndex .apArea:nth-child(1) .apCont:after {
    background: url(/hc/csr/employee/img/icon_technology.png) no-repeat top center;
    background-size: 40px auto;
    right: 50px;
  }
  .pgEmployeeIndex .apArea:nth-child(3) .apCont:before {
    background: url(/hc/csr/employee/img/icon_technology.png) no-repeat top center;
    background-size: 40px auto;
    right: 10px;
  }
  .pgEnvironmentIndex .apArea:nth-child(5) .apCont:before {
    background: url(/hc/csr/environment/img/icon_biodiversity.png) no-repeat top center;
    background-size: 40px auto;
    right: 10px;
  }
  .pgEnvironmentIndex .apArea .apCont:before {
    background: url(/hc/csr/environment/img/icon_climate.png) no-repeat top center;
    background-size: 40px auto;
    right: 10px;
  }
  .pgEnvironmentIndex .apArea:nth-child(1) .apCont:after,
  .pgEnvironmentIndex .apArea:nth-child(4) .apCont:after,
  .pgEnvironmentIndex .apArea:nth-child(6) .apCont:after,
  .pgEnvironmentIndex .apArea:nth-child(7) .apCont:after {
    background: url(/hc/csr/environment/img/icon_biodiversity.png) no-repeat top center;
    background-size: 40px auto;
    right: 50px;
  }
  .pgEnvironmentIndex .apArea:nth-child(4) .apCont:after {
    background: url(/hc/csr/environment/img/icon_climate.png) no-repeat top center;
    background-size: 40px auto;
    right: 50px;
  }
  .pgEnvironmentIndex .apArea:nth-child(1) .apCont:before,
  .pgEnvironmentIndex .apArea:nth-child(6) .apCont:before,
  .pgEnvironmentIndex .apArea:nth-child(7) .apCont:before,
  .pgEnvironmentIndex .apArea:nth-child(8) .apCont:before {
    background: url(/hc/csr/environment/img/icon_pollutionprevention.png) no-repeat top center;
    background-size: 40px auto;
    right: 10px;
  }
  .pgEnvironmentIndex .apArea:nth-child(4) .apCont:before {
    background: url(/hc/csr/environment/img/icon_biodiversity.png) no-repeat top center;
    background-size: 40px auto;
    right: 10px;
  }
  .pgEnvironmentIndex .apArea:nth-child(1) .apCont dl:before ,
  .pgEnvironmentIndex .apArea:nth-child(7) .apCont dl:before {
    background: url(/hc/csr/environment/img/icon_climate.png) no-repeat top center;
    background-size: 40px auto;
    right: 90px;
  }
  .pgEnvironmentIndex .apArea:nth-child(8) .apCont:after {
    background: url(/hc/csr/environment/img/icon_climate.png) no-repeat top center;
    background-size: 40px auto;
    right: 50px;
  }
  .pgGovernanceIndex .apArea .apCont:before {
    background: url(/hc/csr/governance/img/icon_compliance.png) no-repeat top center;
    background-size: 40px auto;
    right: 10px;
  }
  .pgGovernanceIndex .apArea:nth-child(1) .apCont:after {
    background: url(/hc/csr/governance/img/icon_biodiversity.png) no-repeat top center;
    background-size: 40px auto;
    right: 50px;
  }
  .pgGovernanceIndex .apArea:nth-child(3) .apCont:before {
    background: url(/hc/csr/governance/img/icon_humanrights.png) no-repeat top center;
    background-size: 40px auto;
    right: 10px;
  }
  .pgGovernanceIndex .apArea:nth-child(4) .apCont:before {
    background: url(/hc/csr/governance/img/icon_disclosure.png) no-repeat top center;
    background-size: 40px auto;
    right: 10px;
  }
  .pgGovernanceIndex .apArea:nth-child(7) .apCont:before {
    background: url(/hc/csr/governance/img/icon_group.png) no-repeat top center;
    background-size: 40px auto;
    right: 10px;
  }
  .pgGovernanceIndex .apArea:nth-child(7) .apCont:after {
    background: url(/hc/csr/governance/img/icon_humanrights.png) no-repeat top center;
    background-size: 40px auto;
    right: 50px;
  }

  .pgGovernanceIndex .apArea:nth-child(6) .apIcon_jp .apCont:before {
    background: url(/hc/csr/governance/img/icon_group.png) no-repeat top center;
    background-size: 40px auto;
    right: 10px;
  }
  .pgGovernanceIndex .apArea:nth-child(6) .apIcon_jp .apCont:after {
    background: url(/hc/csr/governance/img/icon_humanrights.png) no-repeat top center;
    background-size: 40px auto;
    right: 50px;
  }

	.apArea .apCont .ttl {
		margin: 0;
	}
	.apArea .apCont dt {
		font-size: 2rem;
	}
	.apArea img {
		position: relative;
		bottom: auto;
		right: auto;
		width: 100%;
		margin: 0 auto 30px;
	}
	.apArea .apCont .basicBtn {
		position: relative;
		left: auto;
		bottom: auto;
		width: 100%;
		height: auto;
		line-height: 1.6;
	}
	.apWrap .textInner .osekkai p {
		width: auto;
		float: none;
	}
	.apWrap .textInner .osekkai img {
		width: auto;
		max-width: 90%;
	}
}


/* ------------------------------------
	approach detail
------------------------------------ */
.textInner {
	width: 980px;
	margin: 0 auto;
}
.fitInner {
	margin: 0 auto;
}
.apWrap .tagArea {
	margin: 0 0 20px;
	text-align: center;
}
.apWrap .tagArea span {
	display: inline-block;
	margin: 0 5px;
	padding: 4px 15px;
	font-size: 1.2rem;
	font-weight: bold;
	border: 1px solid #333;
}
.pgEmployee .apWrap .tagArea span {
	color: #C61600;
	border-color: #C61600;
}
.pgEnvironment .apWrap .tagArea span {
	color: #008E4D;
	border-color: #008E4D;
}
.pgGovernance .apWrap .tagArea span {
	color: #E04F00;
	border-color: #E04F00;
}
.pgProduct .apWrap .tagArea span {
	color: #00418F;
	border-color: #00418F;
}
.pgCsr.pgEmployee .borderT { color: #C61600; }
.pgCsr.pgEnvironment .borderT { color: #008E4D; }
.pgCsr.pgGovernance .borderT { color: #E04F00; }
.pgCsr.pgEmployee .borderT span:before { border-color: #C61600; }
.pgCsr.pgEnvironment .borderT span:before { border-color: #008E4D; }
.pgCsr.pgGovernance .borderT span:before { border-color: #E04F00; }
.pgCsr.pgEmployee .sqL:before { background: #C61600; }
.pgCsr.pgEnvironment .sqL:before { background: #008E4D; }
.pgCsr.pgGovernance .sqL:before { background: #E04F00; }
.apWrap .textInner p {
	width: 980px;
	margin: 0 auto 60px;
	line-height: 2;
}
.apWrap .textInner:last-child > p:last-child {
	margin: 0 auto;
}
.apWrap .textInner p.low {
	margin: 0 auto 20px;
}
.apWrap figure {
	width: 100%;
}
.apWrap figure.imgL,
.apWrap figure.imgR {
	width: auto;
}
.apWrap figure img {
	width: 100%;
	display: block;
}
.apWrap figcaption {
	margin: 10px 0 0;
	display: block;
	font-size: 1.4rem;
	text-align: center;
}
.wg figcaption {
    margin: 10px 0 0;
    display: block;
    font-size: 1.4rem;
    text-align: center;
}
.pgCsr main section .apWrap figure + section {
	margin-top: 40px;
}
.apWrap .typeFull {
	width: 980px;
	margin: 0 auto 20px;
}
.apWrap .widthAuto img {
	width: auto;
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.apWrap .freeCol {
  overflow: hidden;
	display: flex;
	justify-content: center;
	margin: 0 auto;
  gap: 40px;
}
.apWrap .freeCol figure {
  width: auto;
}
.apWrap .twoCol {
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
}
.apWrap .twoCol.center_twoCol {
	justify-content: center;
}
.apWrap .twoCol > figcaption {
	margin: -10px 0 20px;
}
.apWrap .twoCol.half > * {
	max-width: 49%;
}
.apWrap .twoCol figure {
	width: 480px;
	margin: 0 0 20px;
}
.apWrap .twoCol.center_twoCol figure {
	width: 32%;
	margin: 0 0 20px;
}
.apWrap .twoCol figure:nth-child(2n) {
	margin-left: 20px;
}
.apWrap .threeCol {
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 980px;
	margin: 0 auto;
}
.apWrap .threeCol figure {
	width: 32%;
}
.apWrap .threeCol .figure_wrap {
  width: 66%;
}
.apWrap .threeCol .figure_wrap .figure {
  display: flex;
  justify-content: space-between;
}
.apWrap .threeCol .figure_wrap .figure figure {
  width: 48.5%;
}
.apWrap .threeCol .figure_wrap p {
  margin: 10px 0 0;
  display: block;
  font-size: 1.4rem;
  text-align: center;
}
.apWrap .fourCol {
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 980px;
	margin: 0 auto;
}
.apWrap .fourCol figure {
	width: 23.5%;
}
.twoCol.distance,
.threeCol.distance {
	margin-bottom: 20px;
}
.threeCol.distance .spFigure {
	display: none;
}
@media only screen and (max-width: 768px){
	.threeCol.distance .spFigure {
		display: block;
	}
	.twoCol.pcFigure {
		display: none;
	}
}
@media only screen and (max-width: 768px){
	.apWrap figcaption {
		margin: 2% 0 0;
	}
	.apWrap .typeFull {
		width: 100%;
	}
  .apWrap .freeCol {
    gap: 10px;
    flex-wrap: wrap;
  }
  .apWrap .freeCol figure {
    width: 100%;
  }
	.apWrap .twoCol figure {
		width: 100%;
		margin: 0 0 2%;
	}
	.apWrap .twoCol figure:nth-child(2n) {
		margin-left: 0;
	}
	.apWrap .twoCol.half > * {
		max-width: 100%;
		width: 100%;
	}
	.apWrap .threeCol {
		display: block;
		width: 100%;
	}
  .apWrap .threeCol figure {
    width: 100%;
  }
  .apWrap .threeCol .figure_wrap {
    width: 100%;
    margin: 0 0 2%;
  }
  .apWrap .threeCol .figure_wrap .figure {
    display: block;
  }
  .apWrap .threeCol .figure_wrap .figure figure {
    width: 100%;
  }
  .apWrap .threeCol .figure_wrap p {
    margin: 2% 0 0;
  }
	.apWrap .threeCol figure{
		width: 100%;
		margin: 0 0 2%;
	}
	.apWrap .threeCol figure img {
		margin: 0 auto 2%;
	}
  .apWrap .fourCol {
		display: block;
		width: 100%;
	}
	.apWrap .fourCol figure{
		width: 100%;
		margin: 0 0 2%;
	}
	.apWrap .fourCol figure img {
		margin: 0 auto 2%;
	}
	.apWrap figure.imgL {
		float: none;
		margin: 0 auto 20px;
	}
}


/* Table */
.apWrap table,
.feature_table table {
	width: 100%;
	margin: 0 auto;
	background: #fff;
}
.apWrap table.auto,
.feature_table table.auto {
	width: auto;
}
.apWrap table th,
.apWrap table td {
	border: 2px solid #F4F4F4;
	padding: 5px;
	vertical-align: middle;
}
.apWrap table td.director_name {
	width: 200px;
}
.apWrap table td.small {
	font-size: 14px;
}
.apWrap table td.small.philosophy_table_wrap {
    padding: 5px;
}
.apWrap table.philosophy_table td{
	border: none;
    padding: 5px;
    vertical-align: baseline;
	background-color: #f7daca;
	font-size: 14px;
}
.apWrap table.philosophy_table td:nth-child(1){
	width: 95px;
}
.apWrap table td .syagai,
.apWrap table td .dokuritu,
.apWrap table td .sinin {
	font-size: 12px;
	padding: 2px 4px;
	margin-right: 4px;
}
.apWrap table td .syagai {
	color: #008000;
	border: solid 1px #008000;
}
.apWrap table td .dokuritu {
	color: #fff;
	background-color: #a9a9a9;
	border: solid 1px #a9a9a9;
}
.apWrap table td .sinin {
	color: #fff;
	background-color: #222;
	border: solid 1px #222;
}
.apWrap table tbody.back_colour_table {
	background-color: #f7daca;
}
.feature_table table th,
.feature_table table td {
	border: 2px solid #F4F4F4;
	padding: 4px;
	vertical-align: middle;
}
.apWrap table th.contents_colour,
.apWrap table td.contents_colour,
.feature_table table th.contents_colour,
.feature_table table td.contents_colour {
	border: 2px solid #F4F4F4;
	padding: 20px;
	vertical-align: middle;
}
.apWrap table th.contents_colour2,
.apWrap table td.contents_colour2,
.feature_table table th.contents_colour2,
.feature_table table td.contents_colour2 {
	/* border: 5px solid #F4F4F4; */
	padding: 20px;
	vertical-align: middle;
}
.apWrap table th {
	text-align: center;
}
.apWrap table thead th,
.feature_table table thead th{
	background: #00418F;
	color: #fff;
}
.apWrap table thead th.back_colour,
.feature_table table thead th.back_colour {
	background: #E04F00;
	color: #fff;
	margin-bottom: 30px;
	border-color:#f4f4f4;
}
.apWrap table thead .sub th,
.feature_table table thead .sub th {
	background: #4A8CDE;
}
.apWrap table tbody tr.contents_colour {
	background-color: #f19c6e;
	text-align: left;
}
.apWrap table tbody th.contents_colour {
	background-color: #f19c6e;
	text-align: left;
}
.apWrap table tbody td.contents_colour {
	background-color: #f19c6e;
	text-align: left;
}
.apWrap table tbody tr.contents_colour th.table_header,
.feature_table table tbody tr.contents_colour th.table_header {
	padding: 10px 20px;
}
.apWrap table th.contents_colour:first-child,
.feature_table table th.contents_colour:first-child {
	/* border: 5px solid #F4F4F4; */
    /* padding: 10px; */
    vertical-align: middle;
}
.apWrap table tbody tr.contents_colour2 {
	background-color: #f7daca;
	text-align: left;
}
.apWrap table tbody th.contents_colour2 {
	background-color: #f7daca;
	text-align: left;
}
.apWrap table tbody td.contents_colour2 {
	background-color: #f7daca;
	text-align: left;
}
.table_contents {
	margin-bottom: 30px;
	text-align: center;
	width: 100%;
}

.apWrap table tbody th,
.feature_table table tbody th {
	background: #E2E2E2;
}
.apWrap table th.empty,
.feature_table table th.empty {
	border: none;
	background: none;
}
.apWrap table .center,
.feature_table table .center {
	text-align: center;
}
.apWrap table .right,
.feature_table table .right {
	text-align: right;
}
.apWrap table .left,
.feature_table table .left {
	text-align: left;
}

.pgEnvironment .apWrap table thead th {
	background: #008E4D;
}
.pgEnvironment .apWrap table thead .sub th {
	background: #bee0c8;
	color: #333;
}

.pgEmployee .apWrap table thead th {
	background: #C61600;
}
.pgEmployee .apWrap table thead .sub th {
	background: #ff9d91;
	color: #333;
}
/*.pgEmployee .apWrap .humanResourcesTable tr td:nth-child(2) {
  width: 140px;
}*/
.pgEmployee .apWrap .humanResourcesTable tr td {
  width: 73px;
}
.pgEmployee .apWrap .tableFixed table {
  table-layout: fixed;
}
.pgEmployee .apWrap .tableFixed table th:first-child {
  width: 280px;
}

@media only screen and (max-width: 768px){
	.apWrap .tableScroll table,
	.feature_table .tableScroll table {
		width: 980px;
	}
	.apWrap .tableScroll.w640 table,
	.feature_table .tableScroll.w640 table {
		width: 640px;
	}
	.apWrap .tableScroll.w480 table,
	.feature_table .tableScroll.w480 table {
		width: 480px;
	}
	.apWrap .tableScroll.w480 table.philosophy_table {
		width: 280px;
	}
	.apWrap .tableScroll.w480 table.philosophy_table.audit{
		width: 240px;
	}
	.apWrap table td .syagai, .apWrap table td .dokuritu, .apWrap table td .sinin {
		padding: 1px 3px;
	}
  .pgEmployee .apWrap .tableFixed table th:first-child {
    width: 120px;
  }
}


/* approach map */
.apMap {
	padding: 80px 0;
	background: #FFF url(/hc/csr/img/line.png) repeat-x center top;
}
.apMap .secInner > ul {
	width: 1140px;
	margin: 0 auto;
	overflow: hidden;
	display: flex;
}
.apMap .secInner > ul > li {
	width: 254px;
	padding: 0 20px;
	border-left: 1px solid #E2E2E2;
	box-sizing: content-box;
}
.apMap .secInner > ul > li:first-child {
	width: 254px;
	padding: 0 20px 0 0;
	border-left: none;
}
.apMap .secInner > ul > li:last-child {
	width: 254px;
	padding: 0 0 0 20px;
}
.apMap figure {
	margin: 0 auto 15px;
}
.apMap figure a,
.apMap figure img {
	display: block;
}
.apMap dt a {
	display: inline-block;
	margin: 0 0 15px;
	padding: 0 0 0 20px;
	line-height: 1.4;
	font-size: 1.6rem;
	font-weight: bold;
	position: relative;
}
.apMap dt a:before {
	content: '\e905';
	font-family: 'haseko';
	font-size: 1.4rem;
	line-height: 1;
	font-weight: normal;
	color: #333333;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 6px;
}
.apMap .product dt a:before {color: #00418F;}
.apMap .employee dt a:before {color: #E63721;}
.apMap .environment dt a:before {color: #009852;}
.apMap .governance dt a:before {color: #E6783B;}
.apMap dd li a {
	margin: 0 0 15px;
	padding: 0 0 0 20px;
	display: block;
	line-height: 1.4;
	font-size: 1.3rem;
	position: relative;
}
.apMap dd li a:before {
	content: "";
	width: 0;
	height: 0;
	font-weight: normal;
	display: block;
	border-top: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 6px solid #333;
	position: absolute;
	left: 4px;
	top: 5px;
}

@media only screen and (max-width: 768px) {
	.textInner,
	.fitInner {
		width:90%;
	}
	.apWrap .textInner,
	.apWrap .textInner p,
	.apWrap .fitInner {
		width: 100%;
	}
	.apWrap .tagArea {
		text-align: left;
	}
	.apWrap .tagArea span {
		margin: 0 5px 5px;
	}

	.apMap .secInner > ul {
		width: 100%;
		display: block;
	}
	.apMap .secInner > ul li,
	.apMap .secInner > ul li:first-child,
	.apMap .secInner > ul li:last-child {
		width: 100%;
		padding: 0;
	}
	.apMap .secInner > ul li dl {
		padding: 0 5%;
	}
}

/* global_warming */
.apWrap .coolChoice dl {
	padding: 0 0 20px;
	border-bottom: 1px solid #333;
	margin: 0 auto 20px;
	display: table;
	width: 100%;
}
.apWrap .coolChoice dl:last-of-type {
	border-bottom: none;
}
.apWrap .coolChoice dl dt,
.apWrap .coolChoice dl dd {
	display: table-cell;
	vertical-align: middle;
	padding: 10px;
}
.apWrap .coolChoice dl dt {
	background: #009852;
	color: #fff;
	font-weight: bold;
	text-align: center;
	width: 300px;
}
.apWrap .coolChoice ul {
	list-style-type: disc;
	padding-left: 2em;
}

@media only screen and (max-width: 768px) {
	.apWrap .coolChoice dl,
	.apWrap .coolChoice dl dt,
	.apWrap .coolChoice dl dd {
		display: block;
		width: 100%;
	}
	.apWrap .coolChoice dl dd {
		padding: 10px 0 0;
	}
}

/* .changeImg */
.pgCsr .changeImg.wait {
	opacity: 0;
}
/* ページ外からのアンカーリンクするとchangeImgで場所がおかしくなるので */
.occupational_safety {
	max-height: 326px;
}
.management {
	max-height: 494px;
}
.environmental_figure {
	max-height: 648px;
}
@media only screen and (max-width: 768px) {
	.occupational_safety,
	.environmental_figure,
	.management {
		max-height: none;
	}
}

/* ------------------------------------
	feature
------------------------------------ */
.pgCsr .philosophy {
	margin: 0 0 60px;
	text-align: center;
}
.philosophy dt {
	margin: 0 0 40px;
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.4;
}
.pgCsr .vision {
	margin: 0 0 50px;
	text-align: center;
}
.vision img {
	margin: 20px auto 45px;
}
.vision:last-child img {
	margin-bottom: 0;
}
.vision p {
	line-height: 1.8;
	font-size: 1.8rem;
	font-family: 'Sawarabi Mincho', sans-serif;
}
.pgCsr .taskList {
	margin: 0 0 20px;
	overflow: hidden;
}
.taskList li {
	width: 192px;
	margin: 0 0 10px 5px;
	padding: 6px 0;
	float: left;
	font-weight: bold;
	text-align: center;
	background: #EAF1FA;
}
.taskList li:first-child {
	margin: 0 0 10px 0;
}
.taskList li.sizeL {
	width: 389px;
	margin: 0 0 10px 0;
}
.catchTask {
	color: #00418F;
	text-align: center;
	line-height: 1.6;
	font-size: 2rem;
	font-weight: bold;
	margin: 0 auto 1em;
}

@media only screen and (max-width: 768px) {
	.pgCsr .philosophy dd,
	.vision p {
		text-align: left;
	}
	.taskList li,
	.taskList li:first-child,
	.taskList li.sizeL {
		width: 100%;
		margin: 0 0 10px;
	}
}

/* rhombus */
.pgCsr .rhombus {
	margin: 0 auto 30px;
}
.pgCsr .rhombus dt {
	margin: 0 auto 10px;
	padding: 0 0 0 30px;
	text-align: left;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.6;
	background: url(/hc/csr/img/head_rhombus.svg) no-repeat left 0.3em;
}
.pgCsr .rhombus dt span {
	font-size: 16px;
	font-weight: normal;
}
.pgCsr .rhombus li {
	margin: 0 0 5px;
	padding: 0 0 0 30px;
	position: relative;
}
.pgCsr .rhombus li:before {
	content: "";
	width: 16px;
	height: 1px;
	display: block;
	border-top: 1px solid #C0C0C0;
	position: absolute;
	top: 13px;
	left: 0;
}
.lead {
	margin: 0 0 40px;
	font-size: 1.8rem;
	line-height: 2;
}

/* groupPower */
.groupPower {
	margin: 60px 0;
	background: url(/hc/csr/img/feature/grouppower_bg.png) no-repeat center top;
	background-size: 100% 300px;
}
.groupPower .catch {
	margin: 0 0 30px;
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
}
.groupPower .catch span {
	font-size: 2.9rem;
	color: #E6783B;
}
.groupPower .inner {
	padding: 30px 0 0 0;
	text-align: center;
	position: relative;
}
.groupPower .inner dl {
	width: 240px;
	margin: 0 40px;
	display: inline-block;
	vertical-align: top;
}
.groupPower .inner dt {
	width: 200px;
	height: 200px;
	margin: 0 auto 20px;
	font-size: 2rem;
	line-height: 1.4;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #FFF;
	border-radius: 50%;
}
.groupPower .inner .cooperation {
	margin: -80px auto 0;
}
.groupPower .inner .cooperation dt {
	color: #00418F;
	border: 6px solid #00418F;
}
.groupPower .inner .eyes dt {
	color: #E63721;
	border: 6px solid #E63721;
}
.groupPower .inner .knowhow {
	margin: -80px auto 0;
}
.groupPower .inner .knowhow dt {
	color: #009852;
	border: 6px solid #009852;
}
.groupPower .inner dd {
	text-align: left;
	font-size: 1.4rem;
}

@media only screen and (max-width: 768px) {
	.groupPower {
		background-image: none;
	}
	.groupPower .catch {
		font-size: 1.8rem;
	}
	.groupPower .catch span {
		font-size: 2.6rem;
	}
	.groupPower .inner dl {
		margin: 0 auto 30px!important;
	}
}


/* sdgList */
.pgCsr .sdgList {
	width: 900px;
	margin: 0 auto 50px;
	overflow: hidden;
}
.pgCsr .sdgList li {
	width: 145px;
	margin: 0 0 5px 5px;
	float: left;
}
.pgCsr .sdgList li:first-child,
.pgCsr .sdgList li:nth-child(7n) {
	margin: 0 0 5px 0;
}
.pgCsr .sdgList li:last-child {
	width: 295px;
}
.pgCsr .sdgList li img {
	width: 100%;
	display: block;
}
@media only screen and (max-width: 768px) {
	.pgCsr .sdgList {
		width: 100%;
		margin: 0 0 30px;
	}
	.pgCsr .sdgList li  {
		width: 49%;
		margin: 0 2% 1.8vw 0!important;
	}
	.pgCsr .sdgList li:nth-child(even)  {
		margin: 0 0 1.8vw 0!important;
	}
	.pgCsr .sdgList li:last-child {
		width: 100%;
		overflow: hidden;
	}
	/* .pgCsr .sdgList li:last-child img {
		margin-top: -5vw;
		margin-left: -2vw;
	} */
}

/* materialityList */
.pgCsr .materialityList {
	margin: 60px 0;
	position: relative;
}
.pgCsr .materialityList:before {
	content: "";
	width: 50%;
	height: 17px;
	display: block;
	background: #FFF;
	position: absolute;
	left: 50%;
	top: 140px;
	transform: translateX(-50%);
	z-index: 0;
}
.pgCsr .materialityList li {
	width: 301px;
	margin: 0 0 0 31px;
	float: left;
	position: relative;
	z-index: 1;
}
.pgCsr .materialityList li:first-child {
	margin: 0;
}
.pgCsr .materialityList figure {
	text-align: center;
}
.pgCsr .materialityList figure img {
	width: 100%;
	display: block;
}
.pgCsr .materialityList figure span {
	position: absolute;
	top: 0;
	left: 20px;
	margin: -13px 0 15px 0;
	color: #C0C0C0;
	line-height: 1;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 2rem;
	font-style: italic;
	font-weight: 300;
	display: block;
	z-index: 2;
}
.pgCsr .materialityList figure span span {
	margin: -7px 0 0 20px;
	color: #00418F;
	line-height: 1;
	font-size: 3rem;
}
.pgCsr .materialityList figcaption {
	margin: 15px 0 0;
	font-size: 1.8rem;
	line-height: 1.4;
	font-weight: bold;
}

@media only screen and (max-width: 768px) {
	.pgCsr .materialityList li {
		width: 100%;
		margin: 0;
		padding: 0 0 40px;
	}
	.pgCsr .materialityList li:last-child {
		padding: 0;
	}
}

/* climate */
.pgCsr .climate {
	margin: 100px 0 10px;
	background: #F4F4F4;
	border: 1px solid #C0C0C0;
	position: relative;
}
.pgCsr .climate dt {
	width: 314px;
	margin: -22px auto 30px;
	padding: 4px 0;
	text-align: center;
	color: #FFF;
	font-size: 2rem;
	background: #E6783B;
	border-radius: 2px;
}
.pgCsr .climate .desc {
	margin: 0 50px 40px;
	font-weight: bold;
	width: 380px;
}
.pgCsr .climate .contWrap {
  width: 100%;
	position: relative;
  display: flex;
  justify-content: center;
  padding-bottom: 30px;
}
.pgCsr .climate .contWrap figure {
	width: 354px;
	position: absolute;
	left: 20px;
	top: -40px;
}
.pgCsr .climate .contWrap figure img {
	width: 100%;
	display: block;
}
.pgCsr .climate .contWrap ul {
	overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.pgCsr .climate .contWrap li {
	width: 230px;
	margin: 0 10px 10px 0;
	padding: 13px 0;
	/*float: left;*/
	font-weight: bold;
	font-size: 1.6rem;
	text-align: center;
	background: #FFF;
	border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pgCsr .climate .contWrap li:nth-child(4) {
	margin: 0 0 10px 0;
}
.otherTheme {
	margin: 0;
	padding: 40px 40px 70px;
	border: 1px solid #C0C0C0;
	background: #fff;
	position: relative;
}
.otherTheme:before {
	content: "";
	width: 182px;
	height: 134px;
	display: block;
	background: url(/hc/csr/img/feature/reload.png) no-repeat center center;
	background-size: 182px 134px;
	position: absolute;
	bottom: -75px;
	left: 50%;
	transform: translateX(-50%);
}
.otherTheme dl {
	width: 285px;
	margin: 0 0 0 20px;
	float: left;
}
.otherTheme dl:first-child {
	margin: 0;
}
.otherTheme dt {
	width: 255px;
	margin: 0 auto;
	padding: 4px 0;
	text-align: center;
	color: #FFF;
	font-size: 2rem;
	border-radius: 2px;
	position: relative;
	z-index: 1;
}
.otherTheme dt small {
	font-size: 1.6rem;
}
.otherTheme .space dt {background: #00418F;}
.otherTheme .place dt {background: #E63721;}
.otherTheme .scene dt {background: #009852;}
.otherTheme dd {
	margin: -22px auto 0;
	position: relative;
	z-index: 0;
}
.otherTheme ul {
	padding: 40px 20px 10px 20px;
	background: #F4F4F4;
}
.otherTheme li {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 13px 0;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	background: #FFF;
	border-radius: 6px;
}

@media only screen and (max-width: 768px) {
	.pgCsr .climate .contWrap {
		width: 90%;
	}
	.pgCsr .climate .contWrap figure {
		width: 100%;
		position: relative;
		left: auto;
		top: auto;
		margin-top: -16vw;
	}
	.pgCsr .climate dt {
		width: calc(100% + 2px);
		margin-left: -1px;
	}
	.pgCsr .climate .desc {
		margin: 0 auto 20px;
		width: 90%;
		text-align: center;
	}
	.pgCsr .climate .contWrap ul {
		padding: 0 0 0;
	}
	.pgCsr .climate .contWrap li {
		width: 100%;
    margin: 0 0 10px 0;
	}
  .pgCsr .climate .contWrap li:last-child {
    margin-bottom: 0;
  }

	.otherTheme {
		padding: 40px 5% 70px;
	}
	.otherTheme dl {
		width: 100%;
		margin: 20px 0 0;
		float: none;
	}
	.otherTheme dl:first-child {
		margin: 0;
	}
	.otherTheme dt {
		width: 100%;
	}

}

/* effortList */
.pgCsr .effortList {
	margin: 0 0 10px;
}
.pgCsr .effortList > li {
	padding: 30px 0;
	overflow: hidden;
	position: relative;
	border-top: 1px solid #C0C0C0;
}
.pgCsr .effortList li:first-child {
	border-top: none;
}
.pgCsr .effortList figure {
	width: 212px;
	margin: 0 30px 0 0;
	float: left;
}
.pgCsr .effortList figure img {
	width: 100%;
	display: block;
}
.pgCsr .effortList dt {
	margin: 0 0 20px;
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.4;
}
.pgCsr .effortList .space dt span {color: #00418F;}
.pgCsr .effortList .place dt span {color: #E63721;}
.pgCsr .effortList .landscape dt span {color: #009852;}
.pgCsr .effortList .culture dt span {color: #E6783B;}
.pgCsr .effortList .btnArea {
	display: inline-block;
	text-align: right;
}
.pgCsr .effortList .btnArea a {
	font-size: 1.6rem;
	position: absolute;
	right: 0;
	bottom: 30px;
}
.pgCsr .effortList .btnArea a span {
	display: inline-block;
}
.pgCsr .iconCircleArrow:before {
	content: '\e905';
	margin: 0 5px 0 0;
	font-family: 'haseko';
	font-size: 1.4rem;
	line-height: 1;
	font-weight: normal;
	color: #333333;
	display: inline-block;
	vertical-align: middle;
}
.pgCsr .effortList .space .iconCircleArrow:before {color: #00418F}
.pgCsr .effortList .place .iconCircleArrow:before {color: #E63721}
.pgCsr .effortList .landscape .iconCircleArrow:before {color: #009852}
.pgCsr .effortList .culture .iconCircleArrow:before {color: #E6783B}

/* effortList list_img */
.effortList .list_img {
	display: block;
	text-align: right;
	margin: 0 0 20px!important;
}
.effortList .list_img li {
	width: 7%;
	display: inline-block;
}
.effortList .list_img li img {
	width: 100%;
}
/*list_img_c */
.list_img_c {
	display: block;
	width: 980px;
	text-align: center;
	margin-left: auto!important;
  margin-right: auto!important;
}
.list_img_c li {
	width: 8%;
	display: inline-block;
  line-height: 0;
}
.list_img_c li img {
	width: 100%;
}
.list_img_c li.esg {
  width: 160px;
}

@media only screen and (max-width: 768px) {
	.pgCsr .effortList figure {
		width: 100%;
		float: none;
		margin: 0 auto 30px;
	}
	.pgCsr .effortList .btnArea a {
		position: relative;
		right: auto;
		bottom: auto;
	}
	.list_img_c {
		width: 100%;
		padding: 0 5%;
	}
	.list_img_c li {
		width: 19%;
		margin: 0 0 2px;
	}
  .list_img_c li.esg {
    width: 38.7%;
  }
	.effortList .list_img li {
		width: 37.7%;
	}
}

/* featureTable */

.featureTable .spaceHeading { color: #00418F; }
.featureTable .placeHeading { color: #E63721; }
.featureTable .sceneryHeading { color: #009852; }
.featureTable .climateHeading {	color: #E6783B; }

.esgTable.esgData.featureTable .spaceBackGround { background-color: #BFCFE3; }
.esgTable.esgData.featureTable .placeBackGround { background-color: #F9CDC7; }
.esgTable.esgData.featureTable .sceneryBackGround { background-color: #BFE5D4; }
.esgTable.esgData.featureTable .climateBackGround {	background-color: #F9DDCE; }

.tableScroll .featureTable {
	margin-top: 50px;
}

.featureTable tbody th,.featureTable tbody td {
	vertical-align: inherit;
}
.featureTable .featureTableIcon {
	margin-top: 20px;
}

.featureTable .featureTableIcon .twoCol {
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
}
.featureTable .featureTableIcon .threeCol {
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
}

.featureTable .featureTableIcon .twoCol figure {
	width: 60px;
}

.featureTable .featureTableIcon .threeCol figure {
	width: 50px;
}

/* anchorFeature */
@media only screen and (min-width: 769px) {
	.anchorFeature.anchorLink li a {
		min-width: 220px;
	}
	.anchorFeature.anchorLink li a:before {
		right: 10px;
	}
.anchorFeature.anchorFeature-english li a {
		max-width: 228px;
	}
	.anchorFeature.anchorFeature-english li a:before {
		right: 10px;
	}
}

@media print {
	.anchorFeature.anchorFeature-english li a {
		min-width: 190px;
		max-width: 190px;
		margin: 0 5px;
	}
}

/* ------------------------------------
	technical
------------------------------------ */
.imgDirector {
	width: 980px;
	margin: 0 auto 40px;
}
.position {
	text-align: right;
	font-size: 1.8rem;
	font-weight: bold;
}
.pgTechnical .mesBan {
	background: none;
}
.pgTechnical .mesBan li a {
	text-align: center;
}

@media only screen and (max-width: 768px){
	.imgDirector {
		width: 90%;
		margin: 0 auto 30px;
	}
  .imgDirector.imgDirector2 {
    width: 100%;
  }
	.position {
		font-size: 1.5rem;
	}
}


/* slider */
.contSlider {
	width: 800px;
	min-height: 400px;
	margin: 40px auto;
}
.contSlider > ul {
	height: 436px;
	visibility: hidden;
	opacity: 0;
}
.contSlider .slick-list {
	width: auto;
}
.contSlider .slick-slide {
	display: block;
	text-align: center;
}
.contSlider .slick-slide img {
	width: 100%;
	padding: 0;
	display: block;
}
.contSlider .slick-slide span {
	margin: 15px auto 0;
	display: block;
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.4;
}
.contSlider .slick-prev,
.contSlider .slick-next {
	color: #FFF;
	background: transparent;
	top: 46%;
}
.contSlider .slick-prev {
	left: 10px;
}
.contSlider .slick-next {
	right: 10px;
}
.contSlider .slick-prev:before {
	content: '\e901';
	font-size: 2rem;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.contSlider .slick-next:before {
	content: '\e901';
	font-size: 2rem;
	-webkit-transform: rotate(0);
	transform: rotate(0);
}
.contSlider .slick-dots {
	bottom: -30px;
}
.contSlider .slick-dots li {
	width: 10px;
	height: 10px;
	margin: 0 4px;
	vertical-align: top;
}
.contSlider .slick-dots li button:before {
	width: 10px;
	height: 10px;
	background: #FFF;
	border-radius: 50%;
	border: 1px solid #707070;
}
.contSlider .slick-dots li.slick-active button:before {
	background: #707070;
}

@media only screen and (max-width: 768px){
	.contSlider {
		width: 90%;
		min-height: 0;
	}
	.contSlider > ul {
		height: auto;
	}
	.contSlider .slick-prev,
	.contSlider .slick-next {
		top: 23vw;
	}
	.contSlider .slick-prev {
		left: 0;
	}
	.contSlider .slick-next {
		right: 0;
	}
	.contSlider .slick-prev:before,
	.contSlider .slick-next:before {
		font-size: 4vw;
	}
}


/* techBan */
.techBan {
	margin: 70px 0 0 0;
	text-align: center;
}
.techBan a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 500px;
	height: 120px;
	margin: 0 auto;
	color: #FFF;
	font-size: 2.6rem;
	font-weight: bold;
	background: #ccc no-repeat center center;
	border-radius: 5px;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	padding: 0 10px;
}
.techBan a:link, .techBan a:hover, .techBan a:active, .techBan a:visited { color: #FFF; }
.techBan a span {
	position: relative;
	z-index: 1;
	line-height: 1.4;
}
.techBan a small {
	display: block;
	font-size: 1.6rem;
	font-weight: normal;
	padding: 0.5em 0 0;
}
.techBan a:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.2) url(/hc/csr/img/archives/technical/dot.png);
}
.techBan a:after {
	content: '';
	width: 0;
	height: 0;
	display: block;
	border-top: 7px solid transparent;
	border-right: 7px solid #FFF;
	border-bottom: 7px solid #FFF;
	border-left: 7px solid transparent;
	border-bottom-right-radius: 3px;
	position: absolute;
	right: 8px;
	bottom: 8px;
}
.techBan a[target="_blank"]:after {
	font-family: 'haseko';
	content: '\e902';
	font-size: 1.2rem;
	font-weight: normal;
	width: auto;
	height: auto;
	right: 10px;
	bottom: 10px;
	line-height: 1;
	border-right: none;
	border-bottom: none;
}
.techBan a.labo {
	background-image: url(/hc/csr/img/archives/technical/ban_labo.jpg);
	background-size: cover;
}
.techBan a.museum {
	background-image: url(/hc/csr/img/archives/technical/ban_museum.jpg);
	background-size: cover;
}
.techBan a.training {
	background-image: url(/hc/csr/img/archives/technical/ban_training.jpg);
	background-size: cover;
}
.techBan a.owl {
	background-image: url(/hc/csr/img/archives/technical/ban_owl.jpg);
	background-position: right center;
	background-size: cover;
}

@media only screen and (max-width: 768px){
	.techBan a {
		max-width: 90%;
	}
}
@media only screen and (max-width: 480px){
	.techBan a {
		height: 90px;
		font-size: 1.8rem;
	}
	.techBan a small {
		font-size: 1.2rem;
	}
}
/* ------------------------------------
	message
------------------------------------ */
.topMsg {
	width: 980px;
	margin: 0 auto 60px;
	overflow: hidden;
	position: relative;
  display: flex;
  flex-flow: row-reverse;
  justify-content: space-between;
}
.topMsg figure {
  width: 360px;
}
.topMsg figure img {
	width: 100%;
	display: block;
}
.topMsg .msgCont {
  width: calc(100% - 450px);
  position: relative;
  z-index: 1;
  padding: 40px 0;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}
.topMsg .msgCont .positionBox {
	display: table;
  margin: 0 0 0 auto;
}
.topMsg .msgCont p {
  margin: 0;
	display: inline-block;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.6;
	background: #FFF;
	letter-spacing: 0.04em;
}
.topMsg .msgCont .position {
	margin: 0 0 5px;
	display: block;
	text-align: left;
	font-size: 1.4rem;
	font-weight: normal;
}
.topMsg .msgCont .name {
	font-size: 2.3rem;
	font-weight: bold;
}
.pgMessage .img_flex {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
.pgMessage .img_flex.reverse {
  flex-flow: row-reverse;
}
.pgMessage .img_flex figure {
  width: 400px;
}
.pgMessage .img_flex figure figcaption {
  text-align: center;
}
.pgMessage .img_flex p {
  width: calc(100% - 430px);
}
.pgMessage .img_flex .txt1 {
  margin: 40px 0 50px;
  display: inline-block;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 0.04em;
  padding: 5px 0 8px;
}
.mesBan {
	padding: 42px 0;
	text-align: center;
	background: #FFF url(/hc/csr/img/line.png) repeat-x center top;
}
.mesBan ul {
	width: 1140px;
	margin: 0 auto;
}
.mesBan li {
	width: 266px;
	margin: 0 17px;
	display: inline-block;
	overflow: hidden;
	vertical-align: bottom;
	text-align: left;
}
.mesBan li a {
	padding: 11px 20px;
	display: block;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: left;
	line-height: 1.4;
	position: relative;
	background: #FFF;
	border: 1px solid #3A3A3A;
}
.img_c figure img {
	display: block;
	margin: 0 auto;
}

@media only screen and (max-width: 768px){
	.topMsg {
		width: 100%;
    display: block;
	}
	.topMsg figure {
		position: relative;
		width: 100%;
		margin: 0 auto 20px;
	}
	.img_c figure img {
		width: 100%;
		margin: 0 auto 20px;
	}
  .topMsg .msgCont .positionBox {
    width: 100%;
    margin: 0 0 5px;
  }
	.topMsg .msgCont {
    width: 100%;
		padding: 30px 5% 0px;
	}
	.topMsg .msgCont p {
		font-size: 1.6rem;
		position: absolute;
		margin: 0;
		top: -125%;
		left: 5%;
		padding: 4px;
	}
	.topMsg .msgCont .position {
		display: inline;
	}
	.topMsg .msgCont .name {
		font-size: 1.4rem;
		margin-left: 5px;
	}
  .pgMessage .img_flex {
    display: block;
  }
  .pgMessage .img_flex figure {
    width: 100%;
  }
  .pgMessage .img_flex p {
    width: 100%;
  }
  .pgMessage .img_flex .txt1 {
    font-size: 1.6rem;
    padding: 4px;
  }

	.mesBan {
		padding-bottom: 27px;
	}
	.mesBan ul {
		width: 100%;
	}
	.mesBan li {
		margin: 0 3% 15px;
	}
}
@media only screen and (max-width: 400px){
	.topMsg .msgCont p {
		font-size: 4vw;
	}
}

/* ------------------------------------
	esg
------------------------------------ */
.pgCsr main section section.gritable {
	padding-top: 80px;
}
.topEsg {
	width: 1140px;
	margin: 0 auto;
	padding: 0 80px;
	overflow: hidden;
	position: relative;
}
.scrollMsg {
	margin: 0!important;
	text-align: right;
	display: none;
}
.scrollMsg::before {
	content: '';
	display: inline-block;
	width: 32px;
	height: 32px;
	background: transparent url(/hc/csr/esg/img/icon_swipe.png) center center no-repeat;
	background-size: 32px;
	vertical-align: middle;
	margin: 0 4px 0 0;
}

/* Table */
.esgTable {
	width: 980px;
	margin: 0 auto;
	background: #fff;
  table-layout: fixed;
}
.esgTable caption {
	text-align: right;
}
.esgTable thead th {
	background: #00418F;
	color: #fff;
}
.esgTable thead th:first-child {
  width: 500px;
}
.esgTable th,
.esgTable td {
	border: 2px solid #F4F4F4;
	padding: 4px 7px;
	vertical-align: middle;
  word-break: break-word;
}
.esgTable th {
	text-align: center;
}
.esgTable th.group {
	border-right: none;
}
.esgTable th.group2 {
	border-left: none;
}
.esgTable .esgTableHdBg {
	background: #00418F;
	color: #fff;
}
.esgTable .esgTableBg {
	background: #4A8CDE;
	color: #fff;
}
.esgTable a:link { color: #0064DD; }

/* esgData */
.esgTable.esgData tbody tr th {
	background: #E2E2E2;
	text-align: left;
}
.esgTable.esgData td a {
	position: relative;
}
.esgTable.esgData td a:before {
	content: "";
	width: 0;
	height: 0;
	font-weight: normal;
	display: inline-block;
	border-top: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 6px solid #333;
}
/* esgMaterial */
.esgMaterial thead tr th {
	text-align: center;
}
/* .esgMaterial thead tr th:first-child {
	background: none;
	border: none;
} */
.esgMaterial thead tr th:nth-child(2) {
	/* font-size: 1.2rem; */
	white-space: nowrap;
	/*width: 150px;*/
}
.esgMaterial th {
	text-align: left;
	padding: 4px;
}
.esgMaterial tbody td:first-child {
	white-space: nowrap;
}
.esgBox {
	width: 980px;
	margin: 0 auto;
}
.tableScroll {
	margin: 0 auto 50px;
}
.tableScroll.supply_chain_table {
	text-align: right;
}
.pgEsg .tableScroll ~ p {
	margin-top: -40px;
}

.block {
	display: block;
	padding: 0 0 0 1em;
}
@media only screen and (max-width: 768px){
	.pgCsr main section section.gritable {
		padding-top: 0;
	}
	.topEsg {
		width: 90%;
		padding: 0 5%;
	}
	.esgTable {
		width: 700px;
		font-size: 12px;
	}
  .esgTable thead th:first-child {
    width: 300px;
  }
	.esgBox {
		width: 90%;
	}
	.tableScroll {
		overflow-x: scroll;
	}
	.pgEsg .twinBox .btnArea {
		margin-bottom: 30px;
	}
	.scrollMsg {
		display: block;
	}
}


/* ------------------------------------
	commendation
------------------------------------ */
.twinBox {
	width: 980px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.pgCommendation main .twinBox section {
	width: 480px;
	margin: 20px 0 0;
	padding: 30px 160px 30px 30px;
	display: flex;
	flex-flow: column;
	justify-content:space-between;
	line-height: 1.5;
	position: relative;
}
.pgCommendation main .twinBox section.noImage {
	padding: 30px;
}
.pgCommendation main .twinBox section.noLink {
	justify-content: normal;
}
.pgCommendation main .twinBox section:last-child {
	margin: 20px 0 0;
}
.pgCommendation main .twinBox section:nth-of-type(-n+2) {
	margin: 0;
}
.twinBox h3 {
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0 0 1em;
}
.twinBox section figure {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 110px;
	height: 110px;
	margin: -1px;
	border: 1px solid #E2E2E2;
}
.twinBox section p {
	margin: -10px 0 20px;
	line-height: 1.6;
}
.twinBox section p span {
	font-weight: bold;
}
.twinBox section ul li {
	margin: 0 0 5px;
	padding: 0 0 0 30px;
	position: relative;
}
.twinBox section ul li:last-child {
	margin: 0;
}
.twinBox section ul li:before {
	content: "";
	width: 16px;
	height: 1px;
	display: block;
	border-top: 1px solid #C0C0C0;
	position: absolute;
	top: 13px;
	left: 0;
}
.pgCommendation section a:link {	color: #0064DD;	}
.pgCommendation section a[target="_blank"]:after {
	font-family: 'haseko';
	content: '\e902';
	margin: 0 0 0 5px;
	font-size: 1.2rem;
	line-height: 1;
	font-weight: normal;
	display: inline-block;
	vertical-align: middle;
}
.pgCommendation section a[href$=".pdf"]:after {
	font-family: 'haseko';
	content: '\e903';
	margin: 0 0 0 5px;
	font-size: 1.3rem;
	line-height: 1;
	font-weight: normal;
	display: inline-block;
	vertical-align: middle;
}

.pgCommendation .past ul {
	margin: 0 auto 60px;
}
.pgCommendation .past ul li.heading {
	background: none;
}
.pgCommendation .past ul li {
	padding: 20px 0 20px 30px;
	background: url(/hc/csr/img/head_rhombus.svg) no-repeat left 25px;
	border-bottom: 1px solid #999;
	display: flex;
}
.pgCommendation .past ul li > span {
	display: block;
	float: left;
}
.pgCommendation .past ul li > span {
	border-left: 1px solid #E2E2E2;
}
.pgCommendation .past ul li.heading > span {
	border-left: none;
}
.pgCommendation .past ul li .title {
	width: 460px;
	padding-right: 20px;
	border-left: none;
}
.pgCommendation .past ul li .target {
	width: 350px;
	padding: 0 20px;
}
.pgCommendation .past ul li .press {
	width: 160px;
	padding-left: 20px;
	white-space: nowrap;
}

@media only screen and (max-width: 768px){
	.twinBox {
		width: 90%;
		display: block;
	}
	.pgCommendation main .twinBox section {
		width: 100%;
		padding: 30px 5%;
		display: block;
	}
	.pgCommendation main .twinBox section:nth-of-type(2) {
		margin: 20px 0 0;
	}
	.twinBox section figure {
		position: relative;
		top: auto;
		right: auto;
		margin: 0 auto 20px;
		text-align: center;
	}
	.twinBox section p {
		margin: 0 0 20px;
	}

	.singleBox section {
		padding: 0 5% 40px;
		margin: 30px auto 0;
	}
	.pgCommendation .past ul li {
		display: block;
	}
	.pgCommendation .past ul li.heading {
		display: none;
	}
	.pgCommendation .past ul li .title,
	.pgCommendation .past ul li .target,
	.pgCommendation .past ul li .press {
		display: block;
		width: 100%;
		border-left: none;
		padding: 0 0 10px;
	}
	.pgCommendation .past ul li .press {
		padding: 0!important;
	}
}

/* ------------------------------------
	report
------------------------------------ */
.pgReport .intro h3 {
	font-size: 2rem;
	font-weight: bold;
	margin: 0 0 1em;
}

.pgReport main a[href$=".pdf"]:after {
	font-family: 'haseko';
	content: '\e903';
	margin: 0 5px;
	line-height: 1;
	font-weight: normal;
	display: inline-block;
	vertical-align: middle;
}
.pgReport .report .btnArea {
	margin: 0 0 40px;
}
.pgReport .report dl a {
	font-size: 1.6rem;
	font-weight: bold;
}
.pgReport .report dl a:link {
	color: #0064DD;
}
.pgCsr.pgReport .rhombus dt {
	padding: 0;
	background: none;
}

.pgReport .backnumber {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.pgReport .backnumber li {
	width: 540px;
}
.pgReport .backnumber li a {
	display: block;
	padding: 20px 40px 20px 0;
	border-bottom: 1px solid #E2E2E2;
	position: relative;
}
.pgReport .backnumber li:nth-child(-n+2) a {
	border-top: 1px solid #E2E2E2;
}
.pgReport .backnumber li a:after {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -0.5em;
}

@media only screen and (max-width: 768px){
	.pgReport .imgR {
		float: none;
		max-width: 100%;
		margin: 0 0 40px;
	}
	.pgReport .report .btnArea {
		text-align: center;
		margin-bottom: 40px;
	}
	.pgReport .backnumber {
		display: block;
	}
	.pgReport .backnumber li {
		width: 100%;
	}
	.pgReport .backnumber li:nth-child(2) a {
		border-top: none;
	}
}



/* getAcrobat */
.getAcrobat {
	width: 1140px;
	min-height: 80px;
	margin: 40px auto;
	padding: 20px 40px;
	background: #F4F4F4;
}
.getAcrobat.white {
	background: #FFF;
}
.getAcrobat img {
	float: left;
	margin-right: 20px;
}
.getAcrobat p {
	margin: 0;
	line-height: 1.4;
}
.getAcrobat p a {
	display: inline-block;
}
.getAcrobat p a:link {
	color: #0064DD;
}
.getAcrobat p a[target="_blank"]:after {
	font-family: 'haseko';
	content: '\e902';
	margin: 0 5px;
	font-size: 1.2rem;
	line-height: 1;
	font-weight: normal;
	display: inline-block;
	vertical-align: middle;
}

@media only screen and (max-width: 768px){
	.getAcrobat {
		width: 90%;
		padding: 15px 5%;
	}
	.getAcrobat img {
		display: block;
		float: none;
		margin: 0 auto 5px;
	}
}

/* ------------------------------------
	policy
------------------------------------ */
.pgPolicy .accordion > section {
	margin: 0 auto;
	width: 980px;
	padding: 0;
	border-bottom: 2px solid #E2E2E2;
}
.pgPolicy .accordion > section:first-of-type {
	border-top: 2px solid #E2E2E2;
}
.pgPolicy .accordion > section:before {
	content: none;
}
.pgPolicy .accordion > section:last-of-type {
	margin-bottom: 100px;
}
.pgPolicy .accordion > section section {
	width: 100%;
	background: #F4F4F4;
	padding: 0 60px;
}
.pgPolicy .accordion > section .detail {
	padding: 0 0 50px;
	display: none;
}
.pgPolicy .accordion h2 {
	font-size: 2.6rem;
	padding: 30px 30px 30px 0;
	position: relative;
	cursor: pointer;
}
.pgPolicy .accordion h2:before {
	content: '';
	display: block;
	position: absolute;
	right: 7px;
	top: 50%;
	width: 20px;
	border-top: 2px solid #333;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.pgPolicy .accordion h2:after {
	content: '';
	display: block;
	position: absolute;
	right: 7px;
	top: 50%;
	width: 20px;
	border-top: 2px solid #333;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.pgPolicy .accordion .open h2:after {
	content: none;
}
.pgPolicy .accordion a h2:before {
	content: '\e901';
	font-family: 'haseko';
	font-size: 2rem;
	border-top: none;
	right: 0;
}
.pgPolicy .accordion a h2:after {
	content: none;
}

.pgPolicy .accordion h4 {
	background-image: linear-gradient(45deg, #fff 30%, transparent 30%, transparent 70%, #fff 70%, #fff), linear-gradient(45deg, #fff 30%, transparent 30%, transparent 70%, #fff 70%, #fff);
}
.pgPolicy .accordion > section section > *:last-child {
	margin-bottom: 60px;
}

@media only screen and (max-width: 768px){
	.pgPolicy .accordion > section {
		width: 90%;
	}
	.pgPolicy .accordion > section section {
		padding: 0 5%;
	}
}


/* ------------------------------------
	News
------------------------------------ */
.pgCsr .newslist {
	width: 1140px;
	margin: 0 auto 100px;
	border-top: 1px solid #E2E2E2;
}
.newslist li {
	width: 100%;
	border-bottom: 1px solid #E2E2E2;
}
.newslist li a {
	padding: 17px 30px 17px 0;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	position: relative;
}
.newslist li a:before {
	content: '\e901';
	font-family: 'haseko';
	font-size: 1.3rem;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.newslist li a.iconBlank:before {
	content: '\e902';
}
.newslist a > span {
	line-height: 1.6;
	vertical-align: middle;
}
.newslist .date {
	width: 100px;
	font-size: 1.6rem;
	font-family: 'Roboto Condensed', sans-serif;
}
.newslist .label {
	width: 100px;
	margin: 0 40px 0 0;
	text-align: center;
}
.newslist .label span {
	width: 100px;
	padding: 0px 0 2px;
	display: inline-block;
	color: #FFF;
	font-size: 1.3rem;
	border-radius: 20px;
}
.newslist .label .labelEnv {background: #009852;}
.newslist .label .labelSocial {background: #00418F;}
.newslist .label .labelNews {background: #E63721;}
.newslist .ttl {
	width: 870px;
}

/*IE*/
@media all and (-ms-high-contrast:none) {
	.newslist .label span {
		padding: 1px 0;
	}
}

@media only screen and (max-width: 768px){
	.newslist li a {
		padding: 17px 30px 17px 0;
		display: block;
	}
	.newslist .date {
		width: 85px;
		display: inline-block;
	}
	.newslist .label {
		margin: 0;
		font-size: 1.3rem;
		display: inline-block;
	}
	.newslist .ttl {
		width: 100%;
		margin: 10px 0 0 0;
		font-size: 1.5rem;
		display: block;
		line-height: 1.4;
		color: #666262;
	}
}

/* ------------------------------------
	archives
------------------------------------ */
.pgarchives main section .secInner {
    padding: 80px 0;
}
.archive_list {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
    position: relative;
}
.archive_list figure {
	width: 212px;
    margin: 0 30px 0 0;
    float: left;
}
.archive_list dl {
	margin: 0;
}
.archive_list dl dt {
	margin: 0 0 20px;
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 1.4;
}
.archive_list dl dd .btnArea {
	display: inline-block;
    text-align: right;
}
.archive_list dl dd .btnArea a {
	font-size: 1.6rem;
    position: absolute;
    right: 0;
    bottom: 30px;
}
.pgarchives .mesBan {
	background: none;
}
.pgarchives .mesBan li a {
	text-align: center;
}
@media only screen and (max-width: 768px){
	.pgarchives main section .secInner {
		padding: 60px 0;
	}
	.archive_list {
		width: 90%;
	}
	.archive_list figure {
		width: 70%;
		float: none;
		margin: 0 auto 30px;
	}
}


.pgInnovation .mesBan {
    background: none;
}
.pgInnovation .mesBan li a {
   text-align: center;
}


/* ------------------------------------
	Opacity Hover
------------------------------------ */
.apMap figure img,
.apMap dl a,
.anchorLink li a,
.iconCircleArrow,
.techBan img,
.newslist li a,
.getAcrobat a,
.pointLink,
.esgTable a,
.pgCommendation section a,
.pgApproach #main section a:not(.basicBtn),
.icon_triangle a {
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

@media only screen and (min-width: 768px) {
	body:not(.tab_view) .apMap dl a:hover,
	body:not(.tab_view) .anchorLink li a:hover,
	body:not(.tab_view) .iconCircleArrow:hover,
	body:not(.tab_view) .newslist li a:hover,
	body:not(.tab_view) .getAcrobat a:hover,
	body:not(.tab_view) .pointLink:hover,
	body:not(.tab_view) .esgTable a:hover,
	body:not(.tab_view) .pgCommendation section a:hover,
	body:not(.tab_view) .icon_triangle a:hover {
		opacity: 0.7;
	}
	.pgApproach #main section a:not(.basicBtn):hover {
		opacity: 0.7;
	}
}

/* ------------------------------------
	clearfix
------------------------------------ */
.twoCol:before,
.twoCol:after,
main:before,
main:after,
.pgCommendation .past ul li:before,
.pgCommendation .past ul li:after {
	content: " ";
	display: table;
}
.twoCol:after,
main:after,
.pgCommendation .past ul li:after {
	clear: both;
}

.cf {
	clear: both;
}

/* ------------------------------------
  /environment/consideration.html
------------------------------------ */

.considerationCase {
	margin-top: 30px;
}
.consideration_balloon {
  position: relative;
  display: table;
  background: #fff;
  border-radius: 15px;
  margin: 0 auto 30px;
  padding: 16px;
  font-weight: bold;
  color: #000;
  border: 1px solid #d5d5d5;
  box-sizing: border-box;
}
/* 吹き出しのしっぽ：本体の背景色用 */
.consideration_balloon:before {
  content: "";
  position: absolute;
  top: -38px;
  left: 27px;
  border: 13px solid transparent;
  border-bottom: 26px solid #fff;
  z-index: 2;
}
/* 吹き出しのしっぽ：枠線の色用 */
.consideration_balloon:after {
  content: "";
  position: absolute;
  top: -42px;
  left: 26px;
  border: 14px solid transparent;
  border-bottom: 28px solid #d5d5d5;
  z-index: 1;
}

/* ------------------------------------
  /hc/csr/future.html 2021
------------------------------------ */
.sdg_txt_andou{
	color: #1fbaed;
	font-weight: bold;
}
.sdg_txt_komatu{
	color: #ea6f8d;
	font-weight: bold;
}
.sdg_txt_inada{
	color: #b865a4;
	font-weight: bold;
}
.sdg_txt_muraki{
	color: #4a95cf;
	font-weight: bold;
}
.sdg_txt_minagawa{
	color: #71b838;
	font-weight: bold;
}
.sdg_txt_itou{
	color: #31b7bb;
	font-weight: bold;
}
.sdg_txt_hirai{
	color: #f5c061;
	font-weight: bold;
}
.mb70_spN{
	margin-bottom: 70px;
}
.pgCsr .borderL.borderColor3.bgwh{
	background-color: #FFF;
}
.esg_Bg_sub{
	background-color: #E2E2E2;
}
.borderL.borderColor1.esg_Bg_sub{
	background-color: #FFF;
	background-image: none;
}

@media only screen and (max-width: 768px) {
	.mb70_spN{
		margin-bottom: 20px;
	}
}
/* ------------------------------------
	climate
------------------------------------ */
.apWrap table td.climate_bg {
	color: #FFF;
	background-color: #008E4D;
	width: 20%;
}
.climate_table td {
	text-align: left;
}
td.textC {
	text-align: center;
}
.climate_table td.wid40 {
	width: 40%;
}
.pgCsr .borderT.env_color{
	color: #008E4D;
}
.pgCsr .borderT.env_color span:before {
	border-top: 1px solid #008E4D;
}
.climate_table th.group {
    border-right: none;
}
.climate_table th.group2 {
    border-left: none;
}
p.indentback{
	text-indent: -1em;
	padding-left: 1em;
  }
  .esgTable th.esg_scope_border{
	border-bottom: none;
}
  .esgTable th.esg_scope_border02{
	border-top: none;
}
.cli_note{
	margin-bottom: 5px;
	font-size: 1.3rem;
	line-height: 1.7;
	text-indent: -1em;
	padding-left: 1em;
}
.apWrap .textInner .cli_note {
  margin-bottom: 5px;
}

@media only screen and (max-width: 768px){
	.apWrap table td.climate_bg {
		width: 30%;
	}
}

/* ------------------------------------
  /hc/csr/product/safety.html 202206
------------------------------------ */
.safety_set {
  display: flex;
  justify-content: center;
}
.safety_set dl {
  width: 30%;
  border: 1px solid #00418F;
  padding: 15px;
}
.safety_set dl.dl1 {
  background: url("/hc/csr/product/img/safety/safety_set1.png") no-repeat center bottom 15px;
  background-size: 150px auto;
  margin-right: 1%;
  margin-bottom: 2%;
}
.safety_set dl.dl2 {
  background: url("/hc/csr/product/img/safety/safety_set2.png") no-repeat center bottom 15px;
  background-size: 100px auto;
  margin-right: 2%;
}
.safety_set dl.dl3 {
  background: url("/hc/csr/product/img/safety/safety_set3.png") no-repeat center bottom 15px;
  background-size: 50px auto;
}
.safety_set dl.dl4 {
  background: url("/hc/csr/product/img/safety/safety_set4.png") no-repeat center bottom 15px;
  background-size: 100px auto;
  margin: 0 2%;
}
.safety_set dl.dl5 {
  background: url("/hc/csr/product/img/safety/safety_set5.png") no-repeat center bottom 15px;
  background-size: 50px auto;
  margin-right: 2%;
  margin-bottom: 2%;
}
.safety_set dl dt {
  font-weight: bold;
  text-align: center;
  font-size: 1.6rem;
  margin-bottom: 10px;
}
.safety_set dl dd {
  padding-bottom: 130px;
}
@media only screen and (max-width: 768px){
  .safety_set {
    display: block;
  }
  .safety_set dl {
    width: 100%;
    border: 1px solid #00418F;
    padding: 15px;
    margin-bottom: 10px;
  }
  .safety_set dl.dl1 {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .safety_set dl.dl2 {
    margin-left: 0;
    margin-bottom: 10px;
  }
  .safety_set dl.dl4 {
    margin: 0 0 10px;
  }
  .safety_set dl.dl4 {
    margin-bottom: 0;
  }
}
.mb0 {
  margin-bottom: 0 !important;
}
.w220 {
  width: 220px;
}
.mb15 {
  margin-bottom: 15px!important;
}
.w980 {
  max-width: 980px;
  margin: 0 auto;
}
.mb55 {
  margin-bottom: 55px;
}

.questionnaireBtn {
	position: relative;
	z-index: 100;
	width: 245px;
	margin-top: 40px;
}
@media only screen and (max-width: 768px){
	.questionnaireBtn {
		width: 100%;
	}
}
.pgReport main a.pdfImage {
	position: relative;
	z-index: 10;
}
.pgReport main a.pdfImage:after {
	content: none;
}
.noWrap {
	white-space: nowrap;
}

/* ------------------------------------------
  /hc/csr/product/consideration.html 20230825
--------------------------------------------- */
.imgbox {
	float: left;
	width: 240px;
	margin-bottom: 40px;
}
.imgbox img {
	width: 100%;
}
.txtbox {
	float: right;
	width: 700px;
}
.twoImg {
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
}
.twoImg figure{
	width: 340px;
  margin: 0 0 20px;
}
@media only screen and (max-width: 768px){
	.imgbox, .txtbox {
		width: 100%;
	}
	.twoImg figure {
    width: 100%;
    margin: 0 0 2%;
	}
}

/* ------------------------------------------
  /hc/csr/governance/philosophy.html 20230825
--------------------------------------------- */
.txt_note {
	display: flex;
}
.txt_note::before {
	content: '（注）';
	float: left;
}
.txt_note .basicOl > li:before {
	font-weight: normal;
}
.flex_box {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 30px;
	margin: 0!important;
}
@media only screen and (max-width: 768px){
	.flex_box {
    flex-direction: column;
    align-items: center;
	}
}
.flex_box .right_box p {
	width: auto;
	margin-bottom: 30px;
}
.flex_box .right_box .caption_txt {
	margin: 10px 0 0;
	display: block;
	font-size: 1.4rem;
	text-align: center;
}
@media only screen and (max-width: 768px){
	.flex_box .right_box .caption_txt {
		margin-top: 2%;
		margin-bottom: 2%;
	}
}
.flex_box .right_box .twoCol figure {
	width: 46%;
	margin: 0;
}
@media only screen and (max-width: 768px){
	.flex_box .right_box .twoCol figure {
		width: 100%;
	}
	.flex_box .right_box .twoCol figure:first-child {
		margin-bottom: 8.5%;
	}
}
.txpl1 {
  padding-left: 1.0em;
  display: inline-block;
}
.txpl2 {
  padding-left: 2em;
  display: inline-block;
}
.txpl3 {
  padding-left: 3em;
  display: inline-block;
}
.txpl4 {
  padding-left: 4em;
  display: inline-block;
}
.txSmall {
  font-size: 90%;
}

/* ------------------------------------------
  202407
--------------------------------------------- */
.pgCsr main > section.odd.noOdd .secInner {
	background: #F4F4F4;
}
.apWrap .floarImg img {
	max-width: 300px;
}
.apWrap .floarImg p {
	width: 640px;
	float: right;
}
.apWrap .floarImg2 img {
	max-width: 240px;
}
.apWrap .floarImg2 p {
	width: 740px;
}
.apWrap .figcaptionOne {
  margin: -10px auto 20px;
  font-size: 1.4rem;
  text-align: center;
  line-height: 1.8;
  width: 100%;
}
.ul_indent li {
  text-indent: -1em;
  padding-left: 1em!important;
}
.ul_indent li::before {
  content: none!important;
}
.pc_flex {
  display: flex;
}
.pc_flex dt {
  white-space: nowrap;
}
.apWrap .threeColCenter {
  flex-wrap: nowrap;
  justify-content: center;
  gap: 2%;
}
.apWrap .threeColCenter figure {
  width: auto;
}
.apWrap .threeColCenter figure img {
  max-height: 201px;
}
@media only screen and (min-width: 768px) {
  .apWrap .threeColCenter figure .sp {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .apWrap .floarImg p {
		width: auto;
		float: none;
	}
	.apWrap .floarImg img {
		width: auto;
		max-width: 90%;
	}
  .apWrap .figcaptionOne {
    margin: 0 auto 2%;
  }
  .pc_flex {
    display: block;
  }
  .apWrap .threeColCenter figure .pc {
    display: none;
  }
  .apWrap .threeColCenter figure img {
    max-height: none;
  }
}

/* ------------------------------------------
  202412
--------------------------------------------- */
.pgCsr.pgEnvironment .apWrap .border {
  border-color: #008e4d;
  display: table;
}
.apWrap .flow_figure dl {
  display: flex;
}
.apWrap .flow_figure dl dt {
  position: relative;
  background: #008e4d;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  padding: 5px;
  text-align: center;
}
.apWrap .flow_figure dl dd {
  width: calc(100% - 150px);
  background: #fff;
  padding: 5px;
  display: flex;
  align-items: center;
}
.apWrap .flow_figure dl + dl {
  margin-top: 40px;
}
.apWrap .flow_figure dl + dl dt::after {
  content: "";
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #008e4d transparent transparent transparent;
  border-width: 20px 50px 0px 50px;
}
.apWrap .table_fixed {
  table-layout: fixed;
}
.pgCsr.pgEnvironment .apWrap .dependence_influence_table tbody th,
.pgCsr.pgEnvironment .apWrap .risks_opportunities_table tbody .bg {
  background-color: #E2E2E2;
  color: #333333;
}
.pgCsr.pgEnvironment .apWrap .dependence_influence_table tbody .bg {
  background-color: #deefe7;
  color: #333333;
  width: 43%;
}

/* ------------------------------------------
  20256
--------------------------------------------- */
.tableNotes {
  text-align: right;
  margin-bottom: 10px;
  color: #C00000;
}

/* ------------------------------------------
  202507
--------------------------------------------- */
.pgCsr .border2 {
	border: 1px solid #00418F;
	padding: 10px 20px;
}
.apWrap .widthAuto video {
	width: auto;
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.w135{
	width: 135px;
}
.pgCsr .border3 {
	border: 1px solid #C61600;
	padding: 10px 20px;
	width: fit-content;
}
.right_box.img {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 16px;
}
.right_box.img .twoCol {
  justify-content: center;
  gap: 20px;
  margin: 0 auto;
}
.right_box.img .twoCol figure {
  width: 35%;
}
@media screen and (max-width: 768px) {
  .right_box.img .twoCol figure {
    width: 100%;
  }
}
.pgCsr .figTextWrapper {
  display: flex;
  align-items: flex-end; 
  gap: 20px; 
}
.pgCsr .figTextWrapper .secLast {
  margin-bottom: 0;
}
.pgCsr .figTextWrapper .imgR2 {
  max-width: 50%;
  margin-left: 40px;
}
.pgCsr .figTextWrapper .imgR2 img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .pgCsr .figTextWrapper {
    display: block;
  }
  .pgCsr .figTextWrapper .imgR2 {
    max-width: 100%;
    margin-left: 0;
    margin-top: 30px;
  }
}
.apWrap .twoCol .smallImage img {
  width: 80%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.apWrap .threeCol.center_twoImages {
  justify-content: center;
}
.apWrap .threeCol .figure_wrap.twoImages {
  width: auto;
}
.apWrap .threeCol .figure_wrap.twoImages .figure {
  display: flex;
  justify-content: center;
  gap: 3%; 
}
.apWrap .threeCol .figure_wrap.twoImages .figure figure {
  width: 32%;
}
.apWrap .twoCol .img-320w img {
  width: 320px;
  height: auto;
  display: block;
  margin: 0 auto;
}
.apWrap .twoCol .center_twoImages {
	display: flex;
	justify-content: center;
	gap: 0px;
  width: 660px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .apWrap .twoCol .center_twoImages {
    flex-direction: column;
    gap: 0px;
    align-items: center; 
  }
}
ul.notes li{
  margin: 2px 15px 0px;
  padding-left: 5px;
  font-size: 14px;
  line-height:2.1;
  position: relative;
}
ul.notes li::before {
  content: "※";
  color: #000;
  position: absolute;
  left: -1.5em;
}
ul.notes li:nth-of-type(1)::before {
  content: "※1"
}
ul.notes li:nth-of-type(2)::before {
  content: "※2"
}
ul.notes li:nth-of-type(3)::before {
  content: "※3"
}
ul.notes li:nth-of-type(4)::before {
  content: "※4"
}
.li_blank {
  display: block;
  margin: 8px 0px 0px 0px;
}
.pgCsr .academy {
  margin-bottom: 20px;
}
.academy li {
  display: flex;
}
.academy>li:before {
  content: '';
  width: 5px;
  height: 5px;
  margin: 1.2rem 10px 0px 0px;
  display: block;
  float: left;
  background: #333;
  border-radius: 50%;
}
.pgCsr .li_year {
  width: 85px;
  display: block;
  text-indent: 0;
}
.pgCsr .li_text {
  width: calc(100% - 85px);
  display: block;
  text-indent: 0;
}
.indent01 {
  margin-left: 1rem;
}
.apWrap .textInner .alR02 {
  text-align: right;
  margin-bottom: 10px;
}
.apWrap .twoCol02 {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
}
.apWrap .twoCol02 figure {
  width: 290px;
  margin: 0 0 20px;
}
.apWrap .twoCol02 figure:nth-child(2n) {
  margin-left: 20px;
  width: 670px;
}
.apWrap .twoCol03 {
  overflow: hidden;
  width: 700px;
}
.apWrap .textInner .gas_text {
  width: 980px;
  margin: 0 auto 20px;
  line-height: 2;
}
.pgCsr .reward {
  margin-bottom: 20px;
}
.reward li {
  display: flex;
}
.reward>li:before {
  content: '';
  width: 5px;
  height: 5px;
  margin: 1.2rem 10px 0px 0px;
  display: block;
  float: left;
  background: #333;
  border-radius: 50%;
}
.pgCsr .li_year {
  width: 85px;
  display: block;
  text-indent: 0;
}
.pgCsr .li_text {
  width: calc(100% - 85px);
  display: block;
  text-indent: 0;
}
.indent02 {
  padding-left: 1.8em;
  margin-bottom: 10px;
}
.indent02 li {
  text-indent: -1em;
  padding-left: 1em;
}
.indent03 {
  padding-left: 0.6em;
  margin-bottom: 10px;
}
.pgCsr .border01 {
  border: 1px solid #E04F00;
  padding: 20px 20px 12px 20px;
  margin-bottom: 20px;
}
.border01 li {
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 8px;
}
#report-image img {
  width: 368px;
  height: auto;
  border: 1px solid #ccc;
}