@charset "UTF-8";
/* ===================================
=== 環境への取り組み ===
=================================== */

.sustainability_contents img{width:100%;}

.float:after{content:'';display:block;clear:both;}
.float .left{float:left;width:450px;}
.float .right{float:right;width:390px;text-align:center;}

.image{}
.lead{margin:35px auto 0;font-size:16px;line-height:1.75;}

.anchor{margin-top:50px;}
.anchor ul{width:100%;margin-left:auto;}
.anchor ul:after{content:'';display:block;clear:both;}
.anchor ul li{width:22.728%;float:left;margin-right:2.273%;margin-bottom:2.841%;}
.anchor ul li:nth-child(1){margin-left:26.112%;}
.anchor ul li a{display:block;}
.anchor ul li a:hover img{opacity:0.6;}

.environmentalBox{margin-bottom:30px;margin-top:70px;}
.environmentalBox .environmental{margin-bottom:70px;}
.environmentalBox h2{margin:0 0 40px;padding-bottom:0.5em;font-size:24px;font-weight:bold;letter-spacing:2px;border-bottom:2px solid #0071ce;line-height:1.5;}
.environmentalBox h3{margin-bottom:20px;color:#0071ce;font-size:24px;}
.environmentalBox p{font-size:16px;line-height:1.75;}
.environmentalBox a{text-decoration:underline;}
.environmentalBox a.blank{padding-right:1.5em;background:url(/img/sustainability/environmental/icon_blank.png) no-repeat;background-position:center right 0.1em;background-size:0.8em auto;}
.environmentalBox a:hover{text-decoration:none;}
.environmentalBox small{font-size:70%;}
.environmentalBox small.reg{vertical-align:super;margin-left:-0.6em;}

.environmentalBox .icons{margin-bottom:30px;}
.environmentalBox .icons:after{content:'';display:block;clear:both;}
.environmentalBox .icons li{float:left;width:80px;margin-right:5px;}

.environmentalBox .right p{font-size:13px;}
.environmentalBox .right span{display:block;margin-top:1em;}
.environmentalBox .double:after{content:'';display:block;clear:both;}
.environmentalBox .double p{width:190px;float:left;}
.environmentalBox .double p:last-of-type{margin-left:10px;}

.environmentalBox .cap{position:relative;padding-left:1em;}
.environmentalBox .cap span{position:absolute;left:0;}

#environmental-cnt01 .image{width:88.334%;max-width:795px;margin:66px auto 0;}

#environmentalBox02 .right{text-align:left;}
#environmentalBox02 .right #img-pict10b{width:50%;max-width:380px;margin:20px 0 5px;}
#environmentalBox02 .right a{display:inline-block;}



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

.float:after{content:none;}
.float .left{float:none;width:100%;}
.float .right{float:none;width:100%;}

.image{}
#img-pict01{}
.lead{margin:27px auto 0;font-size:1.2rem;}

.anchor{margin-top:30px;}
.anchor ul{width:95.653%;}
.anchor ul li{width:45.455%;margin-right:4.545%;margin-bottom:4.545%;}
.anchor ul li:nth-child(1){margin-left:0;}
.anchor ul li a:hover img{opacity:1;}

.environmentalBox{margin-bottom:20px;margin-top:50px;}
.environmentalBox .environmental{margin-bottom:70px;}
.environmentalBox h2{margin:0 0 20px;padding-bottom:0;font-size:1.6rem;}
.environmentalBox h3{margin-bottom:15px;font-size:1.4rem;}
.environmentalBox p{font-size:1.2rem;}
.environmentalBox a:hover{text-decoration:underline;}

.environmentalBox .icons{margin-bottom:15px;}
.environmentalBox .icons li{width:63px;}

.environmentalBox .left{margin-bottom:20px;}
.environmentalBox .right p{margin-bottom:20px;font-size:1.0rem;}
.environmentalBox .double p{width:48.5%;}
.environmentalBox .double p:last-of-type{margin-left:3%;}

#environmental-cnt01 .image{width:100%;max-width:100%;margin-top:4.244%;}


}

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