h1,h2,h3,h4,h5,h6 {
  font-size: 100%;          /* デフォルトのフォントサイズをリセット */
}

body {
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

a {
  color: #3399ff;
}

strong {
  color:#646464;
  font-weight: 600;
  font-size: 0.95rem;
}

/* タイムスタンプ */
.updt{
    font-size: 11pt;
    text-align: right;
    padding: 0 1em 0 0;
}

.updt::before {
    content: "Updated：";
}

/* 記事ID */
.artid{
    font-size: 11pt;
    text-align: right;
    padding: 0 1em 0 0;
}

.artid::before {
    content: "Article ID：";
}


/* 見出しの設定 */

h1 {
    font-size: 14pt;
    padding:1em 0 0.5em 0;
    margin: 0 0 0 0;
    border-bottom: solid 3px #cce4ff;
    position: relative;
    }
    
h1::before {
    content: "+ ";
    color: #3399ff;
    font-weight: 900;
    }

h1::after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #5472cd;
    bottom: -3px;
    width: 20%;
    }

h2 {
    color: #000033;
    border-bottom: 2px solid #000;
    font-size: 13pt;
    padding:1.5em 0 3px 0;
    font-family:Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
    }

h2::before {
    content: "+ ";
    color: #3399ff;
    font-weight: 900;
    }

/* 基本操作のタイトル-上部の余白なし */
h3 {
    color: #000033;
    border-bottom: 2px solid #000;
    font-size: 13pt;
    padding:0 0 0 0;
    font-family:Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
    }

h3::before {
    content: "+ ";
    color: #3399ff;
    font-weight: 900;
    }

.qtitle{
  font-size:12pt;
  font-weight:600;
  padding:1em 0 0 0;
  color:#272727;
}  

.atitle{
  font-size:12pt;
  font-weight:600;
  padding:1em 0 0 0;
  color:#272727;
}  

 /* 統計用語 */
.wbody1{
  font-size:12pt;
  font-family:Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
  background-color:#99ccff;
  padding:1em 1em 1em 1em;
  margin: 0.5em 0 0 0;
  line-height: 1.5;
 }

.wbody2{
  font-size:11.5pt;
  font-family:Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
  background-color:#f4f9ff;
  margin: 1em 0 0 0;
  padding:1.5em 1em 1em 1em;
  line-height: 1.5;
  }

.wbody3{
    font-size:11pt;
    font-family:Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color:#f7f6fb;
    padding:0.1em 1em 0.1em 1em;
    line-height: 1.5;
    }

.wbody4{
  font-size:11pt;
  font-family:Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
  background-color:#f4f9ff;
  margin: 1em 0 0 0;
  padding:1em 1em 1em 1em;
  line-height: 1.5;
  }

.wf1{
  font-weight:500;
  }

.wf1::before {
  content: "「";
}

.wf1::after {
  content: "」";
}

.wf2{
  font-size:11pt;
  font-weight:500;
  color:#404040;
  margin:0 5px;
  }

.wf3{
  margin:1em 0em;
  padding:1.5em 0 1em 0;
  text-align:center;
  background-color:#f7f6fb;
  }


/* リストスタイル */
ul.wlst{
    padding: 0;
    list-style: none;
    }
    
ul.wlst li{
  position: relative;
  padding: 0.5em 1em 1em 3em;
  margin-bottom:6px;
  font-size: 11pt;
  border-bottom: 1px dashed #cccccc;
  line-height: 1.5;
}

ul.wlst li:after,ul.wlst li:before {
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  }
  
ul.wlst li:before{
  top: 0.7em;
  left: 0.2em;
  width: 12px;
  height: 12px;
  border:2px dashed rgba(129,194,250,0.5);
  }
  
ul.wlst li:after{
  top: 0.9em;
  left: 0.7em;
  width: 14px;
  height: 14px;
  background: rgba(129,194,250,0.3);
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}

/* 分析手法 */
.hypo{
  font-size:12pt;
  font-family:Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
  background-color:#f5f5f5;
  margin: 1em 0 0 0;
  padding:1.5em 1em 1.5em 2em;
  }

.hypo0 {
    font-size: 6pt;
}

.upr1 {
  vertical-align: super;
  font-size: 6pt;
}

.fom1 {
      vertical-align: super;
      font-size: 6pt;
      }

/* 要約 */
.sbody{
  font-size:11pt;
  font-family:Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
  background-color:#99ccff;
  padding: 0.5em 1em 0.5em 1em;
  margin: 0.5em 0 0 0;
  line-height: 1.5;
  }

/* 質問 */
.qbody{
  font-size:11pt;
  background-color:#f7f6fb;
  padding:1em 1em 1.5em 1em;
  line-height: 1.5;
}

/* 回答 */
.abody{
  font-size:11pt;
  background-color:#f7f6fb;
  padding:1em 1em 1.5em 1em;
  line-height: 1.5;
}


/* 参考 */
.rbody{
  font-size:11pt;
  background-color:#f7f6f5;
  padding:1em 1em 1.5em 1em;
}

/* 学習 */
.tbody{
  font-size:11pt;
  background-color:#f7f6f5;
  padding:1em 1em 1.5em 1em;
}

.recipebody{
    font-size:12pt;
    border-bottom: dotted #f0f8ff;
    padding:1em 1em 0em 1em;
}

/* コツ POINT */
.pbody{
    font-size:11pt;
    background-color:#f7f6fb;
    padding:0.5em 1em 0.5em 1em;
    line-height: 1.5;
    }

ul.sample1{
    padding: 0;
    list-style: none;
    }
    
ul.sample1 li{
  position: relative;
  padding: 0.5em 1em 1em 3em;
  margin-bottom:6px;
  font-size: 11pt;
  border-bottom: 1px dashed #cccccc;
}

ul.sample1 li:after,ul.sample1 li:before {
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  }
  
ul.sample1 li:before{
  top: 0.7em;
  left: 0.2em;
  width: 12px;
  height: 12px;
  border:2px dashed rgba(129,194,250,0.5);
  }
  
ul.sample1 li:after{
  top: 0.9em;
  left: 0.7em;
  width: 14px;
  height: 14px;
  background: rgba(129,194,250,0.3);
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}

/* Reference 削除候補*/
.rbodya {
  font-size:11pt;
  padding:0.5em 1em 0.5em 1em;
  }
.list1 ol{
  padding: 0 0 0 0.5em;
  font-size: 11pt;
  }
.list1 li {
   content: none;  
  }
.list1 li::before {
   content:"[" counter(count) "]";
   counter-increment: count 1;
  }

 /* タイトルのフォントサイズ他 */
.ArticleDetailLeftContainer__kbTitle {
    font-weight: 600;
    font-size: 15pt;
    font-family:Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
    letter-spacing: 0;
    line-height: 1.14;
    text-transform: none;
    color: #192f60;
    margin: 0;
    word-wrap: break-word;
}

table {
    background-color: #cdefff;
    border-collapse:  collapse;     /* セルの線を重ねる */
    margin: 2em 0 0.5em 0;          /* テーブル上下の余白 */
    margin-left: auto;              /* テーブルを中央に配置 */
    margin-right: auto;             /* テーブルを中央に配置 */
    table-layout: fixed;
    }

th {
    background-color: #e0e0e0;
    font-weight: 500;
    }

td {
    background-color: white;
    }

th,td {
    text-align: center;
    border: solid 1px;
    border: solid 1px;
    padding: 2px;
    width: 100px;
    border-width: 1px 0px;          /* 上下だけ引く */
    }

.tdst1 {
    text-align: center;
    border: solid 1px;
    border: solid 1px;
    padding: 2px;
    width: 140px;
    border-width: 1px 0px;          /* 上下だけ引く */
}

.tdst2 {
    font-weight: 600;
    background-color: #e0e0e0;
    text-align: center;
    border: solid 1px;
    border: solid 1px;
    padding: 2px;
    width: 140px;
    border-width: 1px 0px;          /* 上下だけ引く */
}

.tdst3 {
    text-align: center;
    border: solid 1px;
    border: solid 1px;
    padding: 2px;
    width: 140px;
    height: 80px;
    border-width: 1px 0px;          /* 上下だけ引く */
}

.tdst4 {
    background-color: #ffffd6;
    text-align: center;
    border: solid 1px;
    border: solid 1px;
    padding: 2px;
    width: 140px;
    height: 80px;
    border-width: 1px 0px;          /* 上下だけ引く */
}

*/
.note1{
      font-size:12pt;
      background-color: #fff;
      background-image:linear-gradient(90deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 50%, #fff 0%, #fff 100%), linear-gradient(180deg, rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 0) 97.5%, #646464 100%);
      background-size: 8px 100%,100% 2em;
      line-height: 2em;
      padding: 2em 1em 0.2em 1em;
}
*/

.edlnk1 {
    text-decoration: none;
    color: #4689FF;
}


/* 操作手順（rbodya）のリスト番号 */
.rbodya ol {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding: 0.3em 0.8em;
  }

.rbodya ol li {
  border-bottom: dashed 1px #e3e3e3;
  position: relative;
  padding: 0.5em 0.5em 0.5em 30px;
  line-height: 1.5em;
}
.rbodya ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #99ccff;
  color: white;
  font-size: 14px;
  /*border-radius: 50%;*/   /* 角を丸くする */
  left: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* 動画 */
iframe {
  border: none;
}

/* マウスオーバーで単語説明ポップアップ */
.wdex {
  position: relative;
  margin: 0 2px;
  font-weight: 600;
  transition : 3s;　/*ふわっとさせる指定*/
}
.wdex span.remark {
  font-size: 10.5pt;
  font-weight: 500;
   display: none;
 font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
    transition : 3s;　/*ふわっとさせる指定*/
}
.wdex a:hover span.remark {
  background: none repeat scroll 0 0 #f5deb3;
  border: 1px solid #CCCCCC;
  color: #000000;
  display: block;
  line-height: 1.4em;
  margin: 0.5em;
  padding: 0.5em 1em;
  width: 15em;
  position: absolute;
  top: 90%;
  left: 10%; /* X軸の位置 */
  transform: translateY(-170%); /* Y軸の位置 */
  border-radius: 10px; /* 角の丸み */
  transition : 3s;　/*ふわっとさせる指定*/
}

/* リストスタイル2 */

ul.caut1{
    padding: 0 1em 0 1em;
    list-style-image: url(https://www.stats-guild.com/img/ql/caution-2.png) ;
    list-style-position: inside;
    }
    
ul.caut1 li{
  position: relative;
  padding: 0.5em 1em 1em 0.5em;
  margin-bottom:6px;
  font-size: 11pt;
  border-bottom: 1px dashed #cccccc;
}

ul.caut1 li:after,ul.caut1 li:before {
  content: "";
  position: absolute;
  }
  
ul.caut1 li:before{
  top: 0.7em;
  left: 0.2em;
  width: 12px;
  height: 12px;
  }
  
ul.caut1 li:after{
  top: 0.9em;
  left: 0.7em;
  width: 14px;
  height: 14px;
}

/* 注意 削除候補*/
.cbody{
  font-size:10pt;
  background-color:#f7f6fb;
  padding:0.3em 1em 0.5em 1em;
  line-height: 1.5;
}

/* 基本操作の材料部分 */
.mbody{
  font-size:11pt;
  background-color:#f7f6fb;
  padding:1em 1em 1em 1em;
  line-height: 1.5;
}

/* CAUTION 2022-06-30 new*/
/* 注意事項 */
.caution__body {
  font-size:10pt;
  background-color:#f7f6fb;
  padding:0.3em 1em 0.5em 1em;
  line-height: 1.5;
}
  .caution__body ul{
  padding: 0 1em 0 1em;
  list-style-image: url(https://www.stats-guild.com/img/ql/caution-2.png) ;
  list-style-position: inside;
  }
  .caution__body li{
    position: relative;
    padding: 0.5em 1em 1em 0.5em;
    margin-bottom:6px;
    font-size: 11pt;
    border-bottom: 1px dashed #cccccc;
  }
  .caution__body li::after li::before {
    content: "";
    position: absolute;
  }
  .caution__body li::before {
    top: 0.7em;
  left: 0.2em;
  width: 12px;
  height: 12px;
  }
  .caution__body li::after {
    top: 0.9em;
    left: 0.7em;
    width: 14px;
    height: 14px;
  }

/* RELATED */
.related__body {
  font-size:0.95rem;
  background-color:#fff;
  margin: 1em 0 0 0;
  padding:0em 0em 1em;
  line-height: 1.8;
}
  .related__body a::before {
    content: " ";
  }
  .related__body li {
    list-style-type: none;
    margin: 0;
  }
/* REFERENCE 2022-06-30 new*/
/* 参考文献一覧 */
.reference__body {
  color: #404040;
  font-size:11pt;
  padding:0.5em 1em 0.5em 1em;
  }
  .reference__body a {
    color: #404040;
  }
  .reference__body ol{
    counter-reset:number; /*数字をリセット*/
    list-style-type: none!important; /*数字を一旦消す*/
    padding: 0 0 0 0.5em;
    font-size:0.9rem ;
  }
  .reference__body li {
    content: none;  
  }
  .reference__body li::before {
   counter-increment: number;
   content:" " counter(number) ")";
  }
/* 文章中の参考文献番号 */
.reference__mark {
  font-size: 0.9em;
  color: #404040;
  vertical-align: super; /*上付き*/
}

/* COMMENT */
.comment__body {
  font-size: 0.9rem;
  background-color:#f4f9ff;
  margin: 1em 0 0 0;
  padding:1em 2em;
  line-height: 1.5;
  }
/* SUMMARY */
.summary__body {
  font-size:11pt;
  background-color:#99ccff;
  padding: 0.5em 2em 0.5em 2em;
  margin: 0.5em 0 0 0;
  line-height: 1.5;
}  
/* QUESTION */
.question__body {
  font-size:11pt;
  background-color:#f7f6fb;
  padding:1em 2em 1.5em 2em;
  line-height: 1.5;
}
/* ANSWER */
.answer__body {
  font-size:11pt;
  background-color:#f7f6fb;
  padding:1em 2em 1.5em 2em;
  line-height: 1.5;
}
/* topのコンテンツ情報 */
.top__info__box {
  display: grid;
  grid-template-columns: 1fr 140px 100px 130px 120px;
}
/* 空のボックス */
  .item-blank {
    grid-column: 1;
  }
/* 記事の難易度 */
  .item-level {
    grid-column: 2;
    font-size: 0.8rem;
    text-align: center;
    margin-top: 5px;
  }
    .item-level::before {
      display: inline-block;
      vertical-align: middle;
      padding-right: 0.5em;
      content: url(https://www.stats-guild.com/img/ql/signal_cellular.svg);
    }

  /* 記事ID */
  .item-id{
    grid-column: 3;
    font-size: 0.9rem;
    text-align: center;
    margin-top: 5px;
    padding: 0 1em 0 0;
  }
    .item-id::before {
      display: inline-block;
      vertical-align: middle;
      padding-right: 0.5em;
      content: url(https://www.stats-guild.com/img/ql/article.svg);
    }

  /* 記事の更新日時 */
  .item-date{
    grid-column: 4;
    font-size: 0.9rem;
    text-align: center;
    margin-top: 5px;
    padding: 0 1em 0 0;
    vertical-align: middle;
  }
    .item-date::before {
      display: inline-block;
      vertical-align: middle;
      padding-right: 0.5em;
      content:url(https://www.stats-guild.com/img/ql/calendar_month.svg);
  }
    
    .item-elearning {
      grid-column: 5;
      font-size: 0.8rem;
      text-align: center;
      margin-top: 5px;
      width: 100px;
      height: 26px;
      background-color: #dbdfe2;
      border-radius: 12px;
  }
    .item-elearning::before {
      display: inline-block;
      vertical-align: middle;
      padding-right: 3px;
      /* padding-top: 5px; */
      content:url(https://www.stats-guild.com/img/ql/school.svg);
    }