@charset "utf-8";
section a:hover { text-decoration:none; }

.initial{font-size:50px;display:block;margin-bottom:10px;}
.esg-row{padding-left:15px;padding-right:15px;}
.esg-img{display:block;margin:auto;max-width:70%;}
.esg-block > a{display:block;width:100%;height:100%;padding:30px 0;}
.esg-block > a:hover{ opacity:0.8;}
.esg-block h3{display:inline-block;font-size:36px;margin:30px 0 0;vertical-align: middle;background: url(../../../00cmn/img/common/link-arrow-w.png) no-repeat right 5px;line-height: 1em;padding-top: 2px;padding-bottom: 2px;padding-right: 45px;padding-left:20px;word-break:break-all;}
.esg-block small{display:block;font-size:24px;margin-top:2px;}
.esg-list ul{margin-bottom:0!important;}
.esg-list ul li{margin-bottom:10px;}
.esg-list ul li:last-child{margin-bottom:0;}

@media (max-width: 1200px){
  .esg-block h3{font-size:30px;background-size:24px;padding-right:34px;padding-left:34px;}
  .esg-block small{font-size:20px}
}
@media (max-width: 1024px){
  .initial{font-size:36px;}
  .esg-block h3{font-size:24px;background-size:18px;padding:0 24px 0 16px;background-position:right 3px;}
  .esg-block small{font-size:18px}
}
@media (max-width: 767px){
  .esg-row{padding-left:0;padding-right:0;}
  .initial{margin-bottom:0;}
  .esg-block > a{padding:20px 0;}
  .esg-block h3{margin-top:15px;}
  .esg-img{max-width:40%;}
  .esg-list{padding:20px;}
}

/* for print */
@media print{
  .esg-block h3{
    white-space:nowrap;
    padding:0;
    background:none;
  }
  .esg-block h3:after{
    content:url(../../../00cmn/img/common/link-arrow-w.png);
    display:inline-block;
    padding-left:10px;
    vertical-align:top;
  }
}