@charset "UTF-8";

/* CSS Document */

/* =====================================
Base
===================================== */
html {
  font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","Helvetica Neue",Arial,"Hiragino Sans",sans-serif;
  font-weight: 500;
  font-size: 62.5%;

  /* 1rem = 10px */
  background-color: var(--bg-main);
  color: var(--text-main);
  overflow-x: hidden;
}

body {
  font-size: 1.7em;
  line-height: 1.60;
}

a {
  text-decoration: none;
}

ul, li {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  border: 0;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
}

/* =====================================
Image Hover
===================================== */
body a img {
  transition: opacity 0.3s ease;
  backface-visibility: hidden;
}

body a img:hover {
  opacity: 0.7;
}

/* =====================================
Float Utility
===================================== */
.float_l {
  float: left;
}

.float_r {
  float: right;
}

.clear {
  clear: both;
}

/* =====================================
Desktop Only (>=961px)
===================================== */
@media (min-width: 961px) {
  .sp {
    display: none !important;
  }

}

/* =====================================
Tablet & Mobile (<=960px)
===================================== */
@media (max-width: 960px) {
  body {
    font-size: 1.6em;
    line-height: 1.60;
  }

  .pc {
    display: none !important;
  }

}

/* =====================================
Print
===================================== */
@media print {
  body {
    display: none !important;
  }

}