#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: 3.8rem; font-weight: 800; font-family: 'Noto Serif JP', 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: 269px; }
#lead .lead_img span { font-size: 2.2rem; }

@media screen and (min-width: 768px) and (max-width: 1800px) { #lead .lead_wrap { align-items: flex-start; }
  #lead .lead_img { padding-top: 55vw; } }
@media screen and (min-width: 768px) and (max-width: 1240px) { #lead .lead_ttl { font-size: 3.7vw; }
  #lead .lead_txt { font-size: 1.4vw; }
  #lead .lead_img { max-width: 26.2vw; }
  #lead .lead_img span { font-size: 2.1vw; } }
@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: 4.9vw; }
  #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: 164.5px; margin-left: 10%; }
  #lead .lead_img span { font-size: 3.6vw; } }

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