/* Web Branding Page Styles */

/* Mobile Styles */
@media (max-width: 767px) {
  /* Webサイト制作、企業にとっての「ホームページ」の価値とは、Webサイト制作の流れのフォントサイズを小さく */
  #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: 15px 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;
  }
  hr.divider-w {
    margin: 25px 0 !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;
}

/* Footer full width on mobile for web-branding.html only */
@media (max-width: 767px) {
  body .main {
    overflow-x: hidden !important;
  }
  
  .main .footer {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
  }
  
  .main .footer .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}