@charset "UTF-8";
/* ===================================
=== サステナビリティ ===
=================================== */

.sustainability_contents img{width:100%;}

.sustainability_topics{margin:50px auto 70px;padding:20px 40px;background:#f4f4f4;}
.sustainability_topics h2{margin-bottom:5px;color:#101010;font-size:22px;text-align:center;}
.sustainability_topics ul{padding:15px 0 10px;border-top:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4;}
.sustainability_topics li{position:relative;margin-bottom:5px;padding-left:8em;font-size:14px;}
.sustainability_topics li span{position:absolute;top:50%;left:0;transform:translate(0,-50%);color:#0071ce;}
.sustainability_topics li a{color:#101010;background:url(/img/sustainability/index/icon_pdf.gif) no-repeat left top;background-size:auto 82%;padding-left:1.25em;}
.sustainability_topics li a.nopdf{background-image:none;}
.sustainability_topics li a:hover{text-decoration:underline;}

.sustainability_topics .more{margin-top:20px;}
.sustainability_topics .more a{display:block;position:relative;}
.sustainability_topics .more a{width:200px;margin:0 auto;}
.sustainability_topics .more a:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;transition:opacity .5s ease-in-out 0s;opacity:0;}
.sustainability_topics .more a:after{content:'';display:block;position:relative;z-index:1;}
.sustainability_topics .more a:after{padding-top:50px;}
.sustainability_topics .more span{display:block;}
.sustainability_topics .more span:before{content:'';display:block;position:absolute;width:224px;padding-top:74px;left:-8px;margin-top:-8px;background:url(/img/index/btnMore1.png) no-repeat center;background-size:100%;}
.sustainability_topics .more a img{display:none;}
.sustainability_topics .more a img{position:absolute;top:0;z-index:2;}
.sustainability_topics .more a:hover:before{opacity:1;}
.sustainability_topics .more a:before{background:url(/img/index/btnMore1_ov.png) no-repeat center;background-size:100%;}


.csr_linkList ul li{background:#eaeaea;}
.csr_linkList_text{height:5em;line-height:3em;margin-top:0;padding:1em 0;font-size:13px;}
.csr_linkList_img{border:none;}

.csr_linkList ul li.ancmenu{position:relative;}
.csr_linkList ul li.ancmenu:hover{opacity:1;}
.csr_linkList ul li.ancmenu span{display:block;cursor:pointer;}
.csr_linkList ul li.ancmenu .csr_linkList_text{background:url(/img/sustainability/index/sustainability_arrow_down.png) no-repeat;background-position:bottom 5px center;}
.csr_linkList ul li.ancmenu ul{position:absolute;bottom:0;left:50%;display:block;border-top:1px solid #fff;transform:translate(-50%,100%);background:#c4c4c4;z-index:1;}
.csr_linkList ul li.ancmenu li{width:100%;margin:0;}
.csr_linkList ul li.ancmenu li a{display:block;height:3em;line-height:3em;font-size:13px;text-align:center;background:#c4c4c4;}
.csr_linkList ul li.ancmenu li a:hover{background:#eaeaea;}

.csr_linkList ul li#ancmenu02 ul{width:210px;}
.csr_linkList ul li#ancmenu03 ul{width:290px;}
.csr_linkList ul li#ancmenu04 ul{width:250px;}

.csr_linkList ul li.open{background:#c4c4c4;}
.csr_linkList ul li.open .csr_linkList_text{background-image:url(/img/sustainability/index/sustainability_arrow_up.png);}



@media print, screen and (max-width: 737px) {

.sustainability_main-visual img{width:100%;height:auto;}

.sustainability_topics{margin:30px auto 40px;padding:15px 25px;}
.sustainability_topics h2{font-size:1.6rem;}
.sustainability_topics ul{padding-bottom:5px;}
.sustainability_topics li{margin-bottom:10px;padding-left:0;font-size:1.2rem;}
.sustainability_topics li span{position:static;transform:translate(0,0);display:block;margin-bottom:3px;}
.sustainability_topics li a{background-size:1.2rem auto;padding-left:1.25em;}

.sustainability_topics .more{margin-top:15px;}
.sustainability_topics .more a{width:38.874%;}
.sustainability_topics .more a:before{content:none;}
.sustainability_topics .more a:after{padding-top:30.073%;}
.sustainability_topics .more span:before{content:none;}
.sustainability_topics .more a img{display:block;width:108.696%;left:-2.899%;margin-top:-2.899%;}


.csr_linkList_text{font-size:0.85rem;}

.csr_linkList ul li.ancmenu{position:relative;}
.csr_linkList ul li.ancmenu .csr_linkList_text{background-size:6px auto;background-position:bottom 5px center;}
.csr_linkList ul li.ancmenu li a{height:4em;line-height:4em;font-size:0.85rem;}
.csr_linkList ul li.ancmenu li a:hover{background:#c4c4c4;}

.csr_linkList ul li#ancmenu02 ul,
.csr_linkList ul li#ancmenu04 ul{width:calc(200% + 10px);transform: translate(0,100%);left:auto;right:0;}
.csr_linkList ul li#ancmenu03 ul{width:calc(200% + 10px);transform: translate(0,100%);left:0;}

}

/* ================================ */