@charset "UTF-8";
/* baseformat updated date 191031*/
/* baseformat updated date 210708*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap');
@import url(https://use.fontawesome.com/releases/v5.15.3/css/all.css);
@font-face {
  font-family: "NotoSansRegular";
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans CJK JP Regular'), url('../fonts/NotoSansJP-Regular.woff2') format('woff2'), url('../fonts/NotoSansJP-Regular.woff') format('woff'), url('../fonts/NotoSansJP-Regular.otf') format('opentype')
}
@font-face {
  font-family: "NotoSansMedium";
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans CJK JP Medium'), url('../fonts/NotoSansJP-Medium.woff2') format('woff2'), url('../fonts/NotoSansJP-Medium.woff') format('woff'), url('../fonts/NotoSansJP-Medium.otf') format('opentype')
}
@font-face {
  font-family: "NotoSansBold";
  font-style: normal;
  font-weight: 700;
  src: local('Noto Sans CJK JP Bold'), url('../fonts/NotoSansJP-Bold.woff2') format('woff2'), url('../fonts/NotoSansJP-Bold.woff') format('woff'), url('../fonts/NotoSansJP-Bold.otf') format('opentype')
}
@font-face {
  font-family: "NotoSansBlack";
  font-style: normal;
  font-weight: 900;
  src: local('Noto Sans CJK JP Black'), url('../fonts/NotoSansJP-Black.woff2') format('woff2'), url('../fonts/NotoSansJP-Black.woff') format('woff'), url('../fonts/NotoSansJP-Black.otf') format('opentype')
}
/* ----------------------------------------------------------------reset */
/*base*/
body, div, pre, p, blockquote, form, fieldset, input, textarea, select, option, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, th, td, tr, embed, object, a, img {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
body {
  overflow-x: hidden;
}
/*font*/
h1, h2, h3, h4, h5, h6, p {
  font-style: normal;
  font-weight: normal;
  line-height: 150%;
}
/*others*/
table {
  border-spacing: 0;
}
* html table {
  border-collapse: collapse;
}
*:first-child + html table {
  border-collapse: collapse;
}
th, td {
  vertical-align: middle;
  border-collapse: collapse;
}
table, th, td, tr, img {
  border: 0;
}
img {
  vertical-align: bottom;
}
q:before, q:after {
  content: '';
}
ul {
  list-style: none;
}
/* ------------------------------------------------------------------base*/
html {
  font: 62.5%/1.8 "NotoSansRegular", sans-serif;
}
/*body*/
/*body {
  height: 100%;
  text-align: center;
  color: #303030;
  word-break: break-all;
  background: #fff;
  font-size: 1.6rem;
  font-size: 16px;
  font-feature-settings: "palt";
  -webkit-text-size-adjust: 100%;
}*/
/*font-size*/
h1, h2, h3, h4, h5, p {
  font-size: 1.4rem; /* 14px */
  font-size: 14px;
}
li, dt, dd {
  font-size: 1.4rem; /* 14px */
  font-size: 14px;
}
table {
  font-size: 1.4rem; /* 14px */
  font-size: 14px;
}
@media print, screen and (min-width:768px) {
  /*  body {
    min-width: 1170px;
    font-size: 1.8rem;
    font-size: 18px;
  }*/
  h1, h2, h3, h4, h5, p {
    font-size: 1.8rem; /* 18px */
    font-size: 18px;
  }
  li, dt, dd {
    font-size: 1.8rem; /* 18px */
    font-size: 18px;
  }
  table {
    font-size: 1.8rem; /* 18px */
    font-size: 18px;
  }
}
/*link*/
a {
  color: #0033cc;
  text-decoration: underline;
}
a img {
  border-style: none;
}
a:visited {
  color: #606;
}
a:hover {
  color: #6E8BCC;
}
dt {
  font-weight: 700;
}
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 0;
  background: #ccc;
}