@charset "UTF-8";
@font-face {
  font-family: century;
  src: url(../fonts/centurygothic.ttf);
  font-weight: 400
}
@font-face {
  font-family: century;
  src: url(../fonts/centurygothic_bold.ttf);
  font-weight: 700
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, nav, section, time, mark, audio, video {
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  outline: 0;
  padding: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
  display: block
}
html {
  font-size: 62.5%
}
body, table, input, textarea, select, option, h1, h2, h3, h4, h5, h6 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 700
}
table, input, textarea, select, option {
  line-height: 1.1
}
ol, ul {
  list-style: none
}
blockquote, q {
  quotes: none
}
:focus {
  outline: 0
}
ins {
  text-decoration: none
}
del {
  text-decoration: line-through
}
img {
  vertical-align: top
}
a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}
a:hover, a:hover img {
  filter: alpha(opacity=80);
  opacity: .8
}
img {
  max-width: 100%
}
.sp-only {
  display: none
}
@media only screen and (max-width: 767px) {
  .pc-only {
    display: none
  }
  .sp-only {
    display: block
  }
}

body {
  position: relative;
  font-family: Noto Sans JP, sans-serif;
    font-weight:500;
  overflow-x: hidden;
  font-size: 1.7rem;
  line-height: 2.1;
  color: #333;
  letter-spacing: .05em;

}

@media screen and (min-width: 768px) and (max-width: 1024px) {
     body {

    font-size: 2.0rem;

  } 
    
}


@media only screen and (max-width: 767px) {
  body {
    min-width: 320px;
    font-size: 1.5rem;
    padding-bottom: 55px
  }
}


@media (min-width: 600px) {
   a[href^="tel:"] {
       pointer-events: none;
   }
}