#main_v { background: url("../img/mainv_bg.jpg") 0 0/cover no-repeat; height: 33vw; padding-top: 0.5vw; box-sizing: border-box; position: relative; }
#main_v h2 { text-indent: -0.5em; font-size: 2.8vw; /*color: #00765a;
background: url(/about/img/maintitle_bg.png) 0 center / contain no-repeat;*/ color: #FFF; width: 11em; text-align: center; line-height: 1; padding: 0.8em 0; }
#main_v h2 span { display: inline-block; font-size: 0.65em; }
#main_v h1 { color: #FFF; font-size: 3.7vw; margin: 1.3em 0 0 0.7em; line-height: 1.3; }
#main_v h1 span { font-size: 0.55em; }
#main_v .btn_green { position: absolute; right: -5em; top: 1.5em; font-size: 1vw; }
#main_v .btn_green a { text-indent: -1.5em; font-size: 1vw; }
#main_v .btn_green a span { background: none; }

main .inner { max-width: 1097px; }
main .bg_gray { background-color: #f6f7f7; padding-bottom: 7rem; margin-bottom: 10rem; }
main .bg_gray h3.icon { text-align: center; position: relative; padding: 10rem 0; }
main h4 { font-size: 3rem; color: #00765a; border: solid 1px; display: inline-block; padding: 0 0.3em; margin-bottom: 1em; }
main h5 { font-size: 4rem; margin-bottom: 0.6em; }
main .text { margin-bottom: 2em; line-height: 2; font-size: 2rem; }
main h6 { font-size: 2.4rem; color: #00765a; margin-bottom: 1em; padding-left: 0.7em; background: url("/common/img/title_icon.png") 0 center/0.4em no-repeat; }
main .caption { text-align: center; margin-top: 0.5em; margin-bottom: 2em; }
main .img { text-align: center; margin-bottom: 7rem; }

#attempt { padding-top: 9rem; }
#attempt .img { margin-bottom: 0px; }

main .flex div { width: 47.5%; }
main .btn_top { text-align: center; }
main .btn_top a { font-size: 2.4rem; color: #00765a; background: url("../img/btn_bg.png") center center/contain no-repeat; padding: 1em 0; width: 22em; display: inline-block; }

@media screen and (min-width: 768px) and (max-width: 1097px) { main .inner { padding: 0 2%; } }
@media screen and (max-width: 767px) { main .inner { max-width: 90%; }
  #main_v { background: url(../img/mainv_bg_sp.jpg) 0 0/100% no-repeat; height: 70vw; }
  #main_v h2 { font-size: 6vw; top: 0.8em; }
  #main_v h1 { font-size: 6.9vw; margin-top: 2em; }
  #main_v .btn_green { font-size: 2vw; }
  #main_v .btn_green a { font-size: 2vw; }
  main .bg_gray { padding-bottom: 5rem; margin-bottom: 5rem; }
  main .bg_gray h3.icon { padding: 5rem 0; }
  main .bg_gray h3.icon img { width: 70%; }
  main h4 { font-size: 2rem; }
  main h5 { font-size: 2.8rem; }
  main .text { font-size: 1.8rem; line-height: 1.6; }
  main h6 { font-size: 2rem; }
  main .caption { font-size: 1.4rem; }
  main .flex { display: block; }
  main .flex div { width: 100%; }
  main .flex div .caption { margin-bottom: 3em; }
  main .btn_top a { font-size: 2rem; width: 17em; } }

/*# sourceMappingURL=circular-economy.css.map */