@charset "UTF-8";
main.mh-select {
  font-family: "Noto Sans JP", "sans-serif";
  width: 100%;
  background-color: #EAE6DF;
  margin: 0 auto;
  position: relative;
}

body header {
  z-index: 99;
}
body header .nav-wrap .header-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 2;
}

ul {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

figure {
  margin: 0;
}

img {
  max-width: 100%;
}

/* sp */
.sp {
  display: none;
}

.pc {
  display: block;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.clearfix:before {
  content: "";
  display: block;
  clear: both;
}

.clearfix {
  display: block;
}

/* タブレット設定
===============================================================*/
@media screen and (min-width: 429px) and (max-width: 960px) {
  .pc {
    display: block;
  }
  .tablet {
    display: none;
  }
  .sp {
    display: none;
  }
  .tablet_on {
    display: block;
  }
}
/* スマホ設定
===============================================================*/
@media screen and (max-width: 428px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  main.mh-select {
    font-family: "Noto Sans JP", "sans-serif";
    width: 100%;
    margin: 0 auto;
    padding-bottom: 0;
    position: relative;
  }
  body header .nav-wrap .header-nav {
    margin-top: 5px;
  }
}/*# sourceMappingURL=common.css.map */