@charset "UTF-8";
html,
body {
  margin: 0px;
  height: 100%;
  color: #333333;
  font-family: "游ゴシック体 Std M", sans-serif;
}
@media only screen and (max-width: 1199px) {
  html,
  body {
    font-size: 16px;
  }
}

@font-face {
  font-family: "游ゴシック体 Std M";
  src: url(../font/YuGothicStd-M.otf);
}
a {
  text-decoration: none;
  color: #2D435D;
  cursor: pointer;
}

h1,
h2,
h3 {
  font-family: dnp-shuei-mgothic-std, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 36px;
}

.add_effect {
  opacity: 0;
}

.div_desk {
  max-width: 1460px;
  margin: 0px auto;
  padding: 0px 20px;
  position: relative;
  height: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1459px) {
  .div_desk {
    max-width: 1200px;
  }
}

@media only screen and (max-width: 1199px) {
  .m_remove {
    display: none;
  }
}

.m_show {
  display: none;
}
@media only screen and (max-width: 1199px) {
  .m_show {
    display: inherit;
  }
}

#div_loading_mask {
  position: fixed;
  z-index: 99;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: white;
  display: flex;
  justify-content: center;
  place-items: center;
  align-items: center;
}

#div_loading {
  border: 5px solid #f3f3f3;
  border-top: 5px solid #DA5C6A;
  border-radius: 50%;
  width: 10vw;
  height: 10vw;
  animation: spin 2s linear infinite;
}

#img_loading {
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  margin: auto;
  width: 8vw;
  height: auto;
}/*# sourceMappingURL=common.css.map */