@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

body {
  line-height: 28px;
}

body, #app, .navbar a {
  font-family: 'Noto Sans JP', sans-serif;
  color: #333;
}
.columns:not(:last-child) {
  margin-bottom: 0px;
}
.columns {
  margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}
.column {
  padding: 0px;
}

.container.is-max-desktop {
  /*margin-right: 25px;*/
}

.sub-title {
  font-family: Century Gothic, 'Noto Sans JP', sans-serif;
  letter-spacing: 0.1em;
  padding-top: 40px;
  padding-bottom: 40px;
  font-size: 24px;
  line-height: 30px;
}
.sub-title.pdt100 {
  padding-top: 100px;
}
.sub-title.pdt50 {
  padding-top: 50px;
}

@media (max-width: 768px){
  .column {
    /*padding-left: .75rem;*/
  }
  .sub-title {
    padding-left: 4%;
  }
  .container {
    min-height: 100vh; /* ←コンテンツの高さの最小値＝ブラウザの高さに指定 */
    position: relative;/* ←相対位置 */
    padding-bottom: 250px; /* ←フッターの高さを指定 */
    box-sizing: border-box;
  }
  .mobileSpacer {
    height: 60px;
  }
}