@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 10px 0;vertical-align: middle;background: url(https://global.canon/00cmn/img/common/link-arrow-w.png) no-repeat right 5px;line-height: 1em;padding-top: 2px;padding-bottom: 2px;font-family: "font_name_W6", "FP-ヒラギノUD角ゴ StdN W6", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;padding-right: 45px;padding-left:45px;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;}
}