@charset "utf-8";

@media screen and (max-width: 950px) {


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

ナビ　アクティブ設定

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

/* 第2階層オープン */
header .inner .navWrap #gnav > ul > li#navCsr .subMenu {
	display: block;
}
.csrTop header .inner .navWrap #gnav > ul > li#navCsr .subMenu {
	display: none;
}

/* 第3階層オープン */
.group header .inner .navWrap #gnav > ul > li .subMenu .inner > ul > li.navCsrGroupTop dl dd,
.environment header .inner .navWrap #gnav > ul > li .subMenu .inner > ul > li.navCsrEnvironmentTop dl dd,
.social header .inner .navWrap #gnav > ul > li .subMenu .inner > ul > li.navCsrSupply_chainTop dl dd,
.evaluation header .inner .navWrap #gnav > ul > li .subMenu .inner > ul > li.navCsrEvaluationTop dl dd,
.greenbond header .inner .navWrap #gnav > ul > li .subMenu .inner > ul > li.navCsrGreenbondTop dl dd,
.contribution header .inner .navWrap #gnav > ul > li .subMenu .inner > ul > li.navCsrContribution dl dd,
.human_resources header .inner .navWrap #gnav > ul > li .subMenu .inner > ul > li.navCsrHuman_resourcesTop dl dd,
.other header .inner .navWrap #gnav > ul > li .subMenu .inner > ul > li.navCsrOther dl dd {
	display: block;
}


/* アクティブ */
.csrTop .navCsrTop > a > span,
.message .navCsrMessage p > a > span,
.movie .navCsrMovie p > a > span,
.group .navCsrGroupTop p > a > span,
.materiality .navCsrMateriality > a > span,
.stakeholders .navCsrStakeholders > a > span,
.esg .navCsrEsg > a > span,
.initiative .navCsrInitiative > a > span,
.approach .navCsrApproach > a > span,
.forest .navCsrForest > a > span,
.tcfd .navCsrTCFD > a > span,
.biodiversity .navCsrBiodiversity > a > span,
.water .navCsrWater > a > span,
.management .navCsrManagement > a > span,
.envi_data .navCsrEnv_data > a > span,
.human_rights .navCsrHuman_rights p > a > span,
.safety .navCsrSafety p > a > span,
.supply_chain .navCsrSupply_chain p > a > span,
.survey .navCsrSurvey p > a > span,
.responsibility .navCsrResponsibility p > a > span,
.environment .navCsrEnvironment p > a > span,
.fostering .navCsrFostering p > a > span,
.strategy .navCsrStrategy p > a > span,
.diversity .navCsrDiversity p > a > span,
.workstyle .navCsrWorkstyle > a > span,
.communication .navCsrCommunication > a > span,
.employee .navCsrEmployee > a > span,
.evaluation .navCsrEvaluation > a > span,
.greenbond .navCsrGreenbond > a > span,
.contribution .navCsrContribution p > a > span,
.social .navCsrSocial > a > span,
.gri .navCsrGri > a > span,
.data .navCsrData > a > span {
	border-bottom: 2px solid #e60012;
}


}

@media screen and (max-width: 750px) {

/* -----------------------------------------------------------------------------
	CSRTOP
----------------------------------------------------------------------------- */

/* ttl
---------------------------------------------*/
.csrTop #pageTtl.ttlImg {
	background-image: url(/en/sustainability/img/bg_main.jpg);
}

.csrTop .newsWrap figure.sp {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}
.csrTop .newsType04 .newsHead .more {
	top: 6px;
	left: 4px;
}

/* message
---------------------------------------------*/
.csrTop .message {
	margin-bottom: 0px;
}
.csrTop .message figure {
	overflow: hidden;
}
.csrTop .message figure img {
	width: 150% !important;
	position: relative;
	left: -50%;
}
.csrTop .message .inner .ttlWrap h3 {
	font-size: 1.8rem;
	margin-bottom: 5px;
}
.csrTop .message .inner .btn {
	margin: 0 auto !important;
}

/* case
---------------------------------------------*/
.csrTop #case {
	background: #fff;
	padding: 40px 0;
	margin-bottom: 0 !important;
}



/* -----------------------------------------------------------------------------
	/simサステナビリティ配下/
----------------------------------------------------------------------------- */

	/*共通*/
	.csr #sideNav {
		display: none;
	}

	.csr .pt10 {
		padding-top: 10px!important;
	}
	
	.csr .pt20 {
		padding-top: 20px!important;
	}
	
	.environment #contents .section .inner table td.alignLeft {
		text-align: left;
	}
	
	.csr #contents .maxWidth2100px {
		max-width: 210px;
	}
	
	.csr #contents .maxWidth2100px.spAlignCenter {
		margin-left: auto;
		margin-right: auto;
	}
	
	.csr #contents h3.ttlCenter01 {
		margin-top: 30px;
		line-height: 1.3em;
		background-color: #efefef;
		padding: 0.3em 0.5em 0.45em;
	}
	
	.csr #contents #anc_01 h3.ttlCenter01 {
		margin-top: 0;
	}
	
	.csr .ml0 {
		margin-left: 0!important;
	}
	
	.csr .pt10 {
		padding-top: 10px!important;
	}
	
	.csr .pt20 {
		padding-top: 20px!important;
	}
	
	.csr .pr10 {
		padding-right: 10px!important;
	}
	
	.csr .pr20 {
		padding-right: 20px!important;
	}
	
	.csr .pl10 {
		padding-left: 10px!important;
	}
	
	.csr .pl20 {
		padding-left: 20px!important;
	}
	
	.csr .ml0p5em {
		margin-left: 0.5em;
	}
	
	.csr .ml1em {
		margin-left: 1em;
	}
	
	.csr .spMb20 {
		margin-bottom: 20px!important;
	}
	
	.csr .spW100p {
		width: 100%;
	}
	
	.csr .spW100pImportant {
		width: 100%!important;
	}
	
	.csr #anc_01 .inner, .csr #anc_02 .inner, .csr #anc_03 .inner, .csr #anc_04 .inner, .csr #anc_05 .inner, .csr #anc_06 .inner, .csr #anc_07 .inner, .csr #anc_08 .inner, .csr #anc_09 .inner, .csr #anc_10 .inner, .csr #anc_11 .inner, .csr #anc_12 .inner, .csr #anc_13 .inner, .csr #anc_14 .inner, .csr #anc_15 .inner {
		padding-left: 0!important;
		padding-right: 0!important;
	}
	
	.csr .attention:before {
		content: "*";
	}
	
	.listAst > li:nth-child(1):before {
		content: "*1";
	}
	
	.listAst > li:nth-child(2):before {
		content: "*2";
	}
	
	.listAst > li:nth-child(3):before {
		content: "*3";
	}
	
	.listAst > li:nth-child(4):before {
		content: "*4";
	}
	
	.listAst > li:nth-child(5):before {
		content: "*5";
	}
	
	.listAst > li:nth-child(6):before {
		content: "*6";
	}
	
	.listAst > li:nth-child(7):before {
		content: "*7";
	}
	
	.listAst > li:nth-child(8):before {
		content: "*8";
	}
	
	.listAst > li:nth-child(9):before {
		content: "*9";
	}
	
	.listAst > li:nth-child(10):before {
		content: "*10";
	}
	
	.listAst > li:nth-child(11):before {
		content: "*11";
	}
	
	.listAst > li:nth-child(12):before {
		content: "*12";
	}
	
	.listAst > li:nth-child(13):before {
		content: "*13";
	}
	
	.listAst > li:nth-child(14):before {
		content: "*14";
	}
	
	.listAst > li:nth-child(15):before {
		content: "*15";
	}
	
	.listAst > li:nth-child(16):before {
		content: "*16";
	}
	
	.listAst > li:nth-child(17):before {
		content: "*17";
	}
	
	.listAst > li:nth-child(18):before {
		content: "*18";
	}
	
	.listAst > li:nth-child(19):before {
		content: "*19";
	}
	
	.listAst > li:nth-child(20):before {
		content: "*20";
	}
	
	.listAst > li:nth-child(21):before {
		content: "*21";
	}
	
	.listAst > li:nth-child(22):before {
		content: "*22";
	}
	
	.listAst > li:nth-child(23):before {
		content: "*23";
	}
	
	.listAst > li:nth-child(24):before {
		content: "*24";
	}
	
	.listAst > li:nth-child(25):before {
		content: "*25";
	}
	
	.listAst > li:nth-child(26):before {
		content: "*26";
	}
	
	.listAst > li:nth-child(27):before {
		content: "*27";
	}
	
	.listAst > li:nth-child(28):before {
		content: "*28";
	}
	
	.listAst > li:nth-child(29):before {
		content: "*29";
	}
	
	.listAst > li:nth-child(30):before {
		content: "*30";
	}
	
	.listAst .listDot li {
		font-size: 1rem !important;
		margin-top: 4px;
	}
	
		/*サステナビリティ*/
	.activity #contents #csr_library .inner .reportList li {
		padding: 10px 0;
	}
	
	.activity #contents #csr_library .inner .btn {
		margin: 20px 0;
	}
	
	.activity .reportList .thumb {
		max-width: 100%;
		margin: 30px auto 0;
	}
	
	.activity .reportList ul li {
		border-bottom: none;
	}
	
	.activity.library #contents .section .inner .btn {
		margin: 0 0 40px;
		width: 100%;
	}
	
	.activity.library #contents .section .col2 div {
		height: auto!important;
		margin-bottom: 40px;
	}
	
	.activity .esg span.esg-veryhigh {color:#d5f09f;}
	.activity .esg span.esg-high {color:#dbc6f2;}
	.activity .esg span.esg-moderate {color:#ffc86b;}
	.activity .esg span.esg-low {color:#8ae3e9;}
	.activity .esg table.stripe {font-size: 1.1rem;}
	.activity .esg table.stripe th {padding: 4px; text-align:center;}
	.activity .esg table.stripe td {padding: 4px;}
	
	.activity #contents #initiative .tagE, .activity #contents #initiative .tagS, .activity #contents #initiative .tagG {
		display: inline-block;
		border-radius: 1.2em;
		margin-left: 6px;
		text-align: center;
		width: 1.4em;
		height: 1.4em;
	}
	
	.activity #contents #initiative .tagE {
		background-color: #d5f09f;
	}
	
	.activity #contents #initiative .tagS {
		background-color: #ffc86b;
	}
	
	.activity #contents #initiative .tagG {
		background-color: #ddd;
	}
	
	.activity #contents #initiative .firstChild {
		margin-left: 15px;
	}
	
	.activity #anc_05_06_03 .image {
		margin-bottom: 15px!important;
	}
	
	.csr .pcOnly {
			display: none;
	}
	
	.csr .spOnly {
			display: block;
	}
	
	.csr #contents .section .inner .listAst > li {
		font-size: 1rem;
	}
	
	
	/*サステナビリティトップ*/
	
	#container #sustainabilityTop section .spSimPageNav {
		display: block!important;
	}
	
	#container #sustainabilityTop section .spSimPageNav li {
		margin-bottom: 8px
	}
	
	#container #sustainabilityTop section .spSimPageNav li p {
		margin-bottom: 0;
	}
	
	#container #sustainabilityTop section .spSimPageNav a {
		text-decoration: none;
		font-size: 1.45rem;
		font-weight: 500;
		background: url(/en/common/img/sp/icon_arrow_r.png) no-repeat left center;
		background-size: 6px;
		padding-left: 14px;
		display: block;
		height: auto!important;
		margin-right: 30px;
	}
	
	#container #sustainabilityTop section #simPageNav .sndLvl a {
		text-decoration: none;
		font-size: 1.45rem;
		font-weight: 500;
		background: url(/en/common/img/sp/icon_arrow_r.png) no-repeat left center;
		background-size: 6px;
		padding-left: 14px;
		display: block;
		height: auto!important;
		margin-right: 30px;
	}
	
	#container #sustainabilityTop section #simPageNav ul li {
		margin-bottom: 8px;
	}

	#container #sustainabilityTop section #simPageNav ul li ul.trdLvl {
		margin: 8px 0 10px 0;
		padding-left: 16px;
		display: none;
	}
	
	#container #sustainabilityTop section #simPageNav ul li ul.trdLvl li a {
		display: inline-block;
		margin-right: 30px;
		margin-bottom: 8px;
		font-size: 1.3rem;
		font-weight: 300;
	}
	
	#container #sustainabilityTop section #simPageNav ul li ul.trdLvl li a:last-child {
		margin-right: 0;
	}
	
	#container #sustainabilityTop section #simPageNav ul li p {
		position: relative;
		margin-bottom: 0;
	}
	
	#container #sustainabilityTop section #simPageNav ul li.withToggleBtn p {
		padding-right: 20px;
	}
	
	#container #sustainabilityTop section #simPageNav .toggleBtn {
		display: block;
		position: absolute;
		width: 22px;
		height: 22px;
		border-radius: 50%; /* 丸みの度合い */
		background: #fffffff; /* ボタンの背景色 */
		border: 2px solid #e60012;
		top: 50%;
		right: 0;
		margin-top: -8px;
		cursor: pointer;
	}

	#container #sustainabilityTop section #simPageNav .toggleBtn:before {
		content: "";
		position: absolute;
		top: 8px;
		left: 3px;
		width: 12px;
		height: 2px;
		background: #e60012; /* 十字印の色 */
		transition: all .3s ease-in-out;
	}

	#container #sustainabilityTop section #simPageNav .toggleBtn:after {
		content: "";
		position: absolute;
		top: 8px;
		left: 3px;
		width: 12px;
		height: 2px;
		background: #e60012; /* 十字印の色 */
		transition: all .2s ease-in-out;
	}

	#container #sustainabilityTop section #simPageNav .toggleBtn:before {
		transform: rotate(90deg);
	}
	
	#container #sustainabilityTop section #simPageNav .toggleBtn.active:before {
		transform: rotate(180deg);
	}
	
	#container #sustainabilityTop section #simPageNav .toggleBtn.active:after {
		opacity: 0;
	}
	
	#container #sustainabilityTop #contentsBtmLink li {
		margin-bottom: 12px;
		}
		
	#container #sustainabilityTop #contentsBtmLink .contribution-bnr.btn {
		margin-top: 30px;
		margin-bottom: 60px;
	}
	
	
	
	/*環境*/
	.env_top #contents .section .boxTtl dt {
		text-align: left;
		padding-left: 15px;
		padding-right: 15px;
		font-size: 1.9rem;
	}
	
	.env_top #contents .section .boxTtl dd {
		font-size: 1.6rem;
	}
	
	.env_top #contents .section .boxTtl dd li {
		margin-bottom: 0;
	}
	
	.env_top #contents .section .boxTtl dd li a {
		margin-right: 30px;
		display: inline-block;
		margin-bottom: 5px;
	}
	
	.csr table.csrType01 tr:nth-child(2n+1) td, .csr table.csrType02 tr:nth-child(2n+1) td, .csr table.csrTypeEsg tbody tr:nth-child(2n+1) td, table.stripe tr:nth-child(2n+1) td {
		background: #fafafa;
	}
	
	.csr table.csrTypeEsg tbody a.pdf span {
		padding-right: 11px;
		margin-right: 0;
	}
	
	.csr table.csrTypeEsg tbody td {
		vertical-align: middle;
	}
	
	.topics_env #contents .section .inner li figure.image a.modalIframe {
		display: block;
		position: relative;
	}
	.topics_env #contents .section .inner li figure.image a.modalIframe:before {
		content: "";
		display: block;
		width: 80px;
		height: 80px;
		background: url(../common/img/icon_play.png) no-repeat;
		background-size: 80px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -40px;
		margin-top: -40px;
		-webkit-transition: 0.3s;
		transition: 0.3s;
		z-index: 2;
	}
	
	.csr.water #anc_03_06 div p, .csr.water #anc_03_07 div p, .csr.env_data #anc_04_06 div p, .csr.env_data #anc_04_07 div p,	.csr.env_data #anc_05_02 div p, .csr.env_data #anc_05_04 div p {
		text-align: left!important;
	}
	
	/*社会*/
	.social_top #contents .section .boxTtl dt {
		text-align: left;
		padding-left: 15px;
		padding-right: 15px;
		font-size: 1.9rem;
	}
	
	.social_top #contents .section .boxTtl dd {
		font-size: 1.6rem;
	}
	
	.social_top #contents .section .boxTtl dd li {
		margin-bottom: 0;
	}
	
	.social_top #contents .section .boxTtl dd li a {
		margin-right: 30px;
		display: inline-block;
		margin-bottom: 5px;
	}
	
	.social.supply_chain #contents .section .inner .ttl02.pt10 {
		padding-top: 10px;
	}
	
	.social.supply_chain #contents .gum {
		width: 35%;
		margin-left: calc((100% - 74%) /2)
	}
	
	.social #contents img.spW57px {
		width: 57px;
	}
	
	.social #contents .ttlResult {
		font-size: 1.8rem;
	}
	
	.supply_chain #contents #anc_01_03 {
		margin-bottom: 30px;
	}
	
	
	/*ガバナンス*/
	.governance #contents .section .boxTtl dt {
		text-align: left;
		padding-left: 15px;
		padding-right: 15px;
		font-size: 1.9rem;
	}
	
	.governance #contents .section .boxTtl dd {
		font-size: 1.6rem;
	}
	
	.governance #contents .section .boxTtl dd li {
		margin-bottom: 0;
	}
	
	.governance #contents .section .boxTtl dd li a {
		margin-right: 30px;
		display: inline-block;
		margin-bottom: 5px;
	}

	/*ESG対照表*/
	.guidelines_esg table a:link {
		text-decoration: underline;
	}
	
	.guidelines_esg table a:hover {
		text-decoration: none!important;
	}
	


/* -----------------------------------------------------------------------------
	/sustainability/message/
----------------------------------------------------------------------------- */
.message #pageTtl.ttlImg:before {
	display: none;
}
.message #pageTtl.ttlImg .inner .ttl {
	color: #000;
}
.message #contents .inner {
	padding: 0 !important;
}
.message #contents .inner > p {
	margin-bottom: 0 !important;
}
.message .text {
	padding: 20px 15px 40px;
}
.message .text p {
	font-size: 1.4rem;
}
.message .text p span {
	border-bottom: 1px solid #333;
}
.message .text p + p {
	margin-top: 20px;
}
.message .txtRit img {
	width: 120px !important;
}
	
/* -----------------------------------------------------------------------------
	/sustainability/environment/management/ , /sustainability/environment/eco/
----------------------------------------------------------------------------- */
.environment #contents .section .inner .section {
	margin: 0;
}
.environment #contents .section .inner .section + .section {
	margin: 50px 0 0;
}
.environment #contents .section .inner .btn.print + p {
	margin: 0;
}
.environment #contents .section .inner p {
	margin: 15px 0 0;
}
.environment #contents .section .inner .ttl02{
	margin: 0 0 10px;
	padding: 30px 0 0;
}
.environment #contents .section .inner .ttl01 + .ttl02{
	padding: 0;
}
.environment #contents .section .inner .ttl01 + p,
.environment #contents .section .inner .ttl02 + p{
	margin: 0;
}
.environment #contents .section .inner ol.olDefault {
	margin: 15px 0 0;
}
.environment #contents .section .inner ol.olDefault > li {
	margin-top: 0;
}
.environment #contents .section .inner ol.olDefault > li + li {
	margin-top: 5px;
}
.environment #contents .section .inner ol.olDefault li ol {
	margin-left: 0;
}
.environment #contents .section .inner ol.olDefault li ol li {
	text-indent: -2em;
	margin-left: 2em;
	list-style: none;
}
.environment #contents .section .inner .listAst {
	margin: 15px 0 0;
	font-size: 1.2rem;
}
.environment #contents .section .inner .listAst > li + li {
	margin-top: 0;
}
.environment #contents .section .inner .listNote {
	margin: 15px 0 0;
}
.environment #contents .section .inner .listDot {
	margin: 15px 0 0;
	font-size: 1.4rem;
}
.environment #contents .section .inner sup {
	top: -0.5em;
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
.environment #contents .section .inner .btn.longTxt {
	width: 200px;
	margin-left: auto;
	margin-right: auto;
}
.environment #contents .section .inner table {
	margin-top: 15px;
}
.environment #contents .section .inner .ttl02 + table,
.environment #contents .section .inner .ttl02 + .tableScroll table{
	margin-top: 0;
}
.environment #contents .section .inner table td {
	text-align: center;
}
.environment #contents .section .inner table.type02 th {
	width: 70%;
}
.environment #contents .section .inner table.type02 td {
	width: 30%;
}
.environment #contents .section .inner table.type02 .total {
	background: #777;
	color: #fff;
}
.environment #contents .section .inner table th span.indent {
	display: inline-block;
	text-indent: -2.6em;
	margin-left: 2.6em;
}
.environment #contents .section .inner .imgLeft figcaption {
	line-height: 1.5;
}

/* -----------------------------------------------------------------------------
/sustainability/environment/env_data/
----------------------------------------------------------------------------- */
.env_data .btn {
}
.env_data table th {
    font-size: 13px;
    padding: 10px 16px;
    line-height: 1.4;
}
.env_data table td {
	font-size:13px;
	line-height: 1.4;
	padding: 12px 16px;
	vertical-align: middle;
}
/*.env_data table td sub {
    position: absolute;
    line-height: 1;
}*/
.env_data table th.fLarge {
	font-size:16px;
}
.env_data table th.large {
	padding: 15px 20px;
}
.env_data .tableScroll ul {
	width: 100%;
	margin-top:5px;
	clear: both;
	overflow: hidden;
}
.env_data .tableScroll ul li {
	float:left;
	font-size:12px;
}
.env_data .listDot li.ttl {
    text-indent: 0;
    padding-left: 0;
    margin-bottom: -5px;
}
.env_data .listDot > li.ttl:before {
	display:none;
}
.env_data .listDot + .listDot {
	margin-top:20px;
}
.env_data .listDot + p {
	margin-top:40px;
}
	
/* -----------------------------------------------------------------------------
	/sustainability/supply_chain/
----------------------------------------------------------------------------- */
	.supply_chain .btnBox .btn {
		float: right;
		width: 180px;
	}
	.supply_chain #contents .section .inner p {
		margin-top: 1.8em;
		margin-bottom: 0;
	}
	.supply_chain #contents .section .inner p.mt0 {
		margin-top: 0;
	}
	.supply_chain #contents .section .inner .ttl01 + p {
		margin-top: 0;
	}
	.supply_chain #contents .section .inner .ttl02 {
		clear: both;
	}
	.supply_chain #contents .section .inner img {
		width: 100%;
		height: auto;
	}
	.supply_chain #contents .section .inner .ttl02 {
		margin: 0 0 15px;
		padding: 40px 0 0;
	}
	.supply_chain #contents .section .inner .ttl02 + p {
		margin-top: 0;
	}
		.supply_chain #contents .section .inner ol.olDefault {
		margin: 0;
	}
	.supply_chain #contents .section .inner ol.olDefault ol {
		margin-left: 0;
	}
	.supply_chain #contents .section .inner ol.olDefault ol li {
		text-indent: -2em;
		padding-left: 2em;
		margin-top: 8px;
		list-style: none;
	}
	.supply_chain #contents .section .inner ol.olDefault ol li .listDot > li {
		text-indent: -1em;
		padding-left: 1em;
	}
	.supply_chain #contents .section .inner .attention + .attention {
		margin-top: 0;
	}
	.supply_chain #contents .section .inner .col3,
	.supply_chain #contents .section .inner .col4 {
		margin-top: 1.8em;
	}
	.supply_chain #contents .section .inner .col3 li,
	.supply_chain #contents .section .inner .col4 li {
		height: auto !important;
	}
	.supply_chain #contents .section .inner .imgLeft {
		margin-top: 1.8em;
	}
	.supply_chain #contents .section .inner .imgLeft figure img + img {
		margin-top: 10px;
	}
	.supply_chain #contents .section .inner .imgLeft p {
		margin-top: 0;
	}
	.supply_chain #contents .section .inner .boxBorder {
		margin-top: 30px;
	}
	.supply_chain #contents .section .inner .boxBorder *:first-child {
		padding-top: 0;
		margin-top: 0;
	}
	.supply_chain #contents .section .inner .boxBorder h5 {
		border-top: 1px solid #ccc;
		padding-top: 20px;
		margin-top: 20px;
		margin-bottom: -0.5em;
		font-size: 1.4rem;
	}
	.supply_chain #contents .section .inner .boxBorder h5:first-child {
		border-top: none;
		padding-top: 0;
		margin-top: 0;
	}
	
/* -----------------------------------------------------------------------------
	/sustainability/supply_chain/survey/
----------------------------------------------------------------------------- */
.surveySub .boxBorder {
	margin: 50px 0 10px !important;
}
.surveySub .boxBorder.box01 > ul > li {
	padding: 20px 0;
}
.surveySub .boxBorder.box01 > ul > li:last-child {
	padding-bottom: 0;
}
.surveySub .boxBorder.box01 > ul > li + li {
	border-top: 1px solid #ccc;
}
.surveySub .boxBorder.box01 > ul > li h4 {
	font-weight: 600;
	font-size: 1.5rem;
	margin-bottom: 10px;
}
.surveySub .boxBorder.box01 > ul > li .imgLeft {
	margin-top: 0 !important;
}
.surveySub section .inner .boxBorder.box01 p {
	margin-top: 0 !important;
}
.surveySub .boxBorder.box01 > ul > li ul li {
	height: auto !important;
}

/* -----------------------------------------------------------------------------
	/sustainability/esg/
----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
	/sustainability/topics_con/
----------------------------------------------------------------------------- */
.topics_con .relationList dt {
	font-weight:bold;
    margin-bottom: 10px;
}
.topics_con .relationList dd + dd {
	margin-top:8px;
}
	
	/* -----------------------------------------------------------------------------
	/sustainability/topics_env/
----------------------------------------------------------------------------- */
	.topics_env .btnBox .btn {
		float: right;
		width: 180px;
	}
	.topics_env #contents .section .inner p {
		margin-top: 1.8em;
		margin-bottom: 0;
	}
	.topics_env #contents .section .inner img {
		width: 100%;
		height: auto;
	}
	.topics_env #contents .section .inner .attention + .attention {
		margin-top: 0;
	}
	.topics_env #contents .section .inner .col3,
	.topics_env #contents .section .inner .col4,
	.topics_env #contents .section .inner table {
		margin-top: 1.8em;
	}
	.topics_env #contents .section .inner .col3 li,
	.topics_env #contents .section .inner .col4 li {
		height: auto!important;
	}
	.topics_env #contents .section .inner .imgLeft {
		margin-top: 1.8em;
	}
	.topics_env #contents .section .inner .imgLeft p {
		margin-top: 0;
	}
	.topics_env #contents .section .inner .listAst {
		margin-top: 1.8em;
	}
	.topics_env #contents .section .inner .imgLeft.imgLeft02 figure {
		max-width: 200px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.topics_env video {
		width: 100%;
	}
	
/*-------------------------------------
          stakeholders
-------------------------------------*/


.stakeholders #contents .section .inner .btn {
	width: 100%;
	padding: 10px;
}

/*-------------------------------------
          action_plan
-------------------------------------*/
.action_plan .section .inner {
	padding: 20px 15px 10px !important;
}
.action_plan .btn {
	width: 100%;
	margin-bottom: 0 !important;
}
.action_plan .tabWrap {
	margin-left: -3%;
	width: 106%;
}
.action_plan .tabBox {
	margin-bottom: 20px;
}
.action_plan .tabCont {
	padding-top: 20px;
}
.action_plan .tabList li {
	font-size: 1.2rem;
}
.action_plan .tabIcon {
	margin: 0 -4px;
}
.action_plan .tabIcon li {
	float: left;
	box-sizing: border-box;
	padding: 4px;
}
.action_plan .tabIcon li a {
	display: block;
	text-align: center;
}
.action_plan .tabIcon li img {
	max-width: 100%;
}
.action_plan .tabIcon li p {
	padding-top: 3px;
	margin-bottom: 0 !important;
	line-height: 1.4 !important;
	text-align: center;
	font-size: 1.1rem;
}
.action_plan .tabIcon li.active p {
	color: #e50112;
}

/* tabSdgs */
.action_plan .tabSdgs {
	margin-bottom: 30px;
}
.action_plan .tabSdgs li {
	width: 25%;
}
.action_plan .tabSdgs li img {
	border: 1px solid #ccc;
}
.action_plan .tabSdgs li.active img {
	border: 1px solid #e50112;
}
.action_plan .tabSdgs li:first-child img,
.action_plan .tabSdgs li.active:first-child img {
	border: 1px solid #767676;
}

/* tabGroup */
.action_plan .tabGroup li {
	width: 25%;
}
.action_plan .tabGroup li a {
	position: relative;
}
.action_plan .tabGroup li.active a:after {
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	position: absolute;
	top: 0;
	left: 0;
}
.action_plan .tabGroup li:first-child.active a:after {
	content: none;
}

/* sortList */
.action_plan .sortList {
	min-height: 300px;
	position: relative;
}
.action_plan .sortList #loading {
	position: absolute;
	top: 150px;
	left: 50%;
	width: 30px;
	margin-left: -15px;
	display: none;
}
.action_plan .sortList #loading img {
	width: 30px;
}
.action_plan .sortList #loading.isLoad {
	display: block;
}
.action_plan .sortList li {
	display: none;
	margin-bottom: 20px;
	border-bottom: 1px solid #efefef;
}
.action_plan .sortList li.active {
	display: block;
}
.action_plan table td p {
	margin-bottom: 0 !important;
}
.action_plan table td p + p {
	margin-top: 1em;
}

.action_plan table .sdgs td p {
	position: relative;
	padding-left: 37px;
	text-indent: -0.3em;
}
.action_plan table .sdgs td p:before {
	content: "";
	width: 27px;
	height: 27px;
	display: inline-block;
	background-size: 27px;
	border: 1px solid #ddd;
	position: absolute;
	left: 0;
	top: -2px;
}


	
/* modal*/
.modalWrap {
	display: none;
}
.action_plan .modalInner {
	background: #fff;
	padding: 40px 18px 30px;
}
.action_plan #modal img {
	max-width: 100%;
}
.action_plan #modal h3 {
	margin-bottom: 30px;
	text-align: center;
}
.action_plan #modal h3 img {
	width: 80%;
}
.action_plan #modal p {
	margin-bottom: 25px;
}
.action_plan #modal dl {
	text-align: left;
	font-size: 1.4rem;
	line-height: 1.6;
}
.action_plan .modalInner > dl > dt {
	text-indent: -0.4em;
}
.action_plan .modalInner > dl > dd {
	margin-bottom: 10px;
}
.action_plan .modalInner > dl > dd > dl {
	margin-top: 5px;
	margin-left: 1em;
}
.action_plan .modalInner > dl > dd > dl dt:before {
	content: "・";
}
.action_plan .modalInner > dl > dd > dl dd {
	padding-left: 1em;
}
.action_plan #modal .btn {
	width: 80%;
	margin: 20px auto 20px !important;
}
.action_plan #modal .btn a {
	background: none;
}
.action_plan #modal .btn span:before {
	content: "×";
	color: #fff;
	padding-right: 5px;
}

/*-------------------------------------
          evaluation
-------------------------------------*/
.evaluation #contents .section .inner .ttl02 {
	/*padding-top: 20px;*/
}
.evaluation #contents .section .inner .imgRight {
	margin-bottom: 10px;
}
.evaluation #contents .section .inner .imgRight .image {
	max-width: 370px;
	margin: 0 auto;
	text-align: center;
}
.evaluation .mt50 {
	margin-top: 30px !important;
}

/*.evaluation #contents .section .inner .thumb {
	text-align: center;
}

.evaluation #contents .section .inner .thumb img {
	width: auto;
}

.evaluation #contents .section .inner .thumb .btmLink {
	display: inline-block;
}
*/
.evaluation #contents section .inner .photoList p {
	margin-bottom: 8px !important;
}

.evaluation #contents section .inner .photoList {
	max-width: auto;
}

.evaluation #contents section .inner .photoList li {
	text-align: center;
	margin-bottom: 10px;
}

.evaluation #contents section .inner .photoList li p {
	text-align: center;
}
.evaluation #contents section .inner .photoList figure {
	margin-bottom: 5px;
}
.evaluation #contents section .inner .photoList figure img {
	width: 100%;
	max-width: 370px;
}

/*-------------------------------------
  /contribution/
-------------------------------------*/	
.contribution #contents .section .ttlCenter01 {
	padding-top: 20px;
	clear: both;
}
.contribution .section .btn {
	width: 260px;
	margin: 0 auto;
}

.contribution #contents .section .inner .olDefault {
	margin-left: 0;
}

.contribution #contents .section .inner .listCol3 li {
	text-align: left;
}

.contribution #contents .section .inner .listCol3 li span {
	background: none;
	padding: 0;
}

.contribution #contents .section .inner .reportList ul li:last-child a {
	background: none;
}

.contribution #contents .section .inner .reportList ul.link_right li {
	padding: 0 8px 0 20px;
	border-bottom: none;
}

.contribution #contents .section .inner .reportList ul.link_right li + li {
	margin-top: 12px;
}
.contribution video {
	width: 100%;
	padding: 0;
}


/*----------------------------------------
          iso26000
------------------------------------------*/
.iso26000 #contents .section .inner table.stripe td {
	vertical-align: middle;
	padding: 13px 30px;
}

/*----------------------------------------
          gri
------------------------------------------*/
.gri #contents .section .inner .tableScroll {
	margin-bottom: 20px;
}

.gri #contents .section .inner .tableScroll01 {
	margin-bottom: 0;
}

.gri #contents .section .inner .textList {
	margin: 40px 0 !important;
}

.gri #contents .section .inner h5.ttl02 {
	padding-top: 0px;
}

.gri #contents .section .inner table.stripe td a {
	padding-left: 1em;
	text-indent: -1em;
	display: inline-block;
}

.gri #contents .section .inner table td p {
	padding: 0 0 0 12px;
}

.gri #contents .section .inner table.stripe td a.iconPdf {
	padding: 0;
	text-indent: 0;
	display: inline;
	position: relative;
}

.gri #contents .section .inner table.stripe td p a.iconPdf span:before {
	left: -12px;
	top: 5px;
	content: "";
	position: absolute;
	width: 7px;
	height: 11px;
	margin-right: 7px;
	background: url(../common/img/icon_arrow_r.png) no-repeat left center;
}

.gri #contents .section .inner table.stripe td p a.link::before {
	background: none !important;
}

	
.gri .tabCont {
	padding-top: 0;
}
.gri #contents .section .inner table th:first-child {
	vertical-align: middle;
	text-align: center;
	background: #fff;
}
.gri #contents .section .inner table th.ttl:first-child {
	background: #777;
}
.gri #contents .section .inner table td:last-child {
	vertical-align: middle;
}
.gri #contents .section .inner table th.sttl {
	background: #eee;
	text-align: left;
}
.gri #contents .section .inner h4.noborder {
	border-bottom: none;
	margin-bottom: 0;
}
.gri #contents .section .inner h4.noborder + .anchorList {
	text-align: left;
	margin: 0 0 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #aaa;
}
.gri #contents .section .inner h4.noborder + .anchorList ul {
	margin: 0;
}
	
/*----------------------------------------
          activity
------------------------------------------*/
.activity #contents .section .inner .btn {
	margin: 0 auto 40px;
	width: 240px;
}

.activity #contents .section .inner .reportList .thumb a {
	display: block;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.3;
	background: url(../common/img/icon_arrow_r.png) no-repeat left 4px;
}

.activity #contents .section .inner .reportList .thumb a:before {
	background: none;
}

.activity #contents .section .inner .reportList .thumb a span {
	padding-right: 17px;
	background: url(../common/img/icon_blank02.png) no-repeat right center;
}

.activity #contents .section .inner .reportList .textBox dt {
	float: left;
}

.activity #contents .section .inner .reportList .textBox dd {
	padding: 0 0 15px 9em;
}

.activity #contents .section .inner .reportList .textBox ul {
	margin: 0;
}

.activity #contents .section .inner .reportList .textBox ul li {
	padding: 0;
	border: none;
}

.activity #contents .section .inner .boxBorder {
	margin-bottom: 40px;
}

.activity #contents .section .inner .olDefault {
	margin-left: 0;
}

.activity #contents .section .inner .btnList li {
	margin-bottom: 30px;
}

.materiality #contents .section .modal.icon,
.approach #contents .section .modal.icon,
.activity #contents .section .modal.icon {
	position: relative;
}

.materiality #contents .section .modal.icon:before,
.approach #contents .section .modal.icon:before,
.activity #contents .section .modal.icon:before {
	content: "";
	width: 20px;
	height: 20px;
	background: url(../common/img/icon_zoom02.png) no-repeat center center;
	background-size: 20px;
	position: absolute;
	right: 0;
	bottom: 0;
}

/*----------------------------------------
          human_resources
------------------------------------------*/
/* groupLink
---------------------------------------------*/
.human_resources #groupLink .inner > ul {
}
.human_resources #groupLink .inner > ul > li {
	width: 100%;
	height: auto !important;
	margin: 0 0 20px;
	overflow: hidden;
}
.human_resources #groupLink ul li figure {
	margin-bottom: 14px;
}
.human_resources #groupLink ul li figure img {
	width: 100%;
}
.human_resources #groupLink ul li h4 {
	font-size: 1.8rem;
	font-weight: 500;
	margin-bottom: 10px;
	background: url(../common/img/sp/icon_arrow_r.png) no-repeat left center;
	background-size: 6px;
	padding-left: 13px;
}
.human_resources #groupLink ul li h4.link.blank span {
	padding-right: 17px;
	background: url(../common/img/icon_blank02.png) no-repeat right center;
}
.human_resources #groupLink ul li h4 a {
	background: url(../common/img/sp/icon_arrow_r.png) no-repeat left center;
	background-size: 6px;
	padding-left: 13px;
}


/* activeReview
---------------------------------------------*/
.human_resources .activeReview { margin-top: 20px;}
.human_resources .activeReview [class^="itemBlock0"] { width: 100%; margin-top: 5%; border: 1px solid #ccc;}
.human_resources .activeReview [class^="itemBlock0"]:first-child { margin: 0;}
.human_resources .activeReview [class^="itemBlock0"] > dt { font-size: 1.6rem; text-align: center; padding: 15px; background: #ccc;}
.human_resources .activeReview [class^="itemBlock0"] > dd { padding: 20px;}
.human_resources .activeReview .itemBlock02 > dt { color: #fff; background: #666;}
.human_resources .activeReview .itemBlock02 > dd .ttl03 { margin: 15px 0 10px;}

/* employee
---------------------------------------------*/
.human_resources.employee .inner .imgRight.clr { border-bottom: 1px dotted #aaa; margin-bottom: 1.5em;}



/*----------------------------------------
	/human_resources/strategy/
------------------------------------------*/
/* idealImageArea
---------------------------------------------*/
.strategy .idealImageArea .txtLead { width: 100%; font-size: 1.4rem; font-weight: bold; line-height: 1.4; text-align: center; color: #fff; padding: 5% 3%; background: #e60012;}
.strategy .idealImageArea .idealBlockUnit { width: 100%;}
.strategy .idealImageArea .idealBlock { width: 100%; padding: 5% 3%; border: solid #e60012; border-width: 0 1px 1px;}
.strategy .idealImageArea .idealBlock > dt { font-size: 1.4rem; font-weight: bold; text-align: center; margin-bottom: 3%;}
.strategy .idealImageArea .idealBlock > dd { text-indent: -1em; padding-left: 1em;}
.strategy .idealImageArea .idealBlock > dd::before { content: '・';}

/*----------------------------------------
	/human_resources/diversity/
------------------------------------------*/
.diversity .btn.pdf {
	margin: 0;
	min-height: inherit;
}
.diversity .btn.pdf a {
	display: block;
}
.diversity .btnCenter .btn {
	width: 100%;
	display: block;
	margin: 0 0 10px !important;
}
.diversity table td:first-child {
    border-left: none;
}
.diversity .imgCenter {
	text-align: left;	
}
.diversity .other .pht {
	background: #f8f8f8;
}
.diversity .other .pht img {
	height: auto !important;
}

/*----------------------------------------
	/human_resources/management/
------------------------------------------*/
.management .imgLeft .image figcaption {
	text-align: center;
}

/* workstyle
---------------------------------------------*/

.workstyle #contents .section .inner ol.olDefault ol.modified {
	margin-left: 0;
}
	
.workstyle #contents .section .inner ol.olDefault ol.modified li {
	text-indent: -2.5em;
	padding-left: 2.5em;
	list-style: none;
}

}