body {
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: #333;
  letter-spacing: 2px;
  line-height: 1.8;
}
p{ font-family: 'Noto Sans JP'; line-height: 2; }
a {
  transition: opacity .3s;
  text-decoration: none;
  color: #1ca9e3;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  border-style: none;
}
ul { list-style-type:none; }
ul.disc, ul.square{ padding-left:1.3em; }
.disc > li { list-style-type:disc; }
.square > li { list-style-type:square; }
.decimal > li { list-style-type:decimal; }

ul.circle li { text-indent:-1.3em; margin-left:1.3em; }
ul.circle li::before { content:"●"; color: #949cb6; }

ul.kome li { text-indent:-1em; margin-left:1em; }
ul.kome li::before { content:"※"; }

ol.kome { padding-left:5px; }
ol.kome li { text-indent:-2em; margin-left:2em; }
ol.kome { list-style:none; counter-reset:number; }
ol.kome li::before { counter-increment:number; content:"※"counter(number)" "; }

.flex { display:-webkit-box; display:flex; flex-wrap:wrap; }
.flex-between { -webkit-box-pack:justify; justify-content:space-between; }
.flex-center  { -webkit-box-pack:center; justify-content:center; }
.flex-end  { -webkit-box-pack:end; justify-content:flex-end; }
.flex-align-center { -webkit-box-align:center; align-items:center; }

.center{ text-align: center; }

/* 820px 以下 ------------------------ */
@media screen and (max-width: 820px) {
  .pc_only { display:none; }
}

/* 599px 以下 ------------------------ */
@media screen and (max-width: 599px) {
  .sp_none { display:none; }
}

/* 600px 以上 ------------------------ */
@media screen and (min-width: 600px) {
  .sp_none { display: block; }
  .sp_only { display:none; }
  .pctb_center{ text-align: center; }
}

/* 821px 以上 ------------------------ */
@media screen and (min-width: 821px) {
  .pc_none { display:none; }
  .pc_center{ text-align: center; }
}