@charset "utf-8";

html {
  font-size: 14px;
}

body {
  line-height: 1.7;
}

img:not(.is-mainimg) {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

.clearfix:after{
  content: '';
  display: block;
  clear: both;
}

@media screen and (min-width: 1200px) {
	#global__header--nav_menu .menu .cateTop {
		font-size: 2.1428571428571rem;
	}
	#global__header--nav_menu .menu .menuList > li > a {
		font-size: 1.2857142857143rem;
	}
	#global__header--nav_menu .menu .menuListLinks dt {
		font-size: 1.2857142857143rem;
	}
	#global__header--nav_menu .menu .menuListLinks dd a {
		font-size: 1rem;
	}
}

@media screen and (max-width: 1199px) {
	/*
	#global__header--nav_menu .menu .cateTop.topNone > a::after {
		content: "" !important;
	}
	*/
	#global__header--nav_menu .menu .cateTop {
		font-size: .85714285714rem;
	}
	#global__header--nav_menu .menu .menuList > li > a {
		font-size: .85714285714rem;
	}
	#global__header--nav_menu .menu .menuListLinks dt {
		font-size: .85714285714rem;
	}
	#global__header--nav_menu .menu .menuListLinks dd a {
		font-size: .71428571428rem;
	}
}

@media screen and (min-width: 1200px) {
  #global__header--nav_menu > li > a {
   line-height: 1.5;
   font-size: 1.07rem;
  }
}

@media screen and (max-width: 1199px) {
  #global__header--nav_menu > li > a {
    font-size: 1.0rem;
  }
}

#global__header--nav_ex {
   line-height: 1.5;
  font-size: 0.86rem;
}

@media screen and (min-width: 1200px) {
  #top_global__search > ul {
   line-height: 1.5;
    font-size: 0.85rem;
  }
  #global__header--member > ul {
    line-height: 1.5;
   font-size: 0.85rem;
  }
}

@media screen and (max-width: 1199px) {
  #top_global__search > ul {
    font-size: 0.7rem;
  }
  #global__header--member > ul {
    font-size: 0.7rem;
  }
}

@media screen and (min-width: 1200px) {
  #global__footer--common .linkList {
   line-height: 1.5;
    font-size: 0.85rem;

  }
}

@media screen and (max-width: 1199px) {
  #global__footer--common .linkList {
   line-height: 1.5;
    font-size: 0.85rem;
  }
}

@media screen and (min-width: 768px) {
  .l-contents {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .l-contents {
    margin-bottom: 0;
  }
}


@media screen and (min-width: 1200px) {
  .page-navi-product-menu-title h1 {
   font-size: 2.14rem;
  }
}

@media screen and (max-width: 1199px) {
	.page-navi-product-menu-title h1 {
		font-size: 1.71428571429rem;
	}
	.page-navi-product-menu .btn-menu {
		width: 100px;
		font-size: 1rem;
	}
	.page-navi-product-menu .btn-menu::before {
		font-size: 1.42857142857rem;
	}
}


/*common*/
.imgResponsive img{
	max-width: 100%;
	height: auto;
	width /***/:auto; 
}

.ecoslideWrap {
	text-align: center;
	background-color: #f0f0f0;
}
.ecoslideWrap img {
 	/*width: 100% !important;*/
	/*height: auto !important;*/
	max-height: 470px;
}
@media screen and (max-width: 767px) {
	#global__keyvisual {
		padding-top: 60px;
	}
}

.mtB {
	margin-top: 2%;

}

.iss {display: block;text-align: center;}

.underLink {
	padding: 3% 0;
	background-color: #f9f9f9;
}

.underLink #contents__csr--banner {
	margin-bottom: 0;
	padding-bottom: 0;
}

.common_contents__width{
	max-width: 1200px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}


@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
.imgResponsive img{
	 width:auto !important;
}
.col1 .imgResponsive img{
	 width /***/:auto !important;
}
}

.imgFit img{
	width: 100%;
	height: auto;
}

.paragraph {
	margin-bottom: 3rem !important;
}

.mgbLine {
	margin-bottom: 2rem !important;
}

.pb1em {
	padding-bottom: 1em !important;
}

.pl1em {
	padding-left: 1em !important;
}

@media print {
	.printBr {page-break-before: always !important;}
}


/* SP */
@media only screen and (max-width: 767px) {

}
/* PC */
@media print, screen and (min-width: 768px) {
	.dis__flex{display: flex;}
	.w5em{width: 5em;}
	.w6em{width: 6em;}
	.w7em{width: 7em;}
	.w8em{width: 8em;}
	.w9em{width: 9em;}
	.w10em{width: 10em;}
	.w11em{width: 11em;}
	.w12em{width: 12em;}
	.w13em{width: 13em;}
	.w14em{width: 14em;}
	.w15em{width: 15em;}
}

/* ---------------------------------------
　Navi
--------------------------------------- */

.pnav .pnavlist li {
	display: inline-block;
	margin-right: 2em;
}
.pnav .pnavlist a {
	position: relative;
	padding-left: 15px;
}
.pnav .pnavlist a:before {
	content: '';
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 8px solid #c8c7b8;
	position: absolute;
	left: 0;
	top: 5px;
}

/* ---------------------------------------
　注釈
--------------------------------------- */

/* 本文中※ */
span.mkNote {
	position: relative;
	top: -0.4em;
	margin-left: 2px;
	font-size: 0.85rem;
	color: #dd0000;
	font-weight: normal;
}

/* タイトル中※ */
#contents__csr--inner .ttl__h2 span.mkNote {
	top: -.8em !important;
}

ul.mkNote {
	clear: both;
	margin-top: 1em;
	font-size: 0.9rem;
}

ul.mkNote > li {
	margin-bottom: 5px;
	line-height: 1.2;
}
ul.mkNote li span {
	color: #dd0000;
}


ul.mkNote li:last-child {
	margin-bottom: 0;
}


/* ※  */
.note {
	font-size: inherit;
	padding-left: 1.2em;
	text-indent: -1.2em !important;
}

/* ※1  */
.noteNum1 {
	padding-left: 1.8em;
	text-indent: -1.8em;
}

/* ※10  */
.noteNum2 {
	padding-left: 2.3em;
	text-indent: -2.3em;
}

/* *  */
.notesAst {
	padding-left: 1.0em;
	text-indent: -0.85em;
}

/* ・ */
.notesZenkaku {
	padding-left: 1.0em;
	text-indent: -0.9em;
}

/* ・ */
.notesZenkakuFontFull {
	padding-left: 1.0em;
	text-indent: -1.0em;
}

/* 1．*/
.notesNum {
	padding-left: 1.0em;
	text-indent: -1.2em;
}

/* 10．*/
.notesNum2Keta {
	padding-left: 1.58em;
	text-indent: -1.68em;
}

/* 1)  */
.notesParentNum {
	padding-left: 1.35em;
	text-indent: -1.2em;
}

/* (1)  */
.notesParent2Num {
	padding-left: 1.83em;
	text-indent: -1.50em;
}

/* 10)  */
.notesParentNum2Keta {
	padding-left: 1.98em;
	text-indent: -1.7em;
}

/* (10)  */
.notesParent2Num2Keta {
	padding-left: 2.48em;
	text-indent: -2.0em;
}

/* ※注)  */
.notesParentAtten {
	padding-left: 3em;
	text-indent: -2.7em;
}
/* (注1)  */
.notesParentAttenNum {
	padding-left: 3.0em;
	text-indent: -2.7em;
}

/* なし */
.notesMarkerNone {
	margin-top: 1em !important;
	/*text-indent: -1.34em !important;*/
}

sup.sup {
	font-size: 70%;
	line-height: 0.7em;
	vertical-align: top;
	position: relative;
	top: 0.3em;
}
sub.sub {
	font-size: 70%;
  line-height: 0.7em;
	vertical-align: bottom;
	position: relative;
	top: -0.6em;
}


.mkNote sup.sup {bottom: 0;}
.mkNote sub.sub {top: -0.3em;}
.comp__list.-note sub.sub {top: -0.2em;}


/*  ------------------------------------------------------------------
	汎用 ul
---------------------------------------------------------------------*/

ul.ulType01 li {
	position: relative;
	padding-left: 1.2em;
	margin-bottom: 10px;
}

ul.ulType01 li::before {
	position: absolute;
	top: 0;
	left: 0;
	color: #339966;
	font-weight: bold;
	content: '–';
}

ul.ulType02 li {
	text-indent: -1em;
	padding-left: 1em;
}

ul.ulType02 li::before {
	font-weight: bold;
	content: '・';
}

/*SHARP CSR*/
#contents__csr.csr__contents ul.ulType01 li::before{color: #3cc8e2;}

/*environment*/
#contents__csr.environment__contents ul.ulType01 li::before{color: #339966;}

/*social*/
#contents__csr.social__contents ul.ulType01 li::before{color: #f79646;}

/*governance*/
#contents__csr.governance__contents ul.ulType01 li::before{color: #4f81bd;}

/*support*/
#contents__csr.support__contents ul.ulType01 li::before{color: #a1a1a1;}

ul.ulType01.pbh li {
	margin-bottom: 5px !important;
}

ul.ulType01 li:last-child {
	margin-bottom: 0;
}

ul.ulType01 li span{
	color: #333;
}
ul.ulType01 li .mkNote {
	color: #dd0000;
}


/*  nest <ul>
-----------------------------------*/
ul.ulType01 ul {
	margin-left: 25px;
	padding: 5px 0 3px;
}
ul.ulType01 ul li {
	list-style: circle inside;
	margin-bottom: 10px;
	text-indent: -1.5em;
	padding-left: 1.2em;
}
ul.ulType01 ul li::before {
	content:'';
}

ul.ulType01 ul.fl li {
	float: left;
	margin-right: 25px;
}

ul.ulType01 ul li:last-child {
	margin-bottom: 0;
}

/*  nest <ul><ul>
-----------------------------------*/
ul.ulType01 ul ul li {
	list-style: circle;
}

/*  ブレットがいらない時
-----------------------------------*/
ul.ulType01 li.bulNone {
	list-style: none;
}



/*  ------------------------------------------------------------------
	汎用 ol
---------------------------------------------------------------------*/
ol.olType01 {
	margin-bottom: 1.6em;
	padding-left: 0.5em;
    counter-reset: li1;    /* li のカウンタを 0 にセット */
    list-style: none;
}

ol.olType01.roma {
	list-style-type: lower-alpha;/* ローマ字 */
}
ol.olType01 > li{
	margin-bottom: 0.4em;
	text-indent: -1.0em;
	padding-left: 1.5em;
}
ol.olType01 > li.num:before{
    /*color: #a256b8;*/
    counter-increment: li1;   /* li の数を一つずつ増加 */
    content: counter(li1) ". ";          /* 数を表示 */
}
ol.olType01:last-child,
ol.olType01 li:last-child {
	margin-bottom: 0;
}


/*  nest <ol>
-----------------------------------*/
ol.olType01 ol {
	margin-left: 22px;
	padding: 15px 0 3px;
}
ol.olType01 ol li {
	margin-bottom: 10px;
}

ol.olType01 ol li.numNest{
	list-style: decimal;
}


/*  nest <ul>
-----------------------------------*/
ol.olType01 ul {
	margin-left: 25px;
	padding: 15px 0 3px;
}
ol.olType01 ul li,
ol.olType01.roma ul li{
	list-style: square;
	margin-bottom: 10px;
}
ol.olType01 ul ul li {
	list-style: circle;
}

/*------------------------------*/
ol.olType02 {
	margin-bottom: 1.6em;
	padding-left: 0.5em;
    counter-reset: li2;    /* li のカウンタを 0 にセット */
    list-style: none;
}
ol.olType02 li{
	margin-bottom: 0.4em;
	text-indent: -1.5em;
	padding-left: 1.5em;
}
ol.olType02 > li.num:before{
    /*color: #a256b8;*/
    counter-increment: li2;   /* li の数を一つずつ増加 */
    content: counter(li2) "）";          /* 数を表示 */
}

ol.olType02:last-child,
ol.olType02 li:last-child{
	margin-bottom: 0;
}

/*------------------------------*/
ol.olType03 {
	margin-bottom: 1.6em;
	padding-left: 0.5em;
    counter-reset: li3;    /* li のカウンタを 0 にセット */
    list-style: none;
}
ol.olType03 > li{
	margin-bottom: 0.4em;
	text-indent: -1.3em;
	padding-left: 2em;
}
ol.olType03 > li.num:before{
	display: table-cell;
	width: 1.5em;/*幅*/
	height: 1.5em;/*高さ*/
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	font-size: 0.9em;
	text-align:center;
	vertical-align: middle;	
	counter-increment: li3;   /* li の数を一つずつ増加 */
    content: counter(li3);          /* 数を表示 */
	border: 1px solid #000;
}

/* --------------------------------------------------- *
 *    table__layout
 * --------------------------------------------------- */
	
.table__layout {
	width: 100%;
}

.table__layout .table__layout--ttl {font-size: 1.1rem; text-align: center; margin-bottom: 1rem;}
.table__layout .table__layout--inner {width: 100%;}
.table__layout .table__layout--inner table {width: 100%;}
.table__layout .table__layout--inner .caption {
	font-size: 0.8rem;
	text-align: right;
	padding: 0.5em 0;
}
.table__layout .table__layout--inner table th,
.table__layout .table__layout--inner table td{
	padding: 10px;
	font-weight: normal;
	vertical-align: middle;
}

.table__layout .table__layout--inner table .border-l-none {
	position: relative;
	left: -1px;
	background-color: #fff;
}

.table__layout .table__layout--inner table thead th{
	border-bottom: 2px solid #339966;
	border-top: 2px solid #339966;
	border-left: 1px solid #c7c7c7;
	border-right: 1px solid #c7c7c7;
	background-color: #e6e6e6;
	font-weight: bold;
	text-align: center;
}

.table__layout .table__layout--inner table tfoot th{
	background-color: #f2f2f2;
	text-align: center;
}

.table__layout .table__layout--inner table tfoot td{
	border-bottom: 1px solid #c7c7c7;
	border-top: 1px solid #c7c7c7;
	border-left: 1px solid #c7c7c7;
	border-right: 1px solid #c7c7c7;
	font-weight: bold;
	text-align: center;
}


.table__layout .table__layout--inner table thead th.non {
	background-color: #dadada;
}

.table__layout .table__layout--inner table tbody th {
	border: 1px solid #c7c7c7;
	background-color: #f2f2f2;
}

.table__layout .table__layout--inner table tbody td {
	border: 1px solid #c7c7c7;
}

.table__layout .table__layout--inner table .bg1 {
	font-weight: bold;
}
.table__layout .table__layout--inner table .bg2 {}

/* g_procure */
.g_procure-0 { background-color: #fff    !important;}
.g_procure-1 { background-color: #e2efda !important;}
.g_procure-2 { background-color: #c6e0b4 !important;}
.g_procure-3 { background-color: #a9d08e !important;}
/*
.g_procure-1 a,
.g_procure-2 a,
.g_procure-3 a {
	color: #002cb2 !important;
}
*/

.sdgsTr th { min-width: 30px; padding: 2px !important;}
.sdgsIc { width: 25px;}
.sdgsDot { font-size: 10px;}
.sdgsFrame { background-color: #ffffef; border: 2px solid #a9a6a1; border-radius: 6px; padding: 4%;}

/* SP */
@media only screen and (max-width: 767px) {
	.table__scroll .table__scroll--inner {
		overflow-x: scroll;
	}
	.table__scroll .table__scroll--inner table {
		width: 960px;
	}
	.table__scroll .table__scroll--inner:after {
		/*content: "スクロールします";*/
		display: block;
		width: 100%;
	}
	.table__scroll .table__scroll--inner th,
	.table__scroll .table__scroll--inner td {
	}
	.table__layout .table__layout--inner table tbody td > .icon ul li {
		display: inline-block;
		margin: 1px 2px 1px 0;
	}
	.table__layout .table__layout--inner table tbody td > .icon ul li img {
		width: 30px;
	}
}

/* PC */
@media print, screen and (min-width: 768px) {
	.table__layout .table__layout--inner table tbody td > .icon ul li {
		display: inline-block;
		margin: 1px 2px 1px 0;
	}
	.table__layout .table__layout--inner table tbody td > .icon ul li img {
		width: 40px;
	}
}
.table__layout .table__layout--inner table tbody .head th{
	border-bottom: 2px solid #c7c7c7;
	border-top: 2px solid #c7c7c7;
	border-left: 1px solid #c7c7c7;
	border-right: 1px solid #c7c7c7;
	background-color: #fff;
	font-weight: bold;
}
.table__layout .table__layout--inner table tbody .head td{
	border-bottom: 2px solid #c7c7c7;
	border-top: 2px solid #c7c7c7;
	border-left: 1px solid #c7c7c7;
	border-right: 1px solid #c7c7c7;
	background-color: #fff;
}
.table__layout .table__layout--inner table tbody .tc{
	text-align: center;
}
.table__layout .table__layout--inner table .tr{
	text-align: right;
}
.table__layout .table__layout--inner table tbody .vt{
	vertical-align: top;
}
.table__layout .table__layout--inner table tbody .fwb{
	font-weight: bold;
}
.table__layout .table__layout--inner table tbody .gray{
	background-color: #e6e6e6;
}
.table__layout .table__layout--inner table tbody .indenttd{
	padding-left: 2em;
}

/* マテリアルバランス */
.table__layout .category1 {
	background-color: #ededed !important;
}
.table__layout .category2 {
	background-color: #d3e9f9 !important;
}
.table__layout .category3 {
	background-color: #bf9000 !important;
}
.table__layout .category4 {
	background-color: #facf9e !important;
}
.material__balance--list {
	display: flex;
}
.material__balance--list li {
	margin-right: 2em;
}
.material__balance--list li i {
	display: inline-block;
	width: 30px;
	height: 1em;
	margin-right: 8px;
	background-color: #ccc;
	border: 1px solid #333;
	vertical-align: middle;
}
.material__balance--list li.category1 i {
	border-color: #a6a6a6;
	background-color: #ededed;
}
.material__balance--list li.category2 i {
	border-color: #2f5597;
	background-color: #d3e9f9;
}
.material__balance--list li.category3 i {
	border-color: #bf9000;
	background-color: #bf9000;
}
.material__balance--list li.category4 i {
	border-color: #c55a11;
	background-color: #facf9e;
}
	
/*SHARP CSR*/
#contents__csr.csr__contents{}
#contents__csr.csr__contents .table__layout .table__layout--inner table thead th,
#contents__csr.csr__contents .table__layout .table__layout--inner table tbody th.line
	{border-bottom: 2px solid #3cc8e2;border-top: 2px solid #3cc8e2;}
	
.thTitle01 {border-bottom: 2px solid #db5e87 !important;border-top: 2px solid #db5e87 !important;}
.thTitle02 {border-bottom: 2px solid #2e75b6 !important;border-top: 2px solid #2e75b6 !important;}
.thTitle03 {border-bottom: 2px solid #8d8d8d !important;border-top: 2px solid #8d8d8d !important;}

/*environment*/
#contents__csr.environment__contents {}
#contents__csr.environment__contents .table__layout .table__layout--inner table thead th,
#contents__csr.environment__contents .table__layout .table__layout--inner table tbody th.line
	{border-bottom: 2px solid #339966;border-top: 2px solid #339966;}

/*social*/
#contents__csr.social__contents {}
#contents__csr.social__contents .table__layout .table__layout--inner table thead th,
#contents__csr.social__contents .table__layout .table__layout--inner table tbody th.line
	{border-bottom: 2px solid #f79646;border-top: 2px solid #f79646;}

/*governance*/
#contents__csr.governance__contents {}
#contents__csr.governance__contents .table__layout .table__layout--inner table thead th,
#contents__csr.governance__contents .table__layout .table__layout--inner table tbody th.line
	{border-bottom: 2px solid #4f81bd;border-top: 2px solid #4f81bd;}

/*support*/
#contents__csr.support__contents {}	
#contents__csr.support__contents .table__layout .table__layout--inner table thead th,
#contents__csr.support__contents .table__layout .table__layout--inner table tbody th.line
	{border-bottom: 2px solid #a1a1a1;border-top: 2px solid #a1a1a1;}

/*sdgs*/
.table__layout .table__layout--inner table .border-l-01 {
	border-left: 5px solid #0071c1;
}
.table__layout .table__layout--inner table .border-l-02 {
	border-left: 5px solid #4aacc5;
}
.table__layout .table__layout--inner table .border-l-03 {
	border-left: 5px solid #00af50;
}
.table__layout .table__layout--inner table .border-l-04 {
	border-left: 5px solid #ed7d31;
}
.table__layout .table__layout--inner table .border-l-05 {
	border-left: 5px solid #c0504e;
}


/* --------------------------------------------------- *
 *    tablinknavigation
 * --------------------------------------------------- */

/* SP */
@media only screen and (max-width: 767px) {
	#global__tablinknavigation--wrap {
		display: none;
	}
}/* brPoint SP */

/* PC */
@media print, screen and (min-width: 768px) {
	#global__tablinknavigation--wrap {
		width: 100%;
		background-color: #b3b2a4;
		border-bottom: 15px #716f63 solid;
		box-sizing: border-box;
	}
	#global__keyvisual + #global__tablinknavigation--wrap {
		border-bottom: none;
	}
	#global__tablinknavigation {
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		display: table;
		table-layout: fixed;
		background: #b3b2a4;
		/*border-bottom: #716f63 15px solid;*/
		box-sizing: border-box;
	}
	#global__tablinknavigation > li {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		color: #fff;
		background: #b3b2a4;
		border-left: #fff 2px solid;
		cursor: pointer;
		font-size: 1rem;
		line-height: 1;
	}
	#global__tablinknavigation > li:first-child {
		border-left: none;
	}
	#global__tablinknavigation > li.active {
		background-color: #716f63;
	}
	#global__tablinknavigation > li a {
		display: block;
		padding: 15px 0;
		text-decoration: none;
		color: #fff;
	}
	#global__tablinknavigation > li a > span{
		display: inline-block;
		padding-right: 20px;
	}
	#global__tablinknavigation > li:not(.active) a:hover {
		opacity: 0.5;
		transition: 0.8s;
	}

	#global__tablinknavigation > li a > span:before {
		display: inline-block;
		vertical-align: middle;
		margin-right: 10px;
	}
	#global__tablinknavigation > li a > span:before {
		content: '';
		width: 40px;
		height: 40px;
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 40px 40px;
	}

	#ecoAll #global__tablinknavigation > li:first-child a > span:before {
		background-image: url(/eco/images_global/ic_philosophy.svg);
	}
	#ecoAll #global__tablinknavigation > li:nth-child(2) a > span:before {
		background-image: url(/eco/images_global/ic_sdgs.svg);
	}
	#ecoAll #global__tablinknavigation > li:nth-child(3) a > span:before {
		background-image: url(/eco/images_global/ic_environment.svg);
	}
	#ecoAll #global__tablinknavigation > li:nth-child(4) a > span:before {
		background-image: url(/eco/images_global/ic_social.svg);
	}
	#ecoAll #global__tablinknavigation > li:nth-child(5) a > span:before {
		background-image: url(/eco/images_global/ic_governance.svg);
	}
}/* brPoint PC */

/* --------------------------------------------------- *
 *    local menu
 * --------------------------------------------------- */
#local__navi{padding-bottom: 18px;}
#local__navi #local__navi--inner.non > br{height: 40px;padding: 10px;box-sizing: border-box; display: block;}
#local__navi #local__navi--inner > dl{position: relative;}
#local__navi #local__navi--inner > dl > dt{height: 40px;padding: 10px;box-sizing: border-box;cursor: pointer;display: table;background-color: #716f63;}
#local__navi #local__navi--inner > dl > dt > span{display: table-cell;vertical-align: middle;}
#local__navi #local__navi--inner > dl > dt > span.t{color: #fff;}
#local__navi #local__navi--inner > dl > dt .menu-trigger {display: inline-block;width: 15px;transition: all .4s;box-sizing: border-box;}
#local__navi #local__navi--inner > dl > dt .menu-trigger span {display: inline-block;transition: all .4s;box-sizing: border-box;}
#local__navi #local__navi--inner > dl > dt .menu-trigger {position: relative;width: 15px;height: 11px;}
#local__navi #local__navi--inner > dl > dt .menu-trigger span {position: absolute;left: 0;width: 100%;height: 1px;background-color: #c6c5c1;}
#local__navi #local__navi--inner > dl > dt .menu-trigger span:nth-of-type(1) {top: 0;}
#local__navi #local__navi--inner > dl > dt .menu-trigger span:nth-of-type(2) {top: 5px;}
#local__navi #local__navi--inner > dl > dt .menu-trigger span:nth-of-type(3) {bottom: 0;}
#local__navi #local__navi--inner > dl > dt .menu-trigger.active span:nth-of-type(1) {-webkit-transform: translateY(5px) rotate(-45deg);transform: translateY(5px) rotate(-45deg);}
#local__navi #local__navi--inner > dl > dt .menu-trigger.active span:nth-of-type(2) {opacity: 0;}
#local__navi #local__navi--inner > dl > dt .menu-trigger.active span:nth-of-type(3) {-webkit-transform: translateY(-5px) rotate(45deg);transform: translateY(-5px) rotate(45deg);}	
#local__navi #local__navi--inner > dl > dd{position: absolute;top: 40px;right: 0;display: none;background-color: #716f63;padding: 15px;z-index: 1000;box-sizing: border-box;}
#local__navi #local__navi--inner > dl > dd > ul > li{border-bottom: 1px solid #979588;}
#local__navi #local__navi--inner > dl > dd > ul > li > a{color: #fff;display: block;padding: 10px 5px;text-decoration: none;}
#local__navi #local__navi--inner > dl > dd.activeMenu{display: block;}

/* SP */
@media only screen and (max-width: 767px) {
	#local__navi #local__navi--inner{width: 100%;}
	#local__navi #local__navi--inner > dl{width: 100%;}
	#local__navi #local__navi--inner > dl > dt{width: 100%;}
	#local__navi #local__navi--inner > dl > dt > span.t{width: calc(100% - 15px) !important;}
	#local__navi #local__navi--inner > dl > dt .menu-trigger {text-align: right;}
	#local__navi #local__navi--inner > dl > dd{width: 100%;}
}/* brPoint SP */

/* PC */
@media print, screen and (min-width: 768px) {
	#local__navi #local__navi--inner{float: right;}
	#local__navi #local__navi--inner > dl > dt{width: 210px;}
	#local__navi #local__navi--inner > dl > dt > span.t{width: calc(200px - 15px);}
	#local__navi #local__navi--inner > dl > dd{width: 350px;}

}/* brPoint PC */

/* --------------------------------------------------- *
 *    wrap contents
 * --------------------------------------------------- */
#contents__csr {width: 100%;background: #fff;box-sizing: border-box;font-size: 14px;line-height: 1.7;}
#contents__csr--inner,
.contents__csr--inner,
#contents__csr--specialinner{width: 100%;display: table;table-layout: fixed;}
#contents__csr--inner .contents__csr--inner_item {width: 100%;box-sizing: border-box;}
#contents__csr--inner .contents__csr--inner_item a {text-decoration: underline;}
.contents__csr--inner_item-sentence .indent p {text-indent: 1em;}
.contents__csr--inner_item-sentence .colImg .caption {font-size: 0.8rem;text-align: center;margin-top: 1em; clear: both;}
.contents__csr--inner_item-sentence  .colImg {text-align: center;}

/* 1col */
.contents__csr--inner_item-sentence .col1 {}
.contents__csr--inner_item-sentence .col1 .colTxt {}
.contents__csr--inner_item-sentence .col1 .colImg {}

.colImg > .p {}
.colImg > .p > .pi {}
.colImg > .p > .pi > div {}
.colImg > .p > .pi > div > div {width: 50%; float: left;}

/* SP */
@media only screen and (max-width: 767px) {
	.w6h .colImg { width: 70% !important; margin-left: auto !important; margin-right: auto !important;}
	#contents__csr--inner .contents__csr--inner_item {padding: 0 5%;}
	#contents__csr--inner .contents__csr--inner_item .contents__csr--inner_item-sentence {margin-bottom: 10%;}
	.contents__csr--inner_item-sentence  .colTxt,
	.contents__csr--inner_item-sentence  .colImg,
	.contents__csr--inner_item-sentence  .colTable,
	.contents__csr--inner_item-sentence  .colBlock {margin-top: 5%;}

	.contents__csr--inner_item-sentence  .colTxt:first-child,
	.contents__csr--inner_item-sentence  .colImg:first-child,
	.contents__csr--inner_item-sentence  .colTable:first-child,
	.contents__csr--inner_item-sentence  .colBlock:first-child {margin-top: 0;}
	
	/* 1col */
	.contents__csr--inner_item-sentence .col1 > div:first-child {margin-bottom: 5%;}


	.contents__csr--inner_item-sentence .col12 .colImg .colImgInner > div,
	.contents__csr--inner_item-sentence .col12h .colImg .colImgInner > div,
	.contents__csr--inner_item-sentence .col13 .colImg .colImgInner > div,
	.contents__csr--inner_item-sentence .col14 .colImg .colImgInner > div{
		margin-top: 3%;
	}

	.contents__csr--inner_item-sentence .col12 .colImg .colImgInner > div:first-childs,
	.contents__csr--inner_item-sentence .col12h .colImg .colImgInner > div:first-childs,
	.contents__csr--inner_item-sentence .col13 .colImg .colImgInner > div:first-child,
	.contents__csr--inner_item-sentence .col14 .colImg .colImgInner > div:first-child{
		margin-top: 0;
	}

	/* 2col */
	.contents__csr--inner_item-sentence .col2 {width: 100%;}
	.contents__csr--inner_item-sentence .col2 > div:first-child.colTxt {margin-bottom: 3%;}
	.contents__csr--inner_item-sentence .col2 > div:last-child.colTxt {margin-top: 3%;}
	
}/* brPoint SP */

/* PC */
@media print, screen and (min-width: 768px) {
	#contents__csr--inner,
	.contents__csr--inner,
	#contents__csr--specialinner{max-width: 1200px;margin: 18px auto 0 auto;}
	#contents__csr--inner .contents__csr--inner_item {padding: 0 30px;}
	#contents__csr--inner .contents__csr--inner_item .contents__csr--inner_item-sentence {margin-bottom: 70px;}
	.w6h .colImg { width: 80% !important; margin-left: auto !important; margin-right: auto !important;}
	/* 1col */
	.contents__csr--inner_item-sentence .col1 > div:first-child {margin-bottom: 30px;}

	/* 1col img 50% center */
	.contents__csr--inner_item-sentence .col12 .colImg {position: relative; overflow: hidden;}
	.contents__csr--inner_item-sentence .col12h .colImg {}
	.contents__csr--inner_item-sentence .col12 .colImg .colImgInner{position: relative;left: 50%;float: left;}
	.contents__csr--inner_item-sentence .col12 .colImg .colImgInner > div{max-width: 50%;position: relative;left: -50%;float: left;list-style: none;box-sizing: border-box;}
	.contents__csr--inner_item-sentence .col12 .colImg .colImgInner > div:first-child{padding-right: 2%;}
	.contents__csr--inner_item-sentence .col12 .colImg .colImgInner > div:last-child{padding-left: 2%;}
	
	.contents__csr--inner_item-sentence .col12h .colImg .colImgInner {display: table;width: 100%; table-layout: fixed;}
	.contents__csr--inner_item-sentence .col12h .colImg .colImgInner > div {display:table-cell;width: 50%;}
	.contents__csr--inner_item-sentence .col12h .colImg .colImgInner > div:first-child{padding-right: 3%;}
	.contents__csr--inner_item-sentence .col12h .colImg .colImgInner > div:last-child{padding-left: 3%;}
	
	.contents__csr--inner_item-sentence .col13h .colImg .colImgInner {display: table;width: 100%; table-layout: fixed;}
	.contents__csr--inner_item-sentence .col13h .colImg .colImgInner > div {display:table-cell; width: 100%; padding: 0 1%;}
	
	.contents__csr--inner_item-sentence .col14h .colImg .colImgInner {display: table;width: 100%; table-layout: fixed;}
	.contents__csr--inner_item-sentence .col14h .colImg .colImgInner > div {display:table-cell; width: 23.5%; padding: 0 1%;}

	/* 1col img 25%/33% center */
	.contents__csr--inner_item-sentence .col12s .colImg,
	.contents__csr--inner_item-sentence .col13 .colImg,
	.contents__csr--inner_item-sentence .col14 .colImg{position: relative; overflow: hidden; width: 100%;}
	.contents__csr--inner_item-sentence .col12s .colImg .colImgInner,
	.contents__csr--inner_item-sentence .col13 .colImg .colImgInner,
	.contents__csr--inner_item-sentence .col14 .colImg .colImgInner{position: relative;left: 50%;float: left;}
	.contents__csr--inner_item-sentence .col12s .colImg .colImgInner > div{position: relative;left: -50%;float: left;list-style: none;box-sizing: border-box;}
	.contents__csr--inner_item-sentence .col13 .colImg .colImgInner > div,
	.contents__csr--inner_item-sentence .col14 .colImg .colImgInner > div{width: 23.5%;position: relative;left: -50%;float: left;list-style: none;box-sizing: border-box;}
	.contents__csr--inner_item-sentence .col12s .colImg .colImgInner > div.w6{width: 59.86%;}
	.contents__csr--inner_item-sentence .col12s .colImg .colImgInner > div.w4{width: 40.14%;}
	.contents__csr--inner_item-sentence .col12s .colImg .colImgInner > div:first-child{padding-right: 1%;}
	.contents__csr--inner_item-sentence .col12s .colImg .colImgInner > div:last-child{padding-left: 1%;}
	
	.contents__csr--inner_item-sentence .col13 .colImg .colImgInner > div{max-width: 32%;margin-left: 2%;}
	.contents__csr--inner_item-sentence .col14 .colImg .colImgInner > div{width: 23.5%;margin-left: 2%;}
	.contents__csr--inner_item-sentence .col13 .colImg .colImgInner > div:first-child,
	.contents__csr--inner_item-sentence .col14 .colImg .colImgInner > div:first-child{margin-left: 0;}
	
	.contents__csr--inner_item-sentence .col13_2 .colImg .colImgInner > div{display: inline-block;margin-right: 2%;}
	

	/* 2col */
	.contents__csr--inner_item-sentence .col2 {display: table;width: 100%;table-layout: fixed;}
	.contents__csr--inner_item-sentence .col2 > .colTxt,
	.contents__csr--inner_item-sentence .col2 > .colImg,
	.contents__csr--inner_item-sentence .col2 > .colTable,
	.contents__csr--inner_item-sentence .col2 > .colBlock{display: table-cell;vertical-align: top;}
	.contents__csr--inner_item-sentence .col2 > div:first-child.colTxt {padding-right: 20px;}
	.contents__csr--inner_item-sentence .col2 > div:last-child.colTxt {padding-left: 20px;}
	.contents__csr--inner_item-sentence .col2 > .colImg {display: table-cell;vertical-align: top;}

	/* 2col-txt70% img30% */
	.contents__csr--inner_item-sentence .col20 {}
	.contents__csr--inner_item-sentence .col20 > .colTxt {width: 75%;}
	.contents__csr--inner_item-sentence .col20 > .colImg {width: 25%;}

	/* 2col-txt60% img40% */
	.contents__csr--inner_item-sentence .col21 {}
	.contents__csr--inner_item-sentence .col21 > .colTxt {width: 60%;}
	.contents__csr--inner_item-sentence .col21 > .colImg {width: 40%;}

	/* 2col-txt50% img50% */
	.contents__csr--inner_item-sentence .col22 {}
	.contents__csr--inner_item-sentence .col22 > .colTxt,
	.contents__csr--inner_item-sentence .col22 > .colImg,
	.contents__csr--inner_item-sentence .col22 > .colTable,
	.contents__csr--inner_item-sentence .col22 > .colBlock {width: 50%;}
	.contents__csr--inner_item-sentence .col22 > div:first-child.colBlock {padding-right: 20px;}
	.contents__csr--inner_item-sentence .col22 > div:last-child.colBlock {padding-left: 20px;}

	/* 2col-txt55% img45% */
	.contents__csr--inner_item-sentence .col23 {}
	.contents__csr--inner_item-sentence .col23 > .colTxt {width: 55%;}
	.contents__csr--inner_item-sentence .col23 > .colImg {width: 45%;}
	.contents__csr--inner_item-sentence .col23 > div:first-child.colBlock {padding-right: 5%;}
	.contents__csr--inner_item-sentence .col23 > div:last-child.colBlock {padding-left: 5%;}
	
	
}/* brPoint PC */


/* --------------------------------------------------- *
 *    ttl contents
 * --------------------------------------------------- */
/*#contents__csr--inner .ttl__h1:before,
#contents__csr--inner .ttl__h2:before,
#contents__csr--inner .ttl__h3:before {background-size: cover;content: "";width: 100%;height: 4px; text-align: left;display:block;background-position: top left;background-repeat: no-repeat;} */

#contents__csr--inner .ttl__h1 {font-weight: bold; clear: both;}
#contents__csr--inner .ttl__h1:before {}
#contents__csr--inner .ttl__inner .icon li {display: inline-block;}	
#contents__csr--inner .ttl__inner .icon {text-align: right;}

#contents__csr--inner .ttl__h2 {font-weight: bold;}
#contents__csr--inner .ttl__h2:before {}
#contents__csr--inner .ttl__h2 .ttl__inner {border-bottom: 1px solid #e3e1d4;}
	
#contents__csr--inner .ttl__h3 {font-weight: bold;}
#contents__csr--inner .ttl__h3:before {}
#contents__csr--inner .ttl__h3 .ttl__inner {}
	
#contents__csr--inner .ttl__h4 {font-weight: bold;}
#contents__csr--inner .ttl__h4 .ttl__inner {background-size: 12px 4px;	background-position: center left;background-repeat: no-repeat;}

#contents__csr--inner .ttl__flow--ttl{font-size: 1.1rem; text-align: left; margin-bottom: 1rem;}
#contents__csr--inner .ttl__flow--ttl .ttl:before{content: "■"; color: #b3b2a4;}

#contents__csr--inner .ttl__ineq--ttl{font-size: 1.1rem; text-align: left; margin-bottom: 1rem;}


/*SHARP CSR*/
#contents__csr.csr__contents{}

/* h1 */
#contents__csr.csr__contents .ttl__h1 {border-left: 7px solid #3cc8e2;}
/* h2 */
#contents__csr.csr__contents .ttl__h2 .ttl__inner {border-bottom: 1px solid #3cc8e2;}
/* h4 */
#contents__csr.csr__contents .ttl__h4 .ttl__inner {background-image: url(/eco/images_global/bg_ttl_h4_csr.svg);}


/* 取り組み事例 */
#contents__csr.csr__contents .examples__contents .ttl__examples .ttl {color: #3cc8e2;}

/* Voice */
#contents__csr.csr__contents .voice__contents .ttl__voice .ttl {color: #3cc8e2;}
	
/* boxtype01 */
#contents__csr.csr__contents .boxtype01__contents .box__contents--inner{border: 1px solid #3cc8e2;}
#contents__csr.csr__contents .boxtype01__contents .box__contents--inner.mo__borderColor02{border: 1px solid #ed4c55;}

/* boxtype02 */
#contents__csr.csr__contents .boxtype02__contents .ttl__box:after{background-color: #3cc8e2;}

	
/*environment*/
#contents__csr.environment__contents{}

/* h1 */
#contents__csr.environment__contents .ttl__h1 {border-left: 7px solid #339966;}
/* h2 */
#contents__csr.environment__contents .ttl__h2 .ttl__inner {border-bottom: 1px solid #339966;}
/* h4 */
#contents__csr.environment__contents .ttl__h4 .ttl__inner {background-image: url(/eco/images_global/bg_ttl_h4_environment.svg);}

/* 取り組み事例 */
#contents__csr.environment__contents .examples__contents .ttl__examples .ttl {color: #339966;}

/* Voice */
#contents__csr.environment__contents .voice__contents .ttl__voice .ttl {color: #339966;}
	
/* boxtype01 */
#contents__csr.environment__contents .boxtype01__contents .box__contents--inner{border: 1px solid #339966;}
	
/* boxtype02 */
#contents__csr.environment__contents .boxtype02__contents .ttl__box:after{background-color: #339966;}

/*social*/
#contents__csr.social__contents{}

/* h1 */
#contents__csr.social__contents .ttl__h1 {border-left: 7px solid #f79646;}
/* h2 */
#contents__csr.social__contents .ttl__h2 .ttl__inner {border-bottom: 1px solid #f79646;}
/* h4 */
#contents__csr.social__contents .ttl__h4 .ttl__inner {background-image: url(/eco/images_global/bg_ttl_h4_social.svg);}

/* 取り組み事例 */
#contents__csr.social__contents .examples__contents .ttl__examples .ttl {color: #f79646;}

/* Voice */
#contents__csr.social__contents .voice__contents .ttl__voice .ttl {color: #f79646;}
	
/* boxtype01 */
#contents__csr.social__contents .boxtype01__contents .box__contents--inner{border: 1px solid #f79646;}
	
/* boxtype02 */
#contents__csr.social__contents .boxtype02__contents .ttl__box:after{background-color: #f79646;}

/*governance*/
#contents__csr.governance__contents{}

/* h1 */
#contents__csr.governance__contents .ttl__h1 {border-left: 7px solid #4f81bd;}
/* h2 */
#contents__csr.governance__contents .ttl__h2 .ttl__inner {border-bottom: 1px solid #4f81bd;}
/* h4 */
#contents__csr.governance__contents .ttl__h4 .ttl__inner {background-image: url(/eco/images_global/bg_ttl_h4_governance.svg);}

/* 取り組み事例 */
#contents__csr.governance__contents .examples__contents .ttl__examples .ttl {color: #4f81bd;}

/* Voice */
#contents__csr.governance__contents .voice__contents .ttl__voice .ttl {color: #4f81bd;}
	
/* boxtype01 */
#contents__csr.governance__contents .boxtype01__contents .box__contents--inner{border: 1px solid #4f81bd;}
	
/* boxtype02 */
.boxtype02__contents .ttl__box:after{background-color: #4f81bd;}

/*support*/
#contents__csr.support__contents{}

/* h1 */
#contents__csr.support__contents .ttl__h1 {border-left: 7px solid #a1a1a1;}
/* h2 */
#contents__csr.support__contents .ttl__h2 .ttl__inner {border-bottom: 1px solid #a1a1a1;}
/* h4 */
#contents__csr.support__contents .ttl__h4 .ttl__inner {background-image: url(/eco/images_global/bg_ttl_h4_support.svg);}

/* 取り組み事例 */
#contents__csr.support__contents .examples__contents .ttl__examples .ttl {color: #a1a1a1;}

/* Voice */
#contents__csr.support__contents .voice__contents .ttl__voice .ttl {color: #a1a1a1;}
	
/* boxtype01 */
#contents__csr.support__contents .boxtype01__contents .box__contents--inner{border: 1px solid #a1a1a1;}
	
/* boxtype02 */
#contents__csr.support__contents .boxtype02__contents .ttl__box:after{background-color: #a1a1a1;}

/* SP */
@media only screen and (max-width: 767px) {
	#contents__csr--inner .ttl__h1 {width: 100%;padding: 0 2px;box-sizing: border-box;font-size: 1.4rem;margin-bottom: 5%;}
	#contents__csr--inner .ttl__inner .icon li {width: 20px;}	
	#contents__csr--inner .ttl__inner .icon img {width: 20px;}	
	#contents__csr--inner .ttl__h1 .ttl__inner {border-bottom: 1px solid #e3e1d4;border-top: 4px solid #716F63;margin-left: 2px;padding: 3% 5%; box-sizing: border-box;}

	#contents__csr--inner .ttl__h2 {font-size: 1.3rem;margin-bottom: 3%;}
	#contents__csr--inner .ttl__h2 .ttl__inner {display: table;width: 100%;box-sizing: border-box;padding: 3% 0;}
	#contents__csr--inner .ttl__h2 .ttl__inner .icon,	
	#contents__csr--inner .ttl__h2 .ttl__inner .ttl {display: table-cell;vertical-align: middle;}

	#contents__csr--inner .ttl__h3 {font-size: 1.2rem;margin-bottom: 2%;}
	#contents__csr--inner .ttl__h3 .ttl__inner {padding: 3% 0 0 0;}

	#contents__csr--inner .ttl__h4 {font-size: 1.1rem;margin-bottom: 2%;}
	#contents__csr--inner .ttl__h4 .ttl__inner {padding-left: 20px;}
	
	#contents__csr--inner .ttl__h5 {font-size: 1.1rem;margin-bottom: 1%;}
}/* brPoint SP */

/* PC */
@media print, screen and (min-width: 768px) {
	#contents__csr--inner .ttl__h1 {font-size: 2.0rem;margin-bottom: 70px;}
	#contents__csr--inner .ttl__inner {display: table;width: 100%;}
	#contents__csr--inner .ttl__h1 .ttl__inner {border-bottom: 1px solid #e3e1d4;border-top: 4px solid #716F63;margin-left: 3px;padding-left: 15px; box-sizing: border-box;}

	#contents__csr--inner .ttl__inner .sub,	
	#contents__csr--inner .ttl__inner .icon,	
	#contents__csr--inner .ttl__inner .ttl {display: table-cell;vertical-align: middle;}
	#contents__csr--inner .ttl__inner .icon li {width: 65px;}	
	#contents__csr--inner .ttl__inner .icon img {width: 65px;}	
	#contents__csr--inner .ttl__h1 .ttl__inner {height: 98px;}

	#contents__csr--inner .ttl__h2 {font-size: 1.8rem;margin-bottom: 20px;}
	#contents__csr--inner .ttl__h2 .ttl__inner {height: 88px;}

	#contents__csr--inner .ttl__h3 {font-size: 1.4rem;margin-bottom: 20px;}
	#contents__csr--inner .ttl__h3 .ttl__inner {height: 60px;}

	#contents__csr--inner .ttl__h4 {font-size: 1.1rem;margin-bottom: 20px;}
	#contents__csr--inner .ttl__h4 .ttl__inner {padding-left: 20px;}
	
	#contents__csr--inner .ttl__h5 {font-size: 1.1rem;margin-bottom: 10px;}
}/* brPoint PC */

/* --------------------------------------------------- *
 *    parts
 * --------------------------------------------------- */

/* 関連情報------------------------------- */
.related__information{background-color: #f5f5f5;margin: 2em 0;}
.related__information dl{width: 100%;}
.related__information dd > ul > li {margin-bottom: 5px;}
.related__information dd > ul > li:last-child {margin-bottom: 0;}
.related__information dd > ul > li:before{display: inline-block;content: '＞';margin-right: 5px;}
.related__information dd > ul > li a{color: #002cb2;}

/* SP */
@media only screen and (max-width: 767px) {
	.related__information{padding: 5% 6%;}
	.related__information dt{width: 100%;}
	.related__information dd{width: 100%;}
}/* brPoint SP */

/* PC */
@media print, screen and (min-width: 768px) {
	.related__information{padding: 20px 30px;}
	.related__information dl{display: table;}
	.related__information dt{display: table-cell;width: 9em;}
	.related__information dd{display: table-cell;}
}/* brPoint PC */

/* 取り組み事例------------------------------- */
.examples__contents .ttl__examples{font-weight: bold;font-size: 1.14rem;}
.examples__contents .ttl__examples .sub{}
.examples__contents .ttl__examples .sub > i{font-style: normal; display:inline-block; color: #fff;border-radius: 2em;-webkit-border-radius: 2em;-moz-border-radius: 2em;}

.examples__contents .related__information{ background-color: transparent !important;}

/*SHARP CSR*/
#contents__csr.csr__contents .examples__contents{border: 3px solid #3cc8e2;background-color: #e0f9fe;}
#contents__csr.csr__contents .examples__contents .ttl__examples .sub > i{background-color: #3cc8e2;}
/*environment*/
/* #contents__csr.environment__contents .examples__contents{border: 3px solid #339966;background-color: #daffed;} */
#contents__csr.environment__contents .examples__contents{border: 3px solid #339966;background-color: #fff;}
#contents__csr.environment__contents .examples__contents .ttl__examples .sub > i{background-color: #339966;}
/*social*/
/* #contents__csr.social__contents .examples__contents{border: 3px solid #f79646; background-color: #fff3ea;} */
#contents__csr.social__contents .examples__contents{border: 3px solid #f79646; background-color: #fff;}
#contents__csr.social__contents .examples__contents .ttl__examples .sub > i{background-color: #f79646;}
/*governance*/
#contents__csr.governance__contents .examples__contents{border: 3px solid #4f81bd;background-color: #e1eeff;}
#contents__csr.governance__contents .examples__contents .ttl__examples .sub > i{background-color: #4f81bd;}
/*support*/
#contents__csr.support__contents .examples__contents{border: 3px solid #a1a1a1;background-color: #ececec;}
#contents__csr.support__contents .examples__contents .ttl__examples .sub > i{background-color: #a1a1a1;}


/* SP */
@media only screen and (max-width: 767px) {
	.examples__contents {padding: 0 20px 20px;}
	.examples__contents .ttl__examples{margin-bottom: 5%;padding: 3% 0;}
	.examples__contents .ttl__examples .sub > i{padding: 0.2% 5%;}
}/* brPoint SP */

/* PC */
@media print, screen and (min-width: 768px) {
	.examples__contents {padding: 0 40px 20px;}
	.examples__contents .ttl__examples{margin-bottom: 15px;padding: 20px 0;}
	.examples__contents .ttl__examples .sub{padding-right: 10px;width: 11em;}
	.examples__contents .ttl__examples .sub > i{padding: 2px 30px;box-sizing: border-box;}
}/* brPoint PC */

/* Voice------------------------------- */
.voice__contents .ttl__voice{font-weight: bold;font-size: 1.14rem;}
.voice__contents .ttl__voice .sub{}
.voice__contents .ttl__voice .sub > i{font-style: normal; display:inline-block; color: #fff;border-radius: 2em;-webkit-border-radius: 2em;-moz-border-radius: 2em;}

.examples__contents .related__information{ background-color: transparent !important;}

/*SHARP CSR*/
#contents__csr.csr__contents .voice__contents{border: 3px solid #3cc8e2;background-color: #e0f9fe;}
#contents__csr.csr__contents .voice__contents .ttl__voice .sub > i{background-color: #3cc8e2;}
/*environment*/
#contents__csr.environment__contents .voice__contents{border: 3px solid #339966;background-color: #daffed;}
#contents__csr.environment__contents .voice__contents .ttl__voice .sub > i{background-color: #339966;}
/*social*/
/* #contents__csr.social__contents .voice__contents{border: 3px solid #f79646; background-color: #fff3ea;} */
#contents__csr.social__contents .voice__contents{border: 3px solid #f79646; background-color: #fff;}
#contents__csr.social__contents .voice__contents .ttl__voice .sub > i{background-color: #f79646;}
/*governance*/
#contents__csr.governance__contents .voice__contents{border: 3px solid #4f81bd;background-color: #e1eeff;}
#contents__csr.governance__contents .voice__contents .ttl__voice .sub > i{background-color: #4f81bd;}
/*support*/
#contents__csr.support__contents .voice__contents{border: 3px solid #a1a1a1;background-color: #ececec;}
#contents__csr.support__contents .voice__contents .ttl__voice .sub > i{background-color: #a1a1a1;}


/* SP */
@media only screen and (max-width: 767px) {
	.voice__contents {padding: 0 20px 20px;}
	.voice__contents .ttl__voice{margin-bottom: 5%;padding: 3% 0;}
	.voice__contents .ttl__voice .sub > i{padding: 0.2% 5%;}
 }/*brPoint SP */

/* PC */
@media print, screen and (min-width: 768px) {
	.voice__contents {padding: 0 40px 20px;}
	.voice__contents .ttl__voice{margin-bottom: 15px;padding: 20px 0;}
	.voice__contents .ttl__voice .sub{padding-right: 10px;width: 7em;}
	.voice__contents .ttl__voice .sub > i{padding: 2px 30px;}
}/* brPoint PC */


/* コメント------------------------------- */
.comment__box {
	margin: 0 0 2.5em;
}
.comment__box--item { display: flex; width: 100%; max-width: 1000px; margin: 0 auto 1.2em;}
.comment__box--item dt { flex: none;}
.comment__box--item dd { position: relative; display: flex; align-items: center; background-color: #f6f6f6; border-radius: 8px; padding: 1em;}
.comment__box--item dd::after { content: ''; display: block; position: absolute; top: 40%; height: 16px; width: 16px; background: #f6f6f6;}
.comment__box--item:nth-child(odd) { flex-direction: row-reverse;}
.comment__box--item:nth-child(odd) dd { margin-right: 30px;}
.comment__box--item:nth-child(even) dd { margin-left: 30px;}
.comment__box--item:nth-child(odd) dd::after  { left: 100%; clip-path: polygon(0 0, 0 100%, 100% 50%); border-left: none;}
.comment__box--item:nth-child(even) dd::after { right: 100%; clip-path: polygon(100% 0, 0 50%, 100% 100%); border-right: none;}
/* SP */
@media only screen and (max-width: 767px) {
	.comment__box--item dt { width: 70px;}
	.comment__box--item dd::after { top: 30px;}
	.comment__box--item:nth-child(odd) dd { margin-right: 20px;}
	.comment__box--item:nth-child(even) dd { margin-left: 20px;}
}


/* 包括要素------------------------------- */
/* boxtype01 */
.boxtype01__contents{}
.boxtype01__contents .box__contents--inner{border: 1px solid #f79646;background-color: #f5f5f5;}
.boxtype01__contents .ttl__box{font-weight: bold;font-size: 1.14rem;}

/* boxtype02 */
.boxtype02__contents{text-align: center;}
.boxtype02__contents .box__contents--inner{background-color: #f5f5f5;text-align: left;}
.boxtype02__contents .ttl__box{display: block;font-weight: bold;font-size: 1.14rem;text-align: center;}
.boxtype02__contents .ttl__box .ttl__inner{margin: 0 auto;}


/*SHARP CSR*/
#contents__csr.csr__contents .boxtype02__contents .box__contents--inner{border: 1px solid #3cc8e2;}
/*environment*/
#contents__csr.environment__contents .boxtype02__contents .box__contents--inner{border: 1px solid #339966;}
/*social*/
#contents__csr.social__contents .boxtype02__contents .box__contents--inner{border: 1px solid #f79646;}
/*governance*/
#contents__csr.governance__contents .boxtype02__contents .box__contents--inner{border: 1px solid #4f81bd;}
/*support*/
#contents__csr.support__contents .boxtype02__contents .box__contents--inner{border: 1px solid #a1a1a1;}

/* SP */
@media only screen and (max-width: 767px) {
/* boxtype01 */
	.boxtype01__contents .box__contents--inner{padding: 5%;}
	.boxtype01__contents .ttl__box{padding: 5% 6%;}

/* boxtype02 */
	.boxtype02__contents .box__contents--inner{padding: 5%;}
	.boxtype02__contents .ttl__box .ttl__inner{padding: 2% 0;}
	
}/* brPoint SP */

/* PC */
@media print, screen and (min-width: 768px) {
/* boxtype01 */
	.boxtype01__contents .box__contents--inner{padding: 30px;}
	.boxtype01__contents .ttl__box{padding: 10px 20px 10px 0;}

/* boxtype02 */
	.boxtype02__contents .box__contents--inner{padding: 30px;}
	.boxtype02__contents .ttl__box .ttl__inner{padding: 15px 0;}
	
}/* brPoint PC */


/* --------------------------------------------------- *
 *    コンテンツTOPページ
 * --------------------------------------------------- */
#contents__csr--index {background: #eeeddf;}
#contents__csr--index a {text-decoration: none;color: #000;}
#contents__csr--index #indexList > li {list-style:none;overflow: hidden;box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);}
#contents__csr--index #indexList > li .txt {background-color: #fff;background-image: url(/eco/images_global/ic_index_arrow.svg);background-position: center right;background-repeat: no-repeat;background-size:16px auto;font-size: 1.2rem;}
#contents__csr--index #indexList > li .txt > span{display: block;line-height: 1.0em;font-size: 0.9rem;}
#contents__csr--index #indexList > li > a {display: block;}
#contents__csr--index #indexList > li > a:hover {opacity: 0.5;transition: 0.8s;}

#contents__csr--special {background: #716f63;}
/* #contents__csr--special #specialTtl {font-size: 1.5rem;color: #fff;font-weight: bold;margin-bottom: 1em;padding-left: 1em;} */
#contents__csr--special #specialTtl {font-size: 1.5rem;color: #fff;font-weight: bold;margin-bottom: 0;padding-left: 1em;}
#contents__csr--special a {text-decoration: none;color: #59574c;}
#contents__csr--special #specialList > li {list-style:none;margin: 0 2.6% 0 0;text-align: center;}
#contents__csr--special #specialList > li > a {display: block;color: #fff;}
#contents__csr--special #specialList > li > a:hover {opacity: 0.5;transition: 0.8s;}

/* SP */
@media only screen and (max-width: 767px) {
	#contents__csr--index {padding: 3% 0 5%;}
	#contents__csr--index #indexList {width: 100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;box-sizing: border-box;padding: 0; justify-content: space-between;}
	#contents__csr--index #indexList > li {width: 48.5%; margin-top: 3%;}
	#contents__csr--index #indexList > li .txt {font-size: 1rem; line-height: 1.4; background-size: 10px auto; padding: 5% 5% 5% 3%;}
	#contents__csr--index #indexList > li .txt span {line-height: 1.5; padding-top: 10px;}
	#contents__csr--special {padding: 2% 0;}
	#contents__csr--special {padding: 30px 0;}
	/* #contents__csr--special #specialList > li {margin-top: 3%;} */
	#contents__csr--special #specialList > li {margin-top: 15px; margin-right: auto;margin-left: auto;}
	#contents__csr--special #specialList > li .txt {padding: 1% 0;}
}/* brPoint SP */

/* PC */
@media print, screen and (min-width: 768px) {
	#contents__csr--index {padding: 20px 0;}
	#contents__csr--index #indexList {width: 100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;box-sizing: border-box;padding: 0;}
	#contents__csr--index #indexList > li {width: 31.6%;overflow: hidden;margin: 0 2.6% 30px 0;}
	#contents__csr--index #indexList > li .txt {padding: 10px 20px 10px 10px;}
	#contents__csr--index #indexList > li:nth-child(3n) {margin-right: 0;}
	/* #contents__csr--special {padding: 20px 0;} */
	#contents__csr--special {padding: 40px 0;}
	#contents__csr--special #specialList {width: 100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;box-sizing: border-box;padding: 0;}
	#contents__csr--special #specialList > li {width: 31.6%;overflow: hidden;margin-top: 20px;}
	#contents__csr--special #specialList > li .txt {padding: 10px 0;}
	#contents__csr--special #specialList > li:nth-child(3n) {margin-right: 0;}
}/* brPoint PC */


/* --------------------------------------------------- *
 *   新着情報
 * --------------------------------------------------- */
#contents__csr--news a,
#contents__csr--report a,
#contents__csr--support a ,
#contents__csr--banner a {text-decoration: none;}
#contents__csr--news #newsTtlWrap,
#contents__csr--report #reportTtlWrap,
#contents__csr--support #supportTtlWrap,
#contents__csr--banner #bannerTtlWrap {border-bottom: #c8c7b8 2px solid;position: relative;}
#contents__csr--news #newsTtl,
#contents__csr--report #reportTtl,
#contents__csr--support #supportTtl,
#contents__csr--banner #bannerTtl {font-size: 1.71rem;font-weight: normal;}
#contents__csr--news .listBtn,
#contents__csr--report .listBtn,
#contents__csr--support .listBtn{position: absolute;bottom: 8px;}
#contents__csr--news .listBtn a,
#contents__csr--report .listBtn a,
#contents__csr--support .listBtn a {position: relative;padding-left: 15px;}
#contents__csr--news .listBtn a:before,
#contents__csr--report .listBtn a:before,
#contents__csr--support .listBtn a:before {content: '';border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 8px solid #c8c7b8;position: absolute;left: 0;top: 5px;}
#contents__csr--news #newsList,
#contents__csr--report #reportList,
#contents__csr--support #supportList,
#contents__csr--banner #bannerList {width: 100%;box-sizing: border-box;}
#contents__csr--banner #bannerList > ul{width: 100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;box-sizing: border-box;padding: 0;}
#contents__csr--news #newsList dt,
#contents__csr--report #reportList dt {padding-bottom: 0.5em;display: block;}
#contents__csr--news #newsList dd,
#contents__csr--report #reportList dd {padding-bottom: 0.5em;display: block;}
#contents__csr--support #supportList > ul > li a{background-color: #fbfaf1;display: table;width: 100%;border: 1px solid #dbdacb;padding: 30px 10px 30px 20px;box-sizing: border-box;}	
#contents__csr--support #supportList > ul > li a span{display: table-cell;vertical-align: middle;font-size: 1.3rem;line-height: 1.2em;padding-left: 15px;}	
#contents__csr--support #supportList > ul > li a i{display: table-cell;width: 59px;height: 54px;background-position: center center;background-repeat: no-repeat;background-size: auto;}
#contents__csr--support #supportList > ul > li:nth-child(1) a i{background-image: url(/corporate/eco/images/csr/index/ic_sup_01.svg);}
#contents__csr--support #supportList > ul > li:nth-child(2) a i{background-image: url(/corporate/eco/images/csr/index/ic_sup_02.svg);}
#contents__csr--support #supportList > ul > li:nth-child(3) a i{background-image: url(/corporate/eco/images/csr/index/ic_sup_03.svg);}
#contents__csr--support #supportList > ul > li:nth-child(4) a i{background-image: url(/corporate/eco/images/csr/index/ic_sup_04.svg);}
#contents__csr--news .listBtn a:hover,
#contents__csr--report .listBtn a:hover,
#contents__csr--news #newsList a:hover,
#contents__csr--report #reportList a:hover,
#contents__csr--support #supportList a:hover{opacity: 0.5;transition: 0.8s;}

/* SP */
@media only screen and (max-width: 767px) {
	#contents__csr--top_under {padding-top: 5%;}
	#contents__csr--news,
	#contents__csr--report,
	#contents__csr--support,
	#contents__csr--banner{margin-bottom: 5%;}
	#contents__csr--news #newsTtlWrap,
	#contents__csr--report #reportTtlWrap,
	#contents__csr--support #supportTtlWrap,
	#contents__csr--banner #bannerTtlWrap {margin-bottom: 2%;padding: 0 3%}
	
	#contents__csr--news #newsList,
	#contents__csr--report #reportList,
	#contents__csr--support #supportList,
	#contents__csr--banner #bannerList {padding: 0 3%;overflow: hidden;}
	#contents__csr--news .listBtn,
	#contents__csr--report .listBtn,
	#contents__csr--support .listBtn{right: 3px;}
	#contents__csr--report #reportList > ul > li {margin-bottom: 5%;}
	#contents__csr--banner #bannerList > ul > li {margin-right: 4%;margin-bottom: 4%;width: 48%; text-align: center;}
	#contents__csr--banner #bannerList > ul > li:nth-child(2n){margin-right: 0;}
	#contents__csr--news #newsList dt{padding-top: 10px;}	
	#contents__csr--news #newsList dd{border-bottom: 1px dotted #ccc;padding-bottom: 10px;}	
}/* brPoint SP */

/* PC */
@media print, screen and (min-width: 768px) {
	#contents__csr--top_under {padding-top: 60px;}
	#contents__csr--news,
	#contents__csr--report,
	#contents__csr--support,
	#contents__csr--banner{margin-bottom: 50px;}

	#contents__csr--news #newsTtlWrap,
	#contents__csr--report #reportTtlWrap,
	#contents__csr--support #supportTtlWrap,
	#contents__csr--banner #bannerTtlWrap {margin-bottom: 20px;padding: 0 30px;}
	#contents__csr--news .listBtn{left: 11em;}
	#contents__csr--report .listBtn{left: 18em;}
	#contents__csr--support .listBtn{left: 14em;}

	#contents__csr--news #newsList,
	#contents__csr--report #reportList,
	#contents__csr--support #supportList,
	#contents__csr--banner #bannerList {padding: 0 30px;overflow: hidden;}
	#contents__csr--news #newsList dt,
	#contents__csr--report #reportList dt {width: 180px;float: left;}
	#contents__csr--news #newsList dd,
	#contents__csr--report #reportList dd {width: calc(100% - 180px);float: left ;}
	#contents__csr--news #newsList dt,
	#contents__csr--news #newsList dd{border-top: 1px dotted #ccc; padding: 10px 0;}
	#contents__csr--news #newsList dt:first-child{border-top: none;}
	#contents__csr--news #newsList dd:nth-child(2){border-top: none;}
	
	#contents__csr--news #newsList dt{clear: both;}
	#contents__csr--report #reportList > ul,
	#contents__csr--support #supportList > ul,
	#contents__csr--banner #bannerList > ul{width: 100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;box-sizing: border-box;padding: 0;}
	#contents__csr--report #reportList > ul > li {margin-right: 2%;width: 32%;}
	#contents__csr--support #supportList > ul > li {margin-right: 2%;width: 23.5%;}
	#contents__csr--banner #bannerList > ul > li {margin-right: 4%;margin-bottom: 2%;width: 22%;}
	#contents__csr--report #reportList > ul > li:last-child,
	#contents__csr--support #supportList > ul > li:last-child,
	#contents__csr--banner #bannerList > ul > li:nth-child(4n){margin-right: 0;}
}/* brPoint PC */

/* --------------------------------------------------- *
 *   下層ページインデックス
 * --------------------------------------------------- */

#contents__csr--under {}
#contents__csr--under a {}
#contents__csr--under #indexList,
.contents__csr--under_short .indexList{width: 100%;}
#contents__csr--under #indexList > li{box-sizing: border-box;}
.contents__csr--under_short .indexList > li{list-style:none;display: inline-block;box-sizing: border-box;}
#contents__csr--under #indexList > li .txt,
.contents__csr--under_short .indexList > li .txt{background-color: #fff;background-image:url(../images_global/ic_index_arrow.svg);background-position: right center;background-repeat: no-repeat;background-size: 16px auto;}
.contents__csr--under_short .indexList > li .txt{font-size: 1.0rem;padding: 2% 5%;}
#contents__csr--under #indexList > li .txt{font-size: 1.5rem;padding: 4% 5%;}
#contents__csr--under #indexList > li > a,
.contents__csr--under_short .indexList > li > a{display: block;text-decoration: none;}
#contents__csr--under #indexList > li > a:hover,
.contents__csr--under_short .indexList > li > a:hover{opacity: 0.5;transition: 0.8s;}
/*SHARP CSR*/
#contents__csr.csr__contents #contents__csr--under #indexList > li {border: 2px solid #3cc8e2;}
#contents__csr.csr__contents .contents__csr--under_short .indexList > li {border: 1px solid #3cc8e2;}

/*environment*/
#contents__csr.environment__contents #contents__csr--under #indexList > li{border: 2px solid #339966;}
#contents__csr.environment__contents .contents__csr--under_short .indexList > li{border: 1px solid #339966;}

/*social*/
#contents__csr.social__contents #contents__csr--under #indexList > li{border: 2px solid #f79646;}
#contents__csr.social__contents .contents__csr--under_short .indexList > li{border: 1px solid #f79646;}

/*governance*/
#contents__csr.governance__contents #contents__csr--under #indexList > li{border: 2px solid #4f81bd;}
#contents__csr.governance__contents .contents__csr--under_short .indexList > li{border: 1px solid #4f81bd;}

/*support*/
#contents__csr.support__contents #contents__csr--under #indexList > li{border: 2px solid #a1a1a1;}
#contents__csr.support__contents .contents__csr--under_short .indexList > li{border: 1px solid #a1a1a1;}

/* SP */
@media only screen and (max-width: 767px) {
	#contents__csr--under #indexList > li,
	.contents__csr--under_short .indexList > li{width: 100%;}
}/* brPoint SP */

/* PC */
@media print, screen and (min-width: 768px) {
	#contents__csr--under #indexList > li{margin: 0 4% 5% 0;width: 48%;}
	.contents__csr--under_short .indexList > li{margin: 0 2% 2% 0;width: 32%;}
	#contents__csr--under #indexList > li,
	.contents__csr--under_short .indexList > li{float: left;}	
	#contents__csr--under #indexList > li:nth-child(2n),
	.contents__csr--under_short .indexList > li:nth-child(3n){margin-right: 0;}

}/* brPoint PC */


/* --------------------------------------------------- *
 *   下層タブナビゲーション
 * --------------------------------------------------- */
.underTabNavi {margin: 4em 0;}
.underTabNavi ul li a {
	display: block;
	font-size: 1.2rem;
	color: #b3b2a4;
	text-align: center;
	text-decoration: none;
	padding-bottom: 15px;
	border-bottom: 5px solid #b3b2a4;
}

/*SHARP CSR*/
#contents__csr.csr__contents .underTabNavi ul li.current a,
#contents__csr.csr__contents .underTabNavi ul li a:hover {color: #3cc8e2;border-bottom: 5px solid #3cc8e2;}

/*environment*/
#contents__csr.environment__contents .underTabNavi ul li.current a,
#contents__csr.environment__contents .underTabNavi ul li a:hover {color: #339966;border-bottom: 5px solid #339966;}

/*social*/
#contents__csr.social__contents .underTabNavi ul li.current a,
#contents__csr.social__contents .underTabNavi ul li a:hover {color: #f79646;border-bottom: 5px solid #f79646;}

/*governance*/
#contents__csr.governance__contents .underTabNavi ul li.current a,
#contents__csr.governance__contents .underTabNavi ul li a:hover {color: #4f81bd;border-bottom: 5px solid #4f81bd;}

/*support*/
#contents__csr.support__contents .underTabNavi ul li.current a,
#contents__csr.support__contents .underTabNavi ul li a:hover {color: #a1a1a1;border-bottom: 5px solid #a1a1a1;}
	

/* SP */
@media only screen and (max-width: 767px) {
	.underTabNavi ul li {display: inline-block; margin-right: 5px;}

}/* brPoint SP */

/* PC */
@media print, screen and (min-width: 768px) {
	.underTabNavi ul {display: table;width: 100%;}
	.underTabNavi ul li {display: table-cell;width: 32%;}
	.underTabNavi ul li:nth-child(2) {padding: 0 2%;}
	.underTabNavi.lines {margin-top:-30px;}
	.underTabNavi.lines ul li {display: block;float: left;width: 32%; margin-top: 30px;}
	.underTabNavi.lines ul li:nth-child(3n+2) {padding: 0 2%;}
}/* brPoint PC */



/* --------------------------------------------------- *
 *   下層タブナビゲーション
 * --------------------------------------------------- */
.qa__list{}
.qa__list i{font-style: normal;font-weight: bold;}
.qa__list .ttl__qa .ttl__inner {font-weight: bold; font-size: 1.3rem;border-bottom: 1px solid #ccc;margin-bottom: 10px;}
.qa__list .ttl__inner i.q{display: table-cell; vertical-align: middle; width: 3rem;text-align: center;}
.qa__list .qa {width: 100%; display: table; font-size: 1.3rem;}
.qa__list i.a{width: 3rem;display: table-cell;text-align: center;}
.qa__list .colTxt {display: table-cell;}
/* SP */
@media only screen and (max-width: 767px) {

}/* brPoint SP */

/* PC */
@media print, screen and (min-width: 768px) {
}/* brPoint PC */



/* --------------------------------------------------- *
 *   アイコン
 * --------------------------------------------------- */
 .iconPdf {
	background-image: url(/corporate/eco/images/report/icon_pdf.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 25px;
}
 .iconBlank {
	background-image: url(/corporate/eco/images/report/icon_blank.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 18px 18px;
	padding-right: 30px;
}
 .iconExcel {
	background-image: url(/corporate/eco/images/report/icon_excel.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 25px;
}


/*use ---/eco/social/forests/*/


/* SP */
@media only screen and (max-width: 767px) {
	#forests_box3 > .mapimg {display:  none;}
	#forests_box3 ul{margin:2% 0; padding:0; list-style-type:none; text-align: left;}
	#fb_small1 ul li {margin-bottom: 1%; padding:0 0 0 29px; text-indent:-29px; line-height:1.4; font-size: 90%;}
	#fb_small2 ul li {margin-bottom: 1%;line-height:1.4;}

}/* brPoint SP */

/* PC */
@media print, screen and (min-width: 768px) {
	#forests_box3{margin:0 auto; width:680px; height:800px; position:relative; clear:both;}
	#forests_box3 ul{margin:0; padding:0; list-style-type:none; text-align: left;}
	#fb_small1{position:absolute; top:36px; left:9px; z-index:100;width: 100%;}
	#fb_small1 ul li {padding:0 0 0 29px; text-indent:-29px; line-height:1.4; font-size: 90%;}
	#fb_small2 ul li {line-height:1.4;}
	#fb_small2{position:absolute; top:450px; left:445px; z-index:100;}
}/* brPoint PC */



/*use ---/eco/environment/vision/*/
/* SP */
@media only screen and (max-width: 767px) {
	.visionMainImg {
		position: relative;
		width: 100%;
		margin-bottom: 30px;
	}
	.visionMainImg img {
		width: 100%;
	}
	.visionMainImg img.pi {
		display: none;
		opacity: 0;
	}
	.visionMainImg img.si {
		display: block;
		opacity: 1;
	}
	.visionBox {
		background-color: #f9f9f9;
		padding: 30px 15px 15px;
		margin: 0 -5.5%;
	}
	.vision_item:not(:last-of-type) {
		margin-bottom: 50px;
	}
	.vision_item.vision1 { background-color: #1da6d6;}
	.vision_item.vision2 { background-color: #0dab8d;}
	.vision_item.vision3 { background-color: #f18491;}
	.vision_item_ttl {
		position: relative;
		font-size: 1.2rem;
		font-weight: bold;
		color: #fff;
		padding: 10px 10px 10px 110px;
	}
	.vision_item_ttl::before {
		position: absolute;
		content: '';
		display: block;
		width: 80px;
		height: 80px;
		top: -16px;
		left: 15px;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.vision_item.vision1 .vision_item_ttl::before { background-image: url(/corporate/eco/images/environment/vision/ic_1.png);}
	.vision_item.vision2 .vision_item_ttl::before { background-image: url(/corporate/eco/images/environment/vision/ic_2.png);}
	.vision_item.vision3 .vision_item_ttl::before { background-image: url(/corporate/eco/images/environment/vision/ic_3.png);}
	.vision_item_txt {
		background-color: #fff;
		margin: 0 3px;
		padding: 20px 15px;
	}
	.vision_item_txt p:not(:last-child) {
		padding-bottom: 1.5em;
	}
	.vision_item_txt .st {
		font-size: 1.2rem;
		font-weight: bold;
		text-align: center;
		padding: 0 1em;
	}
	.vision_item.vision1 .vision_item_txt .st { color: #1da6d6;}
	.vision_item.vision2 .vision_item_txt .st { color: #0dab8d;}
	.vision_item.vision3 .vision_item_txt .st { color: #f18491;}
	.vision_item_bottom {
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
	}
	.vision_item_bottom_l {
		font-size: 1.2rem;
		font-weight: bold;
		color: #fff;
		border-radius: 7px;
		text-align: center;
		padding: 5px;
		margin-bottom: 10px;
	}
	.vision_item.vision1 .vision_item_bottom_l { background-color: #0094c8;}
	.vision_item.vision2 .vision_item_bottom_l { background-color: #039176;}
	.vision_item.vision3 .vision_item_bottom_l { background-color: #dc5463;}
	.vision_item_bottom_r {
		padding: 15px;
		background-color: rgba(255,255,255,0.4);
	}
	.vision_item_bottom_r ul li {
		font-size: 1.0rem;
		font-weight: bold;
		padding-left: 32px;
		background-image: url(/corporate/eco/images/environment/vision/ic_check.png);
		background-repeat: no-repeat;
		background-position: left top;
		background-size: 22px 22px;
	}
	.vision_item_bottom_r ul li:not(:last-child) {
		margin-bottom: 10px;
	}
}
/* PC */
@media print, screen and (min-width: 768px) {
	.visionMainImg {
		position: relative;
		width: 100%;
		margin-bottom: 50px;
	}
	.visionMainImg img {
		width: 100%;
	}
	.visionMainImg img.pi {
		display: block;
		opacity: 1;
	}
	.visionMainImg img.si {
		display: none;
		opacity: 0;
	}
	.visionBox {
		background-color: #f9f9f9;
		padding: 30px;
	}
	.vision_item:not(:last-of-type) {
		margin-bottom: 80px;
	}
	.vision_item.vision1 { background-color: #1da6d6;}
	.vision_item.vision2 { background-color: #0dab8d;}
	.vision_item.vision3 { background-color: #f18491;}
	.vision_item_ttl {
		position: relative;
		font-size: 1.7rem;
		font-weight: bold;
		color: #fff;
		padding: 10px 10px 10px 170px;
	}
	.vision_item_ttl::before {
		position: absolute;
		content: '';
		display: block;
		width: 122px;
		height: 122px;
		top: -32px;
		left: 30px;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.vision_item.vision1 .vision_item_ttl::before { background-image: url(/corporate/eco/images/environment/vision/ic_1.png);}
	.vision_item.vision2 .vision_item_ttl::before { background-image: url(/corporate/eco/images/environment/vision/ic_2.png);}
	.vision_item.vision3 .vision_item_ttl::before { background-image: url(/corporate/eco/images/environment/vision/ic_3.png);}
	.vision_item_txt {
		background-color: #fff;
		margin: 0 3px;
		padding: 40px 50px 30px;
	}
	.vision_item_txt p:not(:last-child) {
		padding-bottom: 1.8em;
	}
	.vision_item_txt .st {
		font-size: 1.3rem;
		font-weight: bold;
		text-align: center;
		padding: 0 1em;
	}
	.vision_item.vision1 .vision_item_txt .st { color: #1da6d6;}
	.vision_item.vision2 .vision_item_txt .st { color: #0dab8d;}
	.vision_item.vision3 .vision_item_txt .st { color: #f18491;}
	.vision_item_bottom {
		display: table;
		width: 100%;
		border-collapse: separate;
		border-spacing: 15px 15px;
		box-sizing: border-box;
	}
	.vision_item_bottom_l {
		display: table-cell;
		width: 165px;
		font-size: 1.5rem;
		font-weight: bold;
		color: #fff;
		border-radius: 7px;
		text-align: center;
		vertical-align: middle;
	}
	.vision_item.vision1 .vision_item_bottom_l { background-color: #0094c8;}
	.vision_item.vision2 .vision_item_bottom_l { background-color: #039176;}
	.vision_item.vision3 .vision_item_bottom_l { background-color: #dc5463;}
	.vision_item_bottom_r {
		display: table-cell;
		padding: 15px 25px;
		background-color: rgba(255,255,255,0.4);
	}
	.vision_item_bottom_r ul li {
		font-size: 1.2rem;
		font-weight: bold;
		padding-left: 40px;
		background-image: url(/corporate/eco/images/environment/vision/ic_check.png);
		background-repeat: no-repeat;
		background-position: left top;
		background-size: 27px 27px;
	}
	.vision_item_bottom_r ul li:not(:last-child) {
		margin-bottom: 10px;
	}
}

/*  ------------------------------------------------------------------
	management
---------------------------------------------------------------------*/
.fsTtl {
	font-size: 1.25rem;
}
.fsTxt {
	font-size: 1.1rem;
}
.dlLs dt {
	display: inline-block;
	color: #fff;
	padding: 2px 20px;
	margin-bottom: .5em;
	border-radius: 2em;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
}
.dlLs dt .mkNote {
	color: #fff;
}
.dlLs .cor1 { background-color: #db5e87;}
.dlLs .cor2 { background-color: #2e75b6;}
.dlLs .cor3 { background-color: #38a044;}
.dlLs .cor4 { background-color: #bba427;}
.dlLs dt:not(:first-of-type) {
	margin-top: 1em;
}
.dlLs dd {
}
.innDl {
	display: flex;
	border: 1px solid;
}
.innDl:not(:first-of-type) {
	margin-top: 1em;
}
.innDl.type1 { border-color: #0071c1;} .innDl.type1 dt { background-color: #0071c1;}
.innDl.type2 { border-color: #4aacc5;} .innDl.type2 dt { background-color: #4aacc5;}
.innDl.type3 { border-color: #00af50;} .innDl.type3 dt { background-color: #00af50;}
.innDl.type4 { border-color: #ed7d31;} .innDl.type4 dt { background-color: #ed7d31;}
.innDl.type5 { border-color: #c0504e;} .innDl.type5 dt { background-color: #c0504e;}
.innDl dt {
	flex: none;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 12em;
	color: #fff;
	padding: .75em;
}
.innDl dd {
	display: flex;
	align-items: center;
	padding: .75em;
}

/*  ------------------------------------------------------------------
	anc__menu
---------------------------------------------------------------------*/
.anc__menu {
	width: 100%;
	margin: 5px 0 15px;
	box-sizing: border-box;
}
.anc__menu ul {
	letter-spacing: -.4em;
	text-align: center;
}
.anc__menu ul li {
	position: relative;
	display: inline-block;
	letter-spacing: normal;
}
.anc__menu ul li a {
	position: relative;
	display: inline-block;
	color: #333;
	text-decoration: none;
	padding: 8px 35px 8px 15px;
	border: 1px solid #e3e1d4;
}
.anc__menu ul li a::after {
	position: absolute;
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	border-right: solid 2px #333;
	border-bottom: solid 2px #333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 12px;
	margin-top: -6px;
}
/* clone-nav */
.clone-nav.anc__menu {
	position: fixed;
	left: 0;
	transition: .3s;
	transform: translateY(-100%);
	background-color: #716f63;
	margin: 0;
}
.is-show {
	transform: translateY(0) !important;
}
.clone-nav.anc__menu ul li a {
	color: #fff;
	padding: 0 35px 0 0;
	border: none;
}
.clone-nav.anc__menu ul li a::after {
	border-right: solid 2px #fff;
	border-bottom: solid 2px #fff;
}
/* SP */
@media only screen and (max-width: 767px) {
	.anc__menu {
		display: none;
		opacity: 0;
		z-index: -10000;
		padding: 0 15px;
	}
	.anc__menu ul li a {
		font-size: .9rem;
	}
	.anc__menu ul li {
		margin: 0 0 10px 10px;
	}
	.clone-nav.anc__menu {
		padding: 15px 5px 5px;
	}
}
/* PC */
@media print, screen and (min-width: 768px) {
	.anc__menu ul li {
		margin: 0 0 15px 15px;
	}
	.clone-nav.anc__menu {
		padding: 20px 0 5px;
	}
}
@media print {
	.clone-nav {
		display: none;
	}
}

/*  ------------------------------------------------------------------
	sdgs
---------------------------------------------------------------------*/
.sdgs__contents {
	padding: 0 40px 20px;
	border: 3px solid #ba9cc5;
}
.sdgs__contents .ttl__sdgs {
	font-weight: bold;
	font-size: 1.14rem;
}
.sdgs__contents .ttl__sdgs .sub > i {
	font-style: normal;
	display: inline-block;
	color: #fff;
	background-color: #3c1053;
	border-radius: 2em;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
}

.sdgs__contents .ttl__sdgs .ttl {
	color: #2f5597;
	margin-bottom: 15px;
}
.sdgs__contents .ttl__sdgs .ttl .s {
	font-size: 85%;
}
.sdgs__contents .sdgsIcon {
	margin: 0 0 1em;
	letter-spacing: -.4em;
}
.sdgs__contents .sdgsIcon li {
	display: inline-block;
	letter-spacing: normal;
	margin: 0 5px 5px 0;
}
.sdgs__contents .sdgsIcon li img {
	width: 50px;
}
.sdgs__contents .sdgsThumb {
	display: flex;
	flex: none;
}
.sdgs__contents .sdgsThumb li {
}

/* SP */
@media only screen and (max-width: 767px) {
	.sdgs__contents {
		margin-top: 5%;
		padding: 0 20px 20px;
	}
	.sdgs__contents .ttl__sdgs { 
		margin-bottom: 5%;
		padding: 3% 0;
	}
	.sdgs__contents .ttl__sdgs .sub > i {
		padding: 0.2% 5%;
	}
	.sdgs__contents .sdgsIcon li.wNon img {
		width: 250px;
		max-width: 100%;
	}
	.sdgs__contents .sdgsThumb img {
		width: 110px;
	}
}

/* PC */
@media print, screen and (min-width: 768px) {
	.sdgs__contents {
		margin-top: 3em;
	}
	.sdgs__contents .ttl__sdgs {
		padding: 20px 0 0;
	}
	.sdgs__contents .ttl__sdgs .sub{
		margin-bottom: 10px;
		padding-right: 10px;
		display: block!important;
	}
	.sdgs__contents .ttl__sdgs .sub > i{
		padding: 10px 30px;
		box-sizing: border-box;
	}
	.sdgs__contents .sdgsIcon li.wNon img {
		width: 300px;
	}
	.sdgs__contents .sdgsTtl {
		display: flex;
		justify-content: space-between
	}
	.sdgs__contents .sdgsThumb {
		padding-left: 15px;
	}
	.sdgs__contents .sdgsThumb img {
		width: 150px;
	}
}

#global__footer {
	width: 100%;
	color: #fff;
}
#global__footer a {
	color: #fff;
	text-decoration: none;
}
#global__footer .bnrlist1_li a {
	background: #fff;
}
#global__footer--common {
	background: #403d33;
}
#global__footer #global__footer--common .lnikList {
	letter-spacing: -0.4em;
	margin-bottom: 2em;
}
#global__footer #global__footer--common .lnikList li {
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
	margin-right: 30px;
}

/* SP */
@media only screen and (max-width: 767px) {
/* このページのTOPへ */
.pagetop {
	margin: 0;
	padding: 2em 3.3% 2em 0;
}
#global__footer #global__footer--product,
#global__footer #global__footer--category {
}
#global__footer #global__footer--common {
	padding: 3.3% 3.3% 6.6%;
}
#global__footer #global__footer--common .lnikList {
	text-align: center;
}
#global__footer #global__footer--common .lnikList li {
	margin-left: 15px;
	margin-right: 15px;
}
#global__footer .footer_copyright {
	text-align: center;
}
	#global__footer--category {
		margin-bottom: 0;
	}
	#global__footer .cateList {
		text-align: center;
		border-bottom: 1px solid #6f6e6a;
		padding: 8px 0;
	}
	#global__footer .cateList dt {
		font-size: 1.57142857143rem;
		margin-bottom: 3px;
	}
	#global__footer .cateList dd {
		font-size: 1.14285714286rem;
		line-height: 1.2;
	}
	#global__footer .cateList dd a {
		display: block;
		padding: 6px 10px;
	}
}
/* PC */
@media print, screen and (min-width: 768px) {
#global__footer {
	line-height: 1.5;
	width: 100%;
	padding: 0 0 30px 0;
}
#global__footer--product,
#global__footer--category,
#global__footer--common {
	width: 100%;
	font-size: 1.0rem;
}
#global__footer--product {
	background: #716f63;
}
#global__footer--category {
	background: #59574b;
	margin-bottom: 0;
}
#global__footer--common {
	padding-bottom: 20px;
}
#global__footer--product > div > ul,
#global__footer--category > div > ul,
#global__footer--category > div > div > ul,
#global__footer--common > div > ul {
	width: 100%;
	padding: 20px 65px 0;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
}
#global__footer--product .f_3col > li,
#global__footer--category .f_3col > li {
	width: 31.2%;
	float: left;
	margin-left: 3.2%;
}
#global__footer--product .f_3col > li:first-child,
#global__footer--category .f_3col > li:first-child {
	margin-left: 0;
}
#global__footer .f_3col ul,
#global__footer .f_4col ul{
	margin-bottom: 2em;
}
#global__footer .cateList dt {
	border-bottom: #fff 1px dashed;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
#global__footer a:hover {
	opacity: 0.5;
	transition: 0.8s;
}
#global__footer--product .f_3col > li .cap,
#global__footer--category .f_3col > li .cap {
	margin-top: 0.5em;
	color: #fff;
	font-size: 0.7rem;
	line-height: 1.2;
}
/* リキッドレイアウト */
.liquidLayout .pagetop,
.liquidLayout #global__footer--category > ul,
.liquidLayout #global__footer--common > ul {
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
}



/* このページのTOPへ */
.pagetop {
	text-align: right;
	margin: 2em 0;
	padding-right: 15px;
	box-sizing: border-box;
}
.pagetop a {
	text-decoration: none;
	position: relative;
	padding-left: 20px;
}
.pagetop a:before {
	content: '';
	width: 10px;
	height: 10px;
	border-top: 3px solid #9d9d8f;
	border-right: 3px solid #9d9d8f;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	left: 0;
	top: 6px;
}
@media only screen and (max-width: 767px) {
/* このページのTOPへ */
.pagetop {
	margin: 0;
	padding: 2em 3.3% 2em 0;
}
}