@charset "UTF-8";

@font-face {
  font-family: "dnp-shuei-mgothic-std", sans-serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "dnp-shuei-mgothic-std", sans-serif;
  font-weight: 600;
  font-style: normal;
}
body {
  font-family: "dnp-shuei-mgothic-std", "Yu Gothic", sans-serif;
}

h1, h2, h3, h4, p, div, ol, ul, li {
  padding: 0;
  margin: 0;
}

ol, ul, dl {
  list-style-position: inside;
}

a {
  text-decoration: none;
  color: inherit;
}

a:hover, a:visited, a:active {
  text-decoration: none;
  color: inherit;
}

/* box-sizing (IE6,7 not work) */
*, *:before, *:after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*for iOS*/
label {
  cursor: pointer;
}

input,
textarea {
  -webkit-appearance: none;
}

@media screen and (min-width: 850px) {
  .pce {
    display: block;
  }
  img.pce,
span.pce {
    display: inline;
  }
  .spe {
    display: none !important;
  }
}
.part {
  position: relative;
  width: 100%;
}

.part .part-content {
  margin: 0 auto;
}

/* float要素の高さをそろえる実サイズが1000pxを超える場合、こんなに必要ない場合は調整 */
.sync-height {
  padding-bottom: 1000px;
  margin-bottom: -1000px;
}

/* small device */
@media screen and (max-width: 849px) {
  body {
    -webkit-text-size-adjust: 100%;
  }
  img.pce,
span.pce,
.pce {
    display: none !important;
  }
  .spe {
    display: block;
  }
  img.spe,
span.spe {
    display: inline;
  }
  div, p, li {
    max-height: 9999px;
  }
  .sync-height {
    padding-bottom: 0;
    margin-bottom: 0;
  }
}/*# sourceMappingURL=common.css.map */

@media screen and (min-width: 981px) {
  .pce980 {
    display: block;
  }
  img.pce980,
span.pce980 {
    display: inline;
  }
  .spe980 {
    display: none !important;
  }
}

/* small device */
@media screen and (max-width: 980px) {
  img.pce980,
span.pce980,
.pce980 {
    display: none !important;
  }
  .spe980 {
    display: block;
  }
  img.spe980,
span.spe980 {
    display: inline;
  }
}

@media screen and (min-width: 781px) {
  .pce780 {
    display: block;
  }
  img.pce780,
span.pce780 {
    display: inline;
  }
  .spe780 {
    display: none !important;
  }
}

/* small device */
@media screen and (max-width: 780px) {
  img.pce780,
span.pce780,
.pce780 {
    display: none !important;
  }
  .spe780 {
    display: block;
  }
  img.spe780,
span.spe780 {
    display: inline;
  }
}