@charset "UTF-8";
/*
	BASE
*******************************/
/*
font-family: "din-condensed", sans-serif;
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Noto Serif JP', serif;
*/
* {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-feature-settings: "palt";
}

html {
  font-size: 62.5%;
  line-height: 1em;
}

body {
  font-size: 1.8rem;
  background-color: #ffffff;
}

img {
  -webkit-backface-visibility: hidden;
  vertical-align: bottom;
  line-height: 0;
}

p, th, td, dt, dd, li, h1, h2, h3, h4, h5, h6, label {
  color: #000000;
}

a,
a:link,
a:visited {
  color: #000000;
  text-decoration: none;
  outline: none;
  border: none;
}

a:hover {
  text-decoration: none;
}

a img {
  outline: none;
  border: none;
  -webkit-backface-visibility: hidden;
}

area {
  border: none;
  outline: none;
}

.clear {
  clear: both;
}

* img {
  max-width: 100%;
  height: auto;
}

/*//////////////////////////////////////////////////////////////////////////*/
/*
	BASE LAYOUT
******************/
body {
  min-width: 940px;
}
body #main {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}

/*
Contents LAYOUT
******************/
.wrap {
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.wrap .contents {
  width: calc(100% - 60px);
  max-width: 880px;
  margin: 0 auto;
}
.wrap .contents .contents_inner {
  width: 100%;
}

@media screen and (max-width: 640px) {
  /*
  	BASE LAYOUT
  ******************/
  body {
    min-width: 100%;
  }
  /*
  Contents LAYOUT
  ******************/
  .wrap .contents {
    width: 90%;
  }
}
@media screen and (max-width: 640px) {
  .pcOnly {
    display: none !important;
  }
}
@media screen and (min-width: 641px) {
  .spOnly {
    display: none !important;
  }
}