@charset "utf-8";



/* CMS Template
/en/csr/report/css/report.css

 Update:  2023-08-09 05:15 PM */


/* -- Category common
-------------------------------------------------------------------------------- */
.ac {
	text-align: center !important;
}

#report>section {
	padding: 0 30px;
	margin-bottom: 80px;
}
#report .txt {
	max-width: 1140px;
	margin: 0 auto 80px;
}
#report .txt p {
	margin-bottom: 30px;
}
#report section p+p,
#report section p+.img-side,
#report section .img-side+p,
#report .double+p {
	margin-top: 30px;
}
#report section>section {
	margin-top: 40px;
}
.topnav {
	display: flex;
	justify-content: space-between;
	max-width: 1200px;
	margin: 0 auto;
	min-width: 980px;
	padding: 35px 0 30px;
}
.topnav .breadcrumb {
	min-width: 0;
	max-width: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
}
.topnav .breadcrumb li {
	flex-shrink: 0;
	line-height: 1.2;
}
.topnav .breadcrumb li:last-of-type {
	flex-shrink: 1;
}
.topnav .pagenav {
	flex-shrink: 0;
}
.pagenav ul {
	display: flex;
	justify-content: center;
	font-size: 1.2rem;
	line-height: 1.2;
	text-align: center;
}
.pagenav ul li {
	display: flex;
}
.pagenav .nav-prev {
	justify-content: flex-end;
}
aside .pagenav .nav-prev, aside .pagenav .nav-next {
	flex: 1;
}
.pagenav .nav-prev a, .pagenav .nav-next a {
	border-bottom: 1px solid #ccc;
	position: relative;
}
.pagenav .nav-prev a {
	padding: 5px 10px 0 20px;
}
.pagenav .nav-next a {
	padding: 5px 20px 0 10px;
}

.pagenav .nav-prev a::before,
.pagenav .nav-next a::before {
	content: "";
	position: absolute;
	display: block;
	bottom: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 4px 8px;
	border-color: transparent transparent #ccc transparent;
}
.pagenav .nav-prev a::before {
	left: 0;
}
.pagenav .nav-next a::before {
	right: 0;
	transform: scale(-1, 1);
}
.pagenav .nav-index {
	width: 86px;
	flex-shrink: 0;
}
.pagenav .nav-index a {
	display: block;
	padding: 5px 10px;
	background: #f1f1f1;
	border-radius: 3px;
	margin: 0 15px;
}
.cat {
	text-align: center;
}
.cat span {
	display: inline-block;
	position: relative;
	font-size: 1.6rem;
	background: #E5E5E5;
	color: #555555;
	padding: 3px 15px;
	font-weight: bold;
}
/*.cat span::after{
	content: "";
	display: block;
	width: 50px; height: 2px;
	margin: 13px auto 0;
	background: #ccc;
}*/
.lead {
	margin-bottom: 65px;
}
.indent-list li {
	text-indent: -1em;
	padding-left: 1em;
	line-height: 1.4;
}
.number-list {
	margin-top: 30px;
}
.number-list li {
	text-indent: -1.2em;
	padding-left: 1.2em;
	line-height: 1.4;
	font-size: 1.3rem;
}
.indent-list li+li, .number-list li+li {
	margin-top: 10px;
}

.bdtbl {
	margin: 40px 0;
	width: 100%;
	border-bottom: solid 1px #ccc;
}
.bdtbl caption {
	text-align: left;
	font-weight: bold;
	padding-bottom: 10px;
}
.bdtbl th {
	padding: 12px;
	width: 150px;
	text-align: left;
	font-weight: normal;
	border-top: solid 1px #ccc;
}
.bdtbl td {
	padding: 12px;
	border-top: solid 1px #ccc;
	vertical-align: middle;
}
.img-side {
	overflow: hidden;
}
.r-img {
	max-width: 330px;
	margin-left: 40px;
	float: right;
	text-align: right;
}
.r-img figure {
	margin-bottom: 30px;
}
.r-img figcaption {
	font-size: 1.2rem;
	text-align: left;
}
.triple, .double {
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
	justify-content: center;
}
.triple li {
	width: 22%;
	margin: 0 5px;
	max-width: 235px;
}
.double li {
	width: 30%;
	margin: 0 10px;
	max-width: 330px;
}
.triple li p, .double li p {
	font-size: 1.4rem;
	line-height: 1.4;
	margin-top: 5px;
}
.bdtit {
	font-size: 1.8rem;
	border-left: 10px solid #e9e9e9;
	padding: 3px 0 3px 10px;
	margin-bottom: 15px;
}

.pagelink {
	position: relative;
	padding: 20px 0 25px;
	margin-bottom: 50px;
}
.pagelink>* {
	position: relative;
	z-index: 1;
}
.pagelink::before {
	content: "";
	background: url(/common/img/bg_dot1.png) repeat;
	width: 300%;
	height: 100%;
	margin: auto;
	position: absolute;
	top: 0;
	left: -100%;
	right: -100%;
}

.pagelink p {
	font-weight: bold;
	font-size: 2rem;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
.pagelink ul {
	display: flex;
	font-size: 1.2rem;
	flex-wrap: wrap;
}
.pagelink ul li {
	background: url("/common/img/arw_link.png") left 8px no-repeat;
	padding-left: 10px;
	margin-right: 30px;
}

.pagelink ul li.active a {
	font-weight: bold;
	color: #573600;
}
.local {
	position: relative;
	padding: 25px 0;
}
.local h2 {
	font-size: 2rem;
	margin: 0 10px 15px;
}
.local>* {
	position: relative;
	z-index: 1;
}
.local::before {
	content: "";
	background: url(/common/img/bg_dot1.png) repeat;
	width: 300%;
	height: 100%;
	margin: auto;
	position: absolute;
	top: 0;
	left: -100%;
	right: -100%;
}
.local ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.local ul::after {
	content: "";
	width: 32%;
}
.local ul li {
	display: flex;
	width: 32%;
	margin-bottom: 15px;
}
.local ul a {
	display: flex;
	align-items: center;
	font-size: 1.4rem;
	line-height: 1.5;
	background: #fff url(/common/img/arw.png) no-repeat right 12px center;
	vertical-align: middle;
	width: 100%;
	padding: 25px 40px 25px 20px;
}
.local ul li.active a {
	background: none;
	border: solid 1px #c5c5c5;
}
.local p a {
	font-size: 1.6rem;
	background: url(/common/img/arw_left.png) no-repeat 12px center;
	display: inline-block;
	padding-left: 30px;
}
/*index*/
.index .list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.index>section>h2 {
	width: 100%;
}
.index .list>div {
	width: 46%;
	margin-bottom: 65px;
}
.index .list p {
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 8px;
}
.index .list>ul>li {
	padding-left: 15px;
}
.index .list a, .index .sub-list a {
	color: #0088cf;
	background: url("/common/img/arw_link.png") left 11px no-repeat;
	padding-left: 13px;
	margin-bottom: 8px;
	display: block;
}
.index .list a:hover, .index .sub-list a:hover {
	text-decoration: underline;
}
.index .sub-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	margin-bottom: 35px;
}
.index .sub-list li {
	margin-right: 50px;
}
/*editorial*/
.editorial .lead ul {
	margin-top: 20px;
}

/*message*/
.message .msg-txt {
	max-width: 1000px;
	margin: 0 auto 50px;
	overflow: hidden;
}
.message .msg-txt p {
	line-height: 2;
	margin-bottom: 30px;
}
.message .sign {
	display: flex;
	justify-content: flex-end;
}
.message .sign p {
	margin-right: 15px;
}
/*plastics*/
.plastics .l-txt a {
	color: #0088cf;
	text-decoration: underline;
}
.plastics .l-txt a:hover {
	text-decoration: none;
}
/*young*/
.young .lead p {
	text-align: center;
}
.young .lead figure {
	margin-top: 30px;
}
.young td span {
	font-size: 1.2rem;
	display: inline-block;
	line-height: 1.5;
	margin-top: 5px;
}

/*iso26000*/
.iso26000 .lead {
	text-align: center;
}
.iso26000 table {
	max-width: 1000px;
	margin: 0 auto 60px;
	line-height: 2;
	font-size: 1.4rem;
	width: 100%;
	border-bottom: solid 1px #ccc;
}
.iso26000 table th {
	background: #d0dbf1;
}
.iso26000 table th, .iso26000 table td {
	border: solid 1px #ccc;
	padding: 12px;
}
/*structure*/
.structure .txt p:last-of-type {
	margin: 50px auto 80px !important;
	text-align: center;
}
/*compliance*/
.compliance section ol>li {
	margin-top: 30px;
}
.compliance section ol span {
	font-weight: bold;
}
.compliance section ol li ul {
	margin-top: 5px;
}
.compliance section ul li {
	text-indent: -1em;
	padding-left: 1em;
}

/*risk*/
.risk .imgbox {
	display: flex;
	justify-content: space-between;
	margin: 50px 0;
}
.risk .imgbox li {
	width: 55%;
}
.risk .imgbox li:last-of-type {
	width: 43%;
}

/*management*/
.management .imgbox, .quality .imgbox {
	display: flex;
	justify-content: center;
}
.management .imgbox li, .quality .imgbox li {
	margin: 0 15px;
}
.management .number-list {
	margin: 15px 0 50px;
	margin-left: 1.2em;
	list-style-type: decimal;
}
.management .number-list li {
	font-size: 1.6rem;
	text-indent: 0;
	padding-left: 0;
}
.management .number-list>li+li {
	margin-top: 15px;
}
.management .number-list ul {
	margin-top: 10px;
}
.management .number-list ul li {
	text-indent: -1em;
	padding-left: 1em;
}


/*recycle*/
.recycle .sawdust .triple li {
	width: 30%;
	max-width: 330px;
}
.recycle .vienam .triple {
	flex-wrap: nowrap;
}
.recycle .vienam .triple li {
	width: auto;
	max-width: none;
}

/*technology*/
.technology .number-list figure {
	float: right;
	margin-left: 40px;
	max-width: 330px;
}
/*nature*/
.nature .land section {
	margin-top: 20px;
}
.nature .land dt {
	margin: 30px 0 10px;
	font-weight: bold;
}
/*performance*/
.performance figcaption {
	margin-top: 5px;
}
.performance .pfm-tbl {
	font-size: 1.4rem;
	width: 80%;
	margin: 30px auto 20px;
	text-align: center;
}
.performance .pfm-tbl thead th {
	padding: 8px 8px 8px 12px;
	width: auto;
	text-align: center;
	font-weight: normal;
	border: solid 2px #FFFFFF;
	background: #CDE5D0;
	line-height: 1.5;
	vertical-align: middle;
}
.performance .pfm-tbl tbody th {
	text-align: center;
	white-space: nowrap;
}
.performance .pfm-tbl tbody th, .performance .pfm-tbl td {
	padding: 4px 20px 4px 12px;
	border: solid 2px #FFFFFF;
	background: #f1f1f1;
	font-weight: normal;
	vertical-align: middle;
}
.performance .txt .pfm-tbl {
	width: 65%;
}
.performance .txt .pfm-tbl td {
	text-align: left;
}
.performance .txt .pfm-tbl .ac {
	vertical-align: middle;
}
.performance .type03 tbody th {
	text-align: left;
	width: 50%;
}
.performance .pfm-tbl tbody .total th, .performance .total td {
	background: #648f4a;
	color: #FFFFFF;
}
.performance sub {
	font-size: 70%;
	vertical-align: bottom;
	position: relative;
	bottom: -0.02em;
}
.performance sup {
	font-size: 75%;
	vertical-align: text-top;
}
.performance .pfm-tbl+.number-list {
	width: 80%;
	margin: 0 auto;
}
.performance .number-list+p {
	margin-top: 30px;
}
/*quality*/
.quality .number-list li {
	font-size: 1.6rem;
	text-indent: -1.8rem;
	padding-left: 1.8rem;
}
.quality .note {
	font-size: 1.4rem;
	margin-bottom: 40px;
}
.quality p+.triple {
	margin-bottom: 30px;
}
.quality .sticker {
	align-items: center;
	display: flex;
	flex-direction: row-reverse;
}
.quality .sticker .r-img {
	margin-left: 15px;
	max-width: 180px;
	flex-shrink: 0;
}
/*security*/
.security .number-list li, .personal .number-list li {
	text-indent: -0.8rem;
	padding-left: 0.8rem;
}
/*compliance*/
.guideline .txt ol span {
	font-weight: bold;
}
.guideline .txt ol>li {
	text-indent: -1.5em;
	padding-left: 1.5em;
	margin-top: 30px;
}
/*human*/
.human .txt ol>li {
	text-indent: -1.3em;
	padding-left: 1.3em;
	margin-top: 30px;
}
.human .txt ol>li li {
	text-indent: -1.6em;
	padding-left: 1.6em;
	margin-top: 10px;

}

/*safety*/
.safety .double+p {
	margin: 30px 0 -15px;
}

/*kokoro*/
.kokoro .lead dt {
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 10px;
}
.kokoro .big {
	font-size: 2.4rem;
	font-weight: bold;
	margin-top: 20px;
}
.kokoro .unique ul {
	margin-top: 15px;
}
.kokoro .unique li, .kokoro .values li,
.kokoro .action li {
	text-indent: -1em;
	padding-left: 1em;
}
.kokoro .vis .big,
.kokoro .values .big {
	margin-bottom: 20px;
}
.kokoro .action .big+p {
	margin-top: 20px;
}

.kokoro .go dt {
	font-weight: bold;
	font-size: 1.8rem;
	margin-top: 15px;
}
/* warming */
.warming section a {
	text-decoration: underline;
	color: #0088cf;
}

/* ----------------------------------------------------
768px - 980px
---------------------------------------------------- */
@media (min-width: 768px) and (max-width: 980px) {

	.index .list>div {
		width: 100%;
		margin-bottom: 40px;
	}
	.index .sub-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin-bottom: 35px;
	}

	/* 768px - 980px END*/
}


/* ----------------------------------------------------
768px -
---------------------------------------------------- */
@media screen and (min-width:768px) {
	.csr-nv {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
	}
	.csr-nv a {
		background-position: left 14px !important;
	}
	.csr-nv .in_l {
		width: 80%;
		padding-right: 30px;
		margin-right: 30px;
		border-right: solid 1px #e2e2e2;
	}
	.csr-nv .in_l p {
		margin: 0px 0 0 20px;
		font-weight: bold;
		font-size: 1.3rem;
	}
	.csr-nv .in_l ul {
		display: flex !important;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-left: 20px;
		position: relative;
	}
	.csr-nv .in_l ul::after {
		content: "";
		width: 32%;
	}
	.csr-nv .in_l ul li {
		width: 32%;
	}
	.csr-nv .in_l ul li a {
		line-height: 1.7;
		background-position: left 10px !important;
	}
	.csr-nv .in_r {
		width: 20%;
	}
	.box_sub {
		font-size: 2.2rem;
		background: #F1F1F1;
		padding: 5px 20px;
		margin: 0 -30px 30px;
		border-radius: 3px;
	}
	main>div[id] {
		width: 100%;
		min-width: 980px;
		max-width: 1200px;
		margin: auto;
		padding: 0px 0 36px;
		position: relative;
		font-size: 1.6rem;
		line-height: 1.875;
	}
}

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


	.csr-nv .in_l p {
		font-size: 1.2rem;
		margin: 0 0 5px 10px;
		font-weight: bold;
	}

	.box_sub {
		font-size: 1.6rem;
		background: #F1F1F1;
		padding: 8px 10px;
		margin-bottom: 20px;
		border-radius: 3px;
	}
	main>div[id] {
		margin: 0 10px;
		font-size: 1.2rem;
		line-height: 1.5;
	}
	main h1 {
		padding: 10px 0 20px;
		border-bottom: 1px solid #c9c9c9;
		margin-bottom: 20px;
	}
	#report>section {
		padding: 0;
		margin-bottom: 25px;
	}
	#report .txt {
		margin-bottom: 30px;
	}
	#report .txt p {
		margin-bottom: 15px;
	}
	#report section p+p,
	#report section p+.img-side,
	#report .double+p {
		margin-top: 15px;
	}
	#report section>section {
		margin-top: 20px;
	}

	.topnav .breadcrumb {
		display: none;
	}
	.topnav {
		min-width: 0;
		padding: 15px 10px 15px;
	}
	.topnav .pagenav {
		flex-shrink: 1;
	}
	.pagenav {
		width: 100%;
		text-align: center;
	}
	.pagenav ul {
		font-size: 1.0rem;
	}
	.pagenav a {
		display: flex !important;
		width: 100%;
		align-items: center;
		justify-content: center;
	}
	.pagenav .nav-prev, .pagenav .nav-next {
		flex: 1;
	}
	.pagenav .nav-prev a {
		padding: 5px 5px 5px 10px;
	}
	.pagenav .nav-next a {
		padding: 5px 10px 5px 5px;
	}
	.pagenav .nav-index {
		width: 66px;
		height: 35px;
	}
	.pagenav .nav-index a {
		margin: 0 5px;
	}
	.cat span {
		font-size: 1.4rem;
	}

	.lead {
		margin-bottom: 30px;
		text-align: left !important;
	}

	.number-list {
		margin-top: 15px;
	}
	.number-list li {
		font-size: 1.0rem;
	}
	.bdtbl {
		margin: 20px 0;
	}
	.bdtbl th {
		width: 30%
	}
	.img-side .l-txt p+p {
		margin-top: 15px;
	}
	.r-img {
		width: 46%;
		margin-left: 20px;
	}
	.r-img figure {
		margin-bottom: 15px;
	}
	.triple, .double {
		margin-top: 15px;
		justify-content: space-between;
	}
	.triple li {
		width: 32% !important;
		margin: 0;
	}
	.double li {
		width: 48%;
		margin: 0;
	}
	.triple li p, .double li p {
		font-size: 1.0rem;
	}
	.bdtit {
		font-size: 1.4rem;
		margin-bottom: 10px;
		border-width: 5px;
	}
	.pagelink {
		margin-bottom: 30px;
		padding: 15px 0 20px;
	}
	.pagelink p {
		font-size: 1.6rem;
	}
	.pagelink ul li {
		width: 100%;
		background-position: left 7px;
	}
	.pagelink ul li+li {
		margin: 8px 0 0 0;
	}

	.local::before {
		background: none;
		width: auto;
		height: auto;
	}
	.local h2 {
		margin: 0;
		padding: 0 0 10px 10px;
		font-size: 1.8rem;
		border-bottom: 1px solid #e6e6e6;
	}

	.local ul li, .local p {
		width: 100%;
		border-bottom: 1px solid #e1e1e1;
		margin-bottom: 0;
	}
	.local ul a, .local p a {
		background: #fff url(/common/img/arw.png) no-repeat right 12px center !important;
		padding: 15px 30px 15px 10px;
		font-size: 1.2rem;
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	.local ul li.active a {
		border: none;
	}

	/*index*/

	.index .list p {
		font-size: 1.6rem;
	}
	.index .list>ul>li {
		padding-left: 10px;
		background-position: left 6px;
	}
	.index .list>div {
		width: 100%;
		margin-bottom: 40px;
	}
	.index .list a, .index .sub-list a {
		color: #0088cf;
		background: url("/common/img/arw_link.png") left 6px no-repeat;
		padding-left: 13px;
		margin-bottom: 13px;
		display: block;
	}
	.index .sub-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin-bottom: 35px;
	}
	/*editorial*/
	.editorial .lead ul {
		margin-top: 12px;
	}

	/*message*/
	.message .msg-txt p {
		font-size: 1.2rem;
		line-height: 1.7;
		margin-bottom: 15px;
	}
	.message .sign {
		justify-content: flex-start;
		flex-direction: column;
	}
	.message .sign p {
		margin-right: 0;
	}
	/*young*/
	.young .lead p {
		text-align: left;
	}
	.young .lead figure {
		margin-top: 15px;
	}

	/*iso26000*/
	.iso26000 .lead {
		text-align: left;
	}
	.iso26000 table {
		display: block;
		font-size: 1.2rem;
		line-height: 1.7;
		border: solid 1px #ccc;
		padding-bottom: 10px;
		box-sizing: border-box;
		margin-bottom: 40px;
	}
	.iso26000 table tbody, .iso26000 table tr, .iso26000 table td {
		display: block;
	}
	.iso26000 table tbody {
		margin-top: -10px;
	}
	.iso26000 table th {
		display: none;
	}
	.iso26000 table td {
		display: block;
		padding: 0 10px;
		border: none;
	}
	.iso26000 table td[rowspan] {
		background: #d0dbf1;
		margin: 10px 0;
		padding: 7px 10px;
		border-top: solid 1px #ccc;
		border-bottom: solid 1px #ccc;
	}
	/*structure*/
	.structure .txt p:last-of-type {
		margin: 20px auto !important;
	}
	/*compliance*/
	.compliance section ol>li {
		margin-top: 20px;
	}


	/*risk*/
	.risk .imgbox {
		flex-direction: column;
		margin: 30px 0;
		align-items: center;
	}
	.risk .imgbox li {
		width: 100% !important;
	}
	.risk .imgbox li:last-of-type {
		margin-top: 30px;
	}
	/*management*/
	.management .number-list {
		margin-bottom: 20px;
	}
	.management .number-list li {
		font-size: 1.2rem;
	}
	.management .imgbox, .quality .imgbox {
		display: flex;
		justify-content: center;
	}
	.management .imgbox li, .quality .imgbox li {
		margin: 0 15px;
	}
	/*recycle*/
	.recycle .vienam .triple li {
		width: auto !important;
	}
	.recycle .vienam .triple li:nth-of-type(2) {
		margin: 0 5px;
	}


	/*technology*/
	.technology .number-list figure {
		width: 46%;
		margin-left: 20px;
	}
	/*nature*/
	.nature .land dt {
		margin-top: 15px;
	}
	/*performance*/
	.performance .img-side {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.performance .r-img {
		float: none;
		margin: 0;
		width: 100%;
		max-width: 200px;
	}
	.performance .pfm-tbl {
		font-size: 1.2rem;
		margin: 15px 0 10px;
		width: 100%;
	}
	.performance .txt .pfm-tbl {
		width: 100%;
	}
	.performance .type01 {
		display: flex;
		flex-wrap: wrap;
	}
	.performance .type01 thead {
		display: block;
		width: 70%;
	}
	.performance .type01 tr {
		display: flex;
		flex-direction: column;
	}
	.performance .type01 tbody {
		display: block;
		width: 30%;
	}
	.performance .type01 td {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.performance .pfm-tbl+.number-list {
		width: 100%;
	}
	.performance .number-list+p {
		margin-top: 15px;
	}
	/*quality*/
	.quality .number-list li {
		font-size: 1.2rem;
	}
	.quality .note {
		font-size: 1.0rem;
		margin-bottom: 20px;
	}
	.quality p+.triple {
		margin-bottom: 15px;
	}

	.quality .sticker {
		display: block;
	}

	/*compliance*/
	.guideline .txt ol>li {
		margin-top: 15px;
	}
	/*safety*/
	.safety .double+p {
		margin: 15px 0 -5px;
	}


	/*kokoro*/
	.kokoro .lead dt, .kokoro .big {
		font-size: 1.6rem;
	}
	.kokoro .values li,
	.kokoro .action li {
		line-height: 1.2;
		margin-top: 10px;
	}
	.kokoro .go dl {
		margin-bottom: 40px;
	}
	.kokoro .go dt {
		font-size: 1.4rem;
	}
}