/*! Writen  by SCSS */
.page_ttl {
  background: url("../images/common/bg_title.jpg") center top/cover no-repeat;
  padding: 20px 10px 25px; }
  .page_ttl .main_head {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    letter-spacing: 0.05em;
    font-size: clamp(22px, 3.125vw, 30px);
    line-height: 1;
    row-gap: 5px;
    font-weight: 500;
    color: #FFF; }
    @media screen and (max-width: 480px) {
      .page_ttl .main_head {
        font-size: 6.4vw; } }
    .page_ttl .main_head .jp {
      font-size: 70%; }

section.first_sec {
  padding-top: clamp(50px, 6.667vw, 80px); }
  @media screen and (max-width: 820px) {
    section.first_sec {
      padding-top: 50px; } }

.sec_ttl_group {
  display: flex;
  flex-direction: column;
  row-gap: clamp(25px, 3.334vw, 40px);
  letter-spacing: normal; }
  @media screen and (max-width: 820px) {
    .sec_ttl_group {
      row-gap: 20px; } }
  .sec_ttl_group.ctr {
    align-items: center;
    text-align: center; }
  .sec_ttl_group .sec_ttl {
    font-size: clamp(16px, 2.963vw, 40px);
    color: #c27d2d;
    line-height: 1.75; }
    @media screen and (max-width: 820px) {
      .sec_ttl_group .sec_ttl {
        font-size: 3.2vw; } }
    @media screen and (max-width: 480px) {
      .sec_ttl_group .sec_ttl {
        font-size: 5.2vw; } }

.read {
  font-size: clamp(11px, 1.231vw, 16px);
  line-height: 2.5; }
  @media screen and (max-width: 820px) {
    .read {
      font-size: 13px; } }
  @media screen and (max-width: 480px) {
    .read {
      font-size: 12px; } }

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