@charset "UTF-8";
/* メディアクエリの設定 */
/* 基本設定
------------------------------------------------------------*/
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
html {
  font-size: 10px;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, sans-serif, "Noto Sans JP", "メイリオ", Verdana, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

li {
  list-style: none;
}

.sp {
  display: none;
}
@media only screen and (max-width: 576px) {
  .sp {
    display: inline-block;
  }
}

.ssp {
  display: none;
}
@media only screen and (max-width: 360px) {
  .ssp {
    display: inline-block;
  }
}

.tablet {
  display: none;
}
@media only screen and (max-width: 992px) {
  .tablet {
    display: inline-block;
  }
}

.pc {
  display: block;
}
@media only screen and (max-width: 576px) {
  .pc {
    display: none;
  }
}

section {
  width: 990px;
  margin: 0 auto;
}
@media only screen and (max-width: 992px) {
  section {
    width: 100%;
  }
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  font-size: 1.8rem;
  line-height: 1.5;
}
@media only screen and (max-width: 992px) {
  body,
  div,
  dl,
  dt,
  dd,
  ul,
  ol,
  li,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  pre,
  code,
  form,
  fieldset,
  legend,
  input,
  textarea,
  p,
  blockquote,
  th,
  td {
    font-size: 3vw;
  }
}
@media only screen and (max-width: 576px) {
  body,
  div,
  dl,
  dt,
  dd,
  ul,
  ol,
  li,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  pre,
  code,
  form,
  fieldset,
  legend,
  input,
  textarea,
  p,
  blockquote,
  th,
  td {
    line-height: 1.2;
  }
}

h2 {
  font-size: 2.4rem;
  font-weight: bold;
}

h3 {
  font-size: 2rem;
  font-weight: bold;
}

h1 {
  font-size: 3rem;
  font-weight: bold;
}

.sec_inner_1500 {
  width: 1500px;
  margin: 0 auto;
}
@media only screen and (max-width: 1500px) {
  .sec_inner_1500 {
    width: 1200px;
  }
}
@media only screen and (max-width: 1200px) {
  .sec_inner_1500 {
    width: 900px;
  }
}
@media only screen and (max-width: 992px) {
  .sec_inner_1500 {
    width: 100%;
  }
}

.sec_inner_1200 {
  width: 1200px;
  margin: 0 auto;
}
@media only screen and (max-width: 1200px) {
  .sec_inner_1200 {
    width: 900px;
  }
}
@media only screen and (max-width: 992px) {
  .sec_inner_1200 {
    width: 100%;
  }
}

.sec_inner_900 {
  width: 900px;
  margin: 0 auto;
}
@media only screen and (max-width: 992px) {
  .sec_inner_900 {
    width: 100%;
  }
}/*# sourceMappingURL=common.css.map */