@charset "UTF-8";
/* CSS Document */
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
body {
  margin: 0px;
  font-size: 7pt;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  word-break: break-all;
  text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #444;
  line-height: 1.6;
}
.base-bg-color, body {
  background-color: #f3f3f3;
}
img, svg {
  max-width: 100%;
  display: block;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
.font-big, h2 {
  font-size: 120%;
}
.font-bigger, h1 {
  font-size: 150%;
}
.small {
  font-size: 80%;
}
.sans-serif {
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
}
.disp-iblock {
  display: inline-block;
}
.bg-white {
  background-color: #fff;
}
.color-white {
  color: #fff;
}
.flex {
  display: flex;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-jc-center {
  justify-content: center;
}
.flex-jc-around {
  justify-content: space-around;
}
.flex-jc-between {
  justify-content: space-between;
}
.flex-jc-evenly {
  justify-content: space-evenly;
}
.flex-ac-center {
  align-content: center;
}
.flex-ac-between {
  align-content: space-between;
}
.flex-ai-center {
  align-items: center;
}
.w100, .pos-sticky-top, .pos-sticky-bottom {
  width: 100%;
}
.w90 {
  width: 90%;
}
.w80 {
  width: 80%;
}
.w70 {
  width: 70%;
}
.w60 {
  width: 60%;
}
.w50 {
  width: 50%;
}
.w40 {
  width: 40%;
}
.w30 {
  width: 30%;
}
.w20 {
  width: 20%;
}
.w10 {
  width: 10%;
}
.max-960, section > * {
  max-width: 430pt;
}
.max-800 {
  max-width: 400pt;
}
.max-640 {
  max-width: 320pt;
}
.max-480 {
  max-width: 240pt;
}
.max-320 {
  max-width: 160pt;
}
.max-240 {
  max-width: 120pt;
}
.max-120 {
  max-width: 60pt;
}
.max-100p {
  max-width: 100%;
  max-height: 100%;
}
[class*=max-] {
  margin-left: auto;
  margin-right: auto;
}
.tabel-border th, .tabel-border td, .tabel-border {
  border-collapse: collapse;
  border: 1px solid #ccc;
  font-size: 5pt;
}
.tabel-border {
  margin: auto;
}
.img-fit-contain {
  object-fit: contain;
  height: 100%;
}
.img-fit-cover {
  object-fit: cover;
  height: 100%;
}
.pos-sticky-top, .pos-sticky-bottom {
  position: relative;
  z-index: 2;
}
.pos-sticky-top {
  top: 0;
}
.pos-sticky-bottom {
  bottom: 0;
}
.pos-fixed-b {
  position: relative;
  bottom: 0
}
.tabel-border .cam-border {
  border: thin solid;
}
.cam-border-bottom {
  border-bottom: thin solid;
}
.radius03 {
  border-radius: .3em;
  overflow: hidden;
}
.radius05 {
  border-radius: .5em;
  overflow: hidden;
}
.shadow-lv1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.shadow-lv2, .btn-raised {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.shadow-lv3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.shadow-lv4, .btn-raised:hover, .btn-raised:focus {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.shadow-lv6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.shadow-lv8, .btn-raised:active {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.shadow-lv12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.shadow-lv16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.shadow-lv24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.lh-2 {
  line-height: 2;
}
.ws-nowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.fb {
  font-weight: bold;
}
.btn {
  padding: 1em 1.5em;
  border-radius: 0.5em;
  border: none;
  color: var(--main-color, #333);
  background-color: transparent;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  margin: 1em;
  font-weight: 500;
  user-select: none;
  -webkit-user-select: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.btn .btn-inner-icon {
  font-size: 120%;
  margin: 0 0.3em 0 -0.1em;
}
.btn:hover, .btn:focus {
  border: none;
  outline: none;
}
.btn-raised, .btn-raised:hover, .btn-raised:focus, .btn::after, .btn::before {
  background-color: var(--main-color, #999);
  color: #fff;
}
.btn-outlined, .btn-outlined.ripple, .btn-outlined:hover, .btn-outlined:focus {
  border: solid thin;
}
.btn-raised {
  color: #fff;
}
.pd0 {
  padding: 0;
}
.pd05 {
  padding: .5em;
}
.pd10 {
  padding: 1em;
}
.pd15 {
  padding: 1.5em;
}
.pd20 {
  padding: 2em;
}
.pt0 {
  padding-top: 0;
}
.pt05 {
  padding-top: .5em;
}
.pt10 {
  padding-top: 1em;
}
.pt15 {
  padding-top: 1.5em;
}
.pt20 {
  padding-top: 2em;
}
.pr0 {
  padding-right: 0;
}
.pr05 {
  padding-right: .5em;
}
.pr10 {
  padding-right: 1em;
}
.pr15 {
  padding-right: 1.5em;
}
.pr20 {
  padding-right: 2em;
}
.pb0 {
  padding-bottom: 0;
}
.pb05 {
  padding-bottom: .5em;
}
.pb10 {
  padding-bottom: 1em;
}
.pb15 {
  padding-bottom: 1.5em;
}
.pb20 {
  padding-bottom: 2em;
}
.pl0 {
  padding-left: 0;
}
.pl05 {
  padding-left: .5em;
}
.pl10 {
  padding-left: 1em;
}
.pl15 {
  padding-left: 1.5em;
}
.pl20 {
  padding-left: 2em;
}
.mg0 {
  margin: 0;
}
.mg05 {
  margin: .5em;
}
.mg10 {
  margin: 1em;
}
.mg15 {
  margin: 1.5em;
}
.mg20 {
  margin: 2em;
}
.mt0 {
  margin-top: 0;
}
.mt05 {
  margin-top: .5em;
}
.mt10 {
  margin-top: 1em;
}
.mt15 {
  margin-top: 1.5em;
}
.mt20 {
  margin-top: 2em;
}
.mr0 {
  margin-right: 0;
}
.mr05 {
  margin-right: .5em;
}
.mr10 {
  margin-right: 1em;
}
.mr15 {
  margin-right: 1.5em;
}
.mr20 {
  margin-right: 2em;
}
.mb0 {
  margin-bottom: 0;
}
.mb05 {
  margin-bottom: .5em;
}
.mb10 {
  margin-bottom: 1em;
}
.mb15 {
  margin-bottom: 1.5em;
}
.mb20 {
  margin-bottom: 2em;
}
.ml0 {
  margin-left: 0;
}
.ml05 {
  margin-left: .5em;
}
.ml10 {
  margin-left: 1em;
}
.ml15 {
  margin-left: 1.5em;
}
.ml20 {
  margin-left: 2em;
}