xbody {font-family: "Helvetica Neue", Arial, "ヒラギノ角ゴ ProN", sans-serif !important;  }


body {
  font-family: "Noto Sans JP", sans-serif !important;
}

/* スマホ設定 */
@media screen and (min-width: 992px) {
  section p, section li, section table {
    font-size: 115% ; 
  }
}
@media screen and (max-width: 991px) {
  section p, section li, section table {
    font-size: 100% ; 
  }
}

.bg1 {
    background-color: #e6e9ee;
}
.bg2 {
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,1) 40%, rgba(230,233,238,1) 100%);
}
.bg3 {
    background: rgb(242,245,250);
    background: linear-gradient(0deg, rgba(242,245,250,1) 0%, rgba(230,230,238,1) 100%);
}
.bg4 {
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,1) 90%, rgba(230,233,238,1) 100%);
}
.bg-test {
  background-color: honeydew;
}

/* DARK ----------------------------------- */
.dark {
  background-color: rgb(17, 17, 17);
  color: white;
}
/*  DISABLE IT FOR JAVA HORIZONTAL BAR ANIMATION ON THE  DARK BACKGROUND----------------------------------- */
.dark * {
  color: #fff !important;
  xbackground-color: rgb(17, 17, 17);
}
.blue {
  background-color: #429ae2;
}


/* ------------FONT  ------------------  */
em {
  background-color: none;
  font-weight: bold;
}

h2, h3, h4 {
    xpadding-top: 2em;
    xbackground-color: antiquewhite;
    }
h1 {background-color: rgb(240, 255, 250, 0.5);}
h2{background-color: rgb(240, 255, 250, 0.5);}
h3 {background-color: rgb(255, 240, 249, 0.5);}
h4 {background-color: rgb(254, 255, 240, 0.5);}

.f-120, .f-120 li {
    font-size: 115% !important;
    xbackground-color: red;
  }
  .f-120 a {
    padding: 0.1em 0.7em!important;
  }
  .f-110 {
    font-size: 1.1em;
  }
.f-bold {
    font-weight: bold !important;
}


.pat {
    font-size: 40%;
}





  /*  ----------------------UL, LI  ------------------ */

/* ol デザイン */
ol:not([class]) {
    position: relative;
    margin: 0;
    padding: 0 10px 0 6px;
    list-style: none;
    xfont-weight: bold;
  }
  ol:not([class]) li {
    position: relative;
    
  /*  ----------------------ここのMARGIN-TOPはbackgroundのスペース開けるために必要  ------------------ */
    margin: 8px 20px 0 24px;
    padding: 0;
    ｘline-height: 1.5;
  }
ol:not([class]) {
    counter-reset: li;
}
ol:not([class]) > li:before {
    position: absolute;
    font-weight: bold;
    counter-increment: li;
    content: counter(li) "";
    left: -34px;
    top: -1px;
    color: #fff;
    width: 24px;
    height: 24px;
    font-size: 14px;
    text-align: center;
    box-sizing: border-box;
    font-weight: bold;
    line-height: 1;
    background-color: rgb(0, 168, 154);
    ｘbackground: #ffc33c;
    padding: 6px 0;
}
/* スマホ設定 */
@media screen and (max-width: 768px) {
    ol:not([class]) {
      padding: 0 10px 0 20px;
      font-size: 14px;
    }
    ol:not([class]) li {
      margin: 6px 20px 0 8px;
      padding: 0;
    }
    ol:not([class]) > li:before {
      font-size: 12px;
      left: -30px;
      top: 0px;
      padding: 4px 0;
      width: 20px;
      height: 20px;
    }
  }