main ul.banner { width: 105%; justify-content: flex-start; margin-top: 4rem; margin-bottom: 9rem; }
main ul.banner li { width: 30.813%; margin-right: 1.45%; text-align: center; }
main ul.banner li a p { font-size: 2rem; margin: 1em 0 2em; }

#report h2 { font-size: 3.6rem; margin-bottom: 0.8em; }
#report .flex { margin-bottom: 9rem; }
#report .flex .img { width: 52.783%; position: relative; }
#report .flex .img h3 { font-size: 4.8rem; color: #FFF; display: flex; justify-content: center; align-items: center; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
#report .flex .img p { font-size: 5.8rem; color: #FFF; position: absolute; left: 0.1em; bottom: 0px; line-height: 1; }
#report .flex ul { width: 43%; }
#report .flex ul li { border-top: 1px solid #cccccc; }
#report .flex ul li:last-child { border-bottom: 1px solid #cccccc; }
#report .flex ul li a { display: block; font-size: 2rem; padding: 0.88em 0; background: url("/common/img/btn_arrow3.png") right center/1.2em no-repeat; }

#relation { background-color: #f6f7f7; padding: 7rem 0; }
#relation h2 { text-align: center; font-size: 3.6rem; margin-bottom: 1.5em; }
#relation ul.center { justify-content: center; }
#relation ul li { width: 48%; }
#relation ul li a { display: block; font-size: 2.4rem; color: #FFF; padding: 2em 0; background: url(/common/img/btn_arrow2.png) calc(100% - 0.5em) center/1em no-repeat; background-color: #00765a; text-align: center; }

@media screen and (min-width: 768px) and (max-width: 1258px) { #report .flex .img h3 { font-size: 4vw; }
  #report .flex .img p { font-size: 5vw; } }
@media screen and (max-width: 767px) { #main_v { background: url(../img/mv_bg_sp.jpg) left center/cover no-repeat !important; }
  #main_v .chart.pc_display { display: none; }
  main ul.banner { width: 100%; display: block; }
  main ul.banner li { width: 100%; margin-right: 0px; }
  #report h2 { font-size: 3rem; }
  #report .flex { display: block; }
  #report .flex ul { width: 100%; margin-top: 1em; }
  #report .flex .img { width: 100%; }
  #report .flex .img h3 { font-size: 6vw; }
  #report .flex .img p { font-size: 7vw; }
  #relation h2 { font-size: 3rem; }
  #relation .flex { display: block; }
  #relation .flex li { width: 100%; margin-bottom: 1em; }
  #relation .flex li a { font-size: 1.8rem; }
  #relation .flex li:last-child { margin-bottom: 0em; } }

/*# sourceMappingURL=sustainability.css.map */