@charset "utf-8";

html {
  font-size: 62.5%;
}

img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
}

.footer__pagetop-button,
#js-junkoshimada-pagetop-area{display: none;}
#page-body {
  color: #000;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
  font-size: 12px;
  letter-spacing: 0.05em;
  line-height: 20px;
}

#page-body .container,
#page-body .navbar-static-top .container,
#page-body .navbar-fixed-bottom .container,
#page-body .span12 {
  max-width: 1200px;
}

.container {
  margin-right: auto;
  margin-left: auto;
}

/* ------
--------------------- */
#js-aboutus {
  padding-top: 70px;
  margin-top: 0;
}

#page-body h2.ttl {
  margin-bottom: 35px;
  text-align: center;
  font-size: calc(100vw / 19);
  letter-spacing: 0.1em;
}

#page-body h1,
#page-body h2,
#page-body h3,
#page-body h4,
#page-body h5,
#page-body h6 {
  line-height: 1.2;
  font-weight: 400;
  margin: 0;
}

#page-body h2.ttl {
  font-family: "Benguiat-Normal";
}

.js-aboutus__caption {
  max-width: 600px;
  margin: 0 auto 70px;
  font-family: Arial;
}


/* for tablet */

/* @media only screen and (min-width: 750px) and (max-width: 1200px) {
  html {
    font-size: calc(10* (100vw / 1200));
  }

  .js-aboutus__caption {
    max-width: 95rem;
    margin: 0 auto 7rem;
    font-family: Arial;
    font-size: 1.9rem;
  }

  #page-body h2.ttl {
    font-size: 6.4rem;
  }
} */


/* for sp */
@media only screen and (max-width: 767px) {

  #page-body {
    padding: 0 calc(20* (100vw / 750));
    font-size: calc(24* (100vw / 750));
    width: auto;
    line-height: calc(40* (100vw / 750));
  }

  #page-body .container,
  #page-body .navbar-static-top .container,
  #page-body .navbar-fixed-bottom .container,
  #page-body .span12 {
    width: calc(750* (100vw / 750));
  }

  /* ------
--------------------- */
  #js-aboutus {
    padding-top: calc(80* (100vw / 750));
  }

  #page-body h2.ttl {
    margin-bottom: calc(50* (100vw / 750));
    font-size: calc(48* (100vw / 750));
  }

  .js-aboutus__caption {
    max-width: calc(750* (100vw / 750));
    margin: 0 auto calc(140* (100vw / 750));
  }
}