/* Graphic Page Styles */

/* Mobile Styles */
@media (max-width: 767px) {
  /* ブランディングデザイン、「ブランディング」の価値、GRAPHICのフォントサイズを小さく */
  #home.home-section .matt-title-size-4,
  #home .matt-caption .matt-title-size-4,
  #home .caption-content .matt-title-size-4,
  .home-section .matt-title-size-4,
  .matt-caption .matt-title-size-4,
  .caption-content .matt-title-size-4 {
    font-size: 25px !important;
    letter-spacing: 6px !important;
  }
  section#about .module-title,
  section#services .module-title {
    font-size: 20px !important;
    letter-spacing: 1.5px !important;
    margin-bottom: 30px !important;
  }
  section#about .module-title,
  section#services .module-title {
    margin-bottom: 50px !important;
  }
  section#about .module-subtitle,
  section#services .module-subtitle {
    font-size: 13px !important;
    line-height: 1.8 !important;
  }
  hr.divider-w {
    margin: 25px 0 !important;
  }
  section#about {
    margin-bottom: 15px !important;
    padding-bottom: 20px !important;
  }
  section#about .module-subtitle {
    margin-bottom: 10px !important;
  }
  section#services {
    margin-top: 15px !important;
    padding-top: 25px !important;
  }
}

/* PC Styles */
section#about {
  padding-bottom: 30px !important;
}

section#about .module-subtitle {
  margin-bottom: 15px !important;
}

hr.divider-w {
  margin: 35px 0 !important;
}

section#about {
  margin-bottom: 20px !important;
}

section#services {
  margin-top: 20px !important;
  padding-top: 35px !important;
}