@charset "utf-8";

/** ***************************************************************************
 * 共用
 * ************************************************************************* */

#main {
  padding-bottom: 0;
}

/** ***************************************************************************
 * ページタイトル
 * ************************************************************************* */

/**
 * タイトル
 */

#page-header .title {
  margin-bottom: 1.25em;
  line-height: 1.4;
  font-size: 1.125em;
  font-weight: 500;
}

/**
 * さくらアイコン
 */

#page-header div.icon {
  margin-bottom: 25px;
}

#page-header .icon img {
  max-width: 70px;
}

@media screen and (min-width:768px) {

  #page-header .icon img {
    max-width: unset;
  }

}

/** ***************************************************************************
 * お申込みフォーム
 * ************************************************************************* */

#contact {
  padding-top: 60px;
}

#contact::after {
  clip-path: shape(
    from 0 18px,
    curve to 100% 8px with 35% 40px / 65% -17px,
    vline to 100%,
    hline to 0%,
    close
  );
}

@media screen and (min-width:768px) {

  #contact {
    padding-top: 150px;
  }

  #contact::after {
    clip-path: shape(
      from 0 30px,
      curve to 100% 30px with 30% 150px / 65% -70px,
      vline to 100%,
      hline to 0%,
      close
    );
  }

}