@charset "UTF-8";
/*--------------------------------------------------- */
/* .subtitle */
/*--------------------------------------------------- */
.subtitle {
  margin-top: 96px;
  width: 100%;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: #FDAB62;
  background: -moz-linear-gradient(-45deg, #FFC926 1%, #FDAB62 70%);
  background: -webkit-linear-gradient(-45deg, #FFC926 1%, #FDAB62 70%);
  background: linear-gradient(135deg, #FFC926 10%, #FDAB62 70%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$grd-color1', endColorstr='$grd-color2',GradientType=1 ); }
  .subtitle .catch {
    text-align: center;
    color: #fff;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
    margin-top: 4px; }
    .subtitle .catch h2 {
      font-size: 28px;
      font-size: 2.8rem;
      font-weight: 700; }
    .subtitle .catch p {
      font-size: 20px;
      font-size: 2rem;
      margin-top: 6px;
      font-family: "Times New Roman", serif; }

/*--------------------------------------------------- */
/* レスポンシブ */
/*--------------------------------------------------- */
@media (max-width: 768px) {
  /*--------------------------------------------------- */
  /* .subtitle */
  /*--------------------------------------------------- */
  .subtitle {
    margin-top: 76px; } }

@media (max-width: 480px) {
  /*--------------------------------------------------- */
  /* .subtitle */
  /*--------------------------------------------------- */
  .subtitle {
    height: 80px; }
    .subtitle .catch h2 {
      font-size: 24px;
      font-size: 2.4rem; }
    .subtitle .catch p {
      font-size: 16px;
      font-size: 1.6rem;
      margin-top: 6px; } }