@import url("global.css");
@import url("https://fonts.googleapis.com/css2?family=Damion&family=EB+Garamond:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@300;400;500;700;900&family=Noto+Serif+JP:wght@200;400;500;600;700;900&display=swap");
#titlearea .pagetitle {
  background-image: url("../contact/img/main.jpg");
}

.lead {
  border-top: 1px solid rgba(0, 125, 195, 0.1);
  text-align: center;
  padding: 50px 30px;
}
.lead > p {
  font-size: 17px;
}

/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-1 ( 1280px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 1280px) {
  .lead {
    padding: 50px 20px;
  }
}
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-2 ( 959px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 959px) {
  .lead {
    padding: 40px 20px;
    text-align: justify;
  }
  .lead > p {
    font-size: 16px;
  }
  .lead > p br {
    display: none;
  }
}
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-3 ( 644px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 644px) {
  .lead {
    padding: 25px 10px;
  }
}