@charset "utf-8";

/* ページリニューアル後 */
.env-care-policy {
	display: grid;
	grid-template-columns: 10em 1fr;
	gap: 1em;
	margin-top: 1em;
}
.env-care-policy__dt {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1em;
	background-color: #376092;
	color: #fff;
}
.env-care-policy__dd {
	border: 1px solid #BBBBBB;
	padding: 0.5em;
}

.env-care-link__title {
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
}
.env-care-link__text {
	display: flex;
	align-items: flex-end;
	border: 1px solid #ccc;
	padding: 1em;
}
.env-care-use__title {
	font-weight: bold;
}

.contents .env-care__buttons .btn_box {
	width: 100%;
	margin-top: 10px;
}
.contents .env-care__buttons li {
	width: 315px;
	margin-right: 20px;
	float: left;
}
.contents .env-care__buttons img {
	width: 100%;
}
.contents .env-care__buttons li.nmr {
	margin-right: 0;
}

table.type01 th.env-care-table__th--pattern1 {
	background-color: #6CBB5A;
	color: #fff;
}
table.type01 th.env-care-table__th--pattern2 {
	background-color: #F5A33B;
	color: #fff;
}
table.type01 th.env-care-table__th--pattern3 {
	background-color: #5EB7E8;
	color: #fff;
}

.env-care__graph figcaption {
	text-align: right;
}


/* ページリニューアル前 */
.topTitle h1 {float: none;padding: 20px 0 0 0;}
.sct {padding-bottom: 10px;}

.contents ul.pb100menu {padding-bottom: 28px;}
.contents ul.pb100menu li{padding-top: 5px;}

.pb100nav h3 {margin-top: 40px;padding-top: 10px;border-top: 1px solid #B2B2B2;}
.pb100nav li {float: left;padding-top: 5px;}
.pb100nav li p {padding: 5px 0 10px 0;font-size: 10px;}
.pb100nav li.nCom {width:240px;}
.pb100nav li.nNon {width:240px;}
.pb100nav li.nCom p,
.pb100nav li.nNon p {padding-right: 20px;}
.pb100nav li.nPro {width:220px;}

.pbCont {height: 100px;}
.pbCont a {display: block;margin-top: 25px;}
.pbCont p {padding: 0; margin: -57px 0 0 389px;}
.main dl.exm {clear: both;padding-top: 10px;border-top: 1px solid #CCC;}
.main .exm dt { width: 50px; }
.main .exm dd { margin: -40px 0 0 58px; font-size: 10px; }

.contents ul.ptnone{padding-top: 0;}

.aView{width:700px; height:552px; margin:20px 0; padding:0px; background:#E0ECD9; position:relative; z-index:0; font-size:0;}
.contents .aView h2 {position:absolute; top:20px; left:20px; z-index:5; padding:0;}
.contents .aView ul {list-style:none;}
.contents .aView ul li.v01 {position:absolute; top:165px; left:42px; z-index:5;} 
.contents .aView ul li.v02 {position:absolute; top:76px; left:172px; z-index:5;} 
.contents .aView ul li.v03 {position:absolute; top:76px; left:362px; z-index:5;} 
.contents .aView ul li.v04 {position:absolute; top:166px; left:491px; z-index:5;} 
.contents .aView ul li.v05 {position:absolute; top:288px; left:42px; z-index:5;} 
.contents .aView ul li.v06 {position:absolute; top:397px; left:172px; z-index:5;} 
.contents .aView ul li.v07 {position:absolute; top:397px; left:362px; z-index:5;} 
.contents .aView ul li.v08 {position:absolute; top:288px; left:491px; z-index:5;} 

.contents .aViewPoint { /* width:668px; */ margin-top:22px; padding:15px 15px 15px 13px; border:2px solid #c8c8c3; position:relative; z-index:1;} 
.contents .aViewPoint .leaf{ position:absolute; top:-10px; left:13px; z-index:5;}
.contents .aViewPoint td.title{ width:183px; padding:45px 14px 20px 0; border-right:1px solid #c8c8c2; vertical-align:top;}

.contents .aViewPoint tr.txt td{border-top:1px solid #c8c8c2; font-size:10px;  vertical-align:top; padding:10px 0;}
.contents .aViewPoint tr.txt .2item{ width:220px; }
.contents .aViewPoint tr.txt .3item{ width:142px; }
.contents .aViewPoint td.pl15{ padding-left:15px;}
p.att{ font-size:10px; background:#f1f1f0;text-indent:-1em; padding:.5em .5em .5em 1.5em; line-height:1.2em;}

.env_step {padding-bottom:70px;}
.env_step .text{ float:left; width:228px; padding:7px 12px 0 0;}
.env_step .image{ float:right; padding-top:20px;}
.env_step .clear{ margin-top:35px; clear:both;}

.textu{ clear:both; width:700px; padding:7px 0 35px 0;}

.completion .topTitle {
height: 286px;
padding: 0 0 0 240px;
background: url(../img/env_object01_titleimg.jpg) no-repeat 0 44px;
}
.completion .topTitle div {padding-top: 20px;text-align: right;}
.completion .topTitle h1 {padding-top: 44px;}
.completion .topTitle p {padding-top: 10px;}
.completion .contents h2 {padding-top: 12px;}
.contents .leaf {float: left;padding: 0 10px 0 0;}
.contents .bcol4 {
margin: 15px 0 20px 0;
border: 1px solid #C8C8C3;
background: url(../img/col4bg.gif) repeat-y 0 0;
}
.contents .bcol4 ul {
padding-left: 19px;
border: 15px solid #FFF;
border-right: none;
border-left: none;
}
.contents .bcol4 li {float: left;width: 172px;}
.contents .bcol4 li img {margin-bottom: 8px;}
.contents .bcol4 li p {
padding-top: 5px;
padding-right: 28px;
font-size: 10px;
line-height: 1.5;
}
.contents .bcol4 li p span {color: #1F590C;}
.contents .bcol4 li.item4{width: 144px;}
.contents .bcol4 li.item4 p{padding-right: 0;}

.noncompletion .topTitle {
height: 297px;
padding: 0 0 0 240px;
background: url(../img/env_object02_titleimg.gif) no-repeat 0 85px;
}
.noncompletion .topTitle div {padding-top: 20px;text-align: right;}
.noncompletion .topTitle h1 {padding-top: 44px;}
.noncompletion .topTitle p {width:460px;padding-top: 10px;}
.noncompletion .section {margin-top: 5px;padding-bottom: 35px;border-top: 1px solid #919186;}
.noncompletion .section h2 {padding-top: 19px;}
.noncompletion .text .note {padding-top:30px;}
.noncompletion .image {width: 220px;}
.noncompletion .image img {margin-bottom: 8px;}
.noncompletion .image table{width: 220px;margin: 10px 0 5px 0;border-bottom: 1px solid #C8C8C2}
.noncompletion .image th.ttl{background: #F1F1F0;font-size: 10px; line-height: 1.4;text-align: center;}
.noncompletion .image th,
.noncompletion .image td {padding: 2px 0;border-top: 1px solid #C8C8C2;}
.noncompletion .image td {text-align: center;}
.noncompletion .text dl {margin-top: 5px;padding: 10px 15px 0 15px;background: #F1F1F0;}
.noncompletion .text dt {display: inline;border-bottom: 1px solid #C8C8C2;font-weight: bold;}
.noncompletion .text dd {padding-bottom:10px;}
.noncompletion .pb100nav {border-top:none;}
.noncompletion .bg {
	padding: 8px 14px 18px 14px;
	background: #E5DEC6;
}
.noncompletion .bg .text {
	/* [disabled]float: left; */
	/* [disabled]width: 364px; */
}
.noncompletion .bg .image {float: right;width: 280px;}
.noncompletion .bg .image p {text-align: center;}
.noncompletion .bg .image img {margin-bottom: 0;}

.process .topTitle div {padding-top: 20px;text-align: right;}
.process .topTitle h1 {padding-top: 44px;}
.process .contents h2 {padding-top: 10px;}
.process .contents p.read {margin-top: 4px;padding: 20px 17px 20px 17px;background: #E8F1E3;line-height: 1.8;}
.process .contents .text {padding-top: 10px;}
.process .image {width: 220px;}
.process .image img {margin-top: 10px;}
.process .image p {padding-bottom: 40px;}
.process .comment {margin: 10px 0;padding: 10px;background: #F6F6F5;}
.process .comment .charge {margin-top: -1em;color: #286710;text-align: right;}


.bcol4 ul:after,
.pb100nav:after{content: ".";display:block;clear:both;height:0;visibility:hidden;}
* html .bcol4 ul,
* html .pb100nav{height:1%;}
.bcol4 ul,
.pb100nav{zoom:1;}


.txtgr{
	color:#999;
}

.mt9{
	margin-top:9px;
}

.fs10{
	font-size:10px;
}

.fright {
	float:right;
}

/* 環境配慮商品・サービス - Go Ethical (商品廃棄ロス削減の取組み) - ADDED [24/10/02] */
.ethical {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin: 2em auto 0;
    aspect-ratio: 700 / 277;
    background: url(../img/env_care14.jpg) no-repeat 0 0;
}

.ethical .env-care__buttons {
    padding: 3% 3% 2.5%;
    background: rgba(255, 255, 255, .35);
}

.ethical .env-care__buttons li {
	padding: 0;
}

.ethical .env-care__buttons .btn_box {
    margin: 0;
    padding: 0;
}
/* end - 環境配慮商品・サービス - Go Ethical (商品廃棄ロス削減の取組み) */