@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
/* CSS Document */
/* --------------------------------------------------------------------
/* 共通
-------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, fieldset, form, label, legend, b, u, i, center, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
}
html, body {
  height: 100%;
  width: 100%;
}
ol, ul,li {
  list-style: none;
}
a:hover, a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.clearfix:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}
img {
  border: none;
  vertical-align: top;
  max-width: 100%;
  image-rendering: -webkit-optimize-contrast;
}
#wrapper {}
.wrapContents {
  overflow: hidden;
}
.sp {
  display: none;
}
.pc {
  display: block;
}
.grn {
  color: #4aa6ad;
}
.pink {
  color: #fa8589;
}
/** PC **/
@media only screen and (min-width: 768px) {}
/** SP **/
@media only screen and (max-width: 767px) {
  body {
    min-width: 100%;
  }
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  img {
    max-width: 100%;
  }
}