@charset "utf-8";
/* == reset ============================================== */
html, body, div, iframe, h1, h2, h3, h4, h5, h6, p, a, img, small, dl, dt, dd, ol, ul, li, form, label, table, tr, th, td, article, footer, header, nav, section, figure ,address{ margin: 0; padding: 0; border: 0; font-size: 100%; font-style: normal; }
input, textarea { margin: 0; resize: none; font-size: 16px; padding: 6px; box-sizing: border-box; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
a, a:link, a:visited, a:active { text-decoration: none; color: inherit; }
/* a:focus { outline: none; } */
img { max-width: 100%; height: auto; vertical-align: bottom; }
main { display: block; }
*, *::before, *::after { box-sizing: border-box; }

/* input,
textarea {
  -webkit-appearance: none;
  appearance: none;
}
button {
  background: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  padding: 0;
} */

/*
.xxx .img_box {
  width: 100%;
  height: 140px;
  position: relative;
  overflow: hidden;
}
.xxx .img_box img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@supports (object-fit: cover) {
  .xxx .img_box img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
*/