html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

dl, dt, dd, ol, ul, li, {
  counter-reset: listnum;
  list-style:none;
}

body {
  color: #000;
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Meiryo","ＭＳ Ｐゴシック","Verdana","Arial","Helvetica",sans-serif;
  background: #fff;
}

p {
  font-size: 14px;
  margin-bottom: 2%;
}
@media only screen and (max-width: 767.98px) {
  p {
    font-size: 12px;
  }
}

h1 {
  color: #0070bd;
  font-size: 44px;
  font-weight: 800;
  line-height: 38px;
  margin: 5% 0 3%;
  text-align: center;
}
@media only screen and (max-width: 767.98px) {
  h1 {
    font-size: 24px;
    margin: 4% 0 2%;
  }
}

h2 {
  font-size: 24px;
  font-weight: 800;
  line-height: 30px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767.98px) {
  h2 {
    font-size: 18px;
    margin-bottom: 18px;
  }
}

h3 {
  font-size: 18px;
  font-weight: 800;
  line-height: 24px;
  margin: 2rem 0 1rem;
}
@media only screen and (max-width: 767.98px) {
  h3 {
    font-size: 14px;
  }
}

@media only screen and (min-width: 767.98px) {
  .sp-br{
    display: none;
  }
}

ol {
  margin-left: 4%;
}
@media only screen and (max-width: 767.98px) {
  ol {
    margin-left: 1%;
  }
}

li{
  margin-bottom: 1rem;
}
@media only screen and (max-width: 767.98px) {
  li {
    font-size: 12px;
  }
}

.content-body {
  margin: 5%;
  padding: 6% 9% 4% 6%;
  border: 5px solid #d9e8f2;
}
@media only screen and (max-width: 767.98px) {
  .content-body  {
    padding: 5% 4% 4% 2%;
  }
}

.ls_none {
  list-style: none;
}

.list-01 {
  margin-left: -15px;
}
@media only screen and (max-width: 767.98px) {
  .list-01 {
    margin-left: -1rem;
  }
}
.list-01 ol li::before{
	counter-increment: listnum;
	content: counter(listnum) "."; /* 半角スペースを入れて""の中にピリオドを追加 */
	vertical-align: middle;
}


.ol-2nd {
  margin-left: -5rem;
}
@media only screen and (max-width: 767.98px) {
  .ol-2nd {
    margin-left: -3rem;
  }
}
li.ls_none .ol-2nd li {
  list-style-type: none;
  list-style-position: inside;
  text-indent: -2.5rem;
  counter-increment: cnt;
}
li.ls_none .ol-2nd li::before {
  content: '（' counter(cnt) '）';
}

li.ls_none .ul-2nd li {
  list-style-type: none;
  list-style-position: inside;
  text-indent: -3rem;
  margin-left: 0rem;
  counter-increment: cnt;
}
li.ls_none .ul-2nd li::before {
  content: '（' counter(cnt) '）';
}
@media only screen and (max-width: 767.98px) {
  li.ls_none .ul-2nd li {
    text-indent: -2rem;
    margin-left: -1rem;
  }
}

.ol-left {
  margin-left: -4.5rem;
}
@media only screen and (max-width: 767.98px) {
  .ol-left {
    margin-left: -2.8rem;
  }
}

.ol-left2 {
  margin-left: -1rem;
}
@media only screen and (max-width: 767.98px) {
  .ol-left2 {
    margin-left: -1.2rem;
  }
}

.li-left {
  margin-left: -2.5rem;
}

@media only screen and (max-width: 767.98px) {
  .sp-url {
    font-size: 80%;
  }
}

.Maru_num {
  text-indent: -0.8rem;
  padding-left: 0.8rem;
}