#lead { padding: 14vw 0 10vw; margin-bottom: 0.5rem; background: #fff url(../img/lead_bg.jpg) no-repeat center top/100%; }
#lead .inner { max-width: 100%; }
#lead .lead_wrap { width: 80%; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-end; }
#lead .txt_area { width: 60%; padding-right: 2%; }
#lead .lead_ttl { font-size: 4rem; font-weight: 800; font-family: 'Zen Old Mincho', serif; position: relative; }
#lead .lead_ttl::before, #lead .lead_ttl::after { content: ''; background-color: #07a33e; position: absolute; top: -0.5em; right: -0.5em; }
#lead .lead_ttl::before { width: 40%; height: 1px; }
#lead .lead_ttl::after { width: 1px; height: 90%; }
#lead .lead_txt { font-size: 1.8rem; line-height: 2; margin-top: 4rem; }
#lead .lead_img { max-width: 305px; }

@media screen and (min-width: 768px) and (max-width: 1240px) { #lead .lead_ttl { font-size: 2.8vw; }
  #lead .lead_txt { font-size: 1.4vw; }
  #lead .lead_img { max-width: 24.5vw; } }
@media screen and (max-width: 767px) { #lead { padding: 112vw 0 10vw; background-image: url(../img/lead_bg_sp.jpg); }
  #lead .inner { padding: 0 1.5rem; }
  #lead .lead_wrap { width: 100%; display: block; padding: 1.5rem; background-color: #fff; }
  #lead .txt_area { width: 100%; padding-right: 0; margin-top: 5rem; }
  #lead .lead_ttl { font-size: 6vw; }
  #lead .lead_ttl::before, #lead .lead_ttl::after { top: -1em; right: 0; }
  #lead .lead_txt { font-size: 3.4vw; margin-top: 3rem; }
  #lead .lead_img { max-width: 152.5px; margin-left: 10%; } }

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