/*初期設定CSS*/
#jigyo-top{
  color:#333;
  font:500 16px "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
  line-height:1.6;
  letter-spacing:.1em;
  font-family: "Noto Sans";
}

/* layout */

/* グリッド */
#jigyo-top .grid{
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: -8px;
}
#jigyo-top .grid__item{
  padding: 8px;
}
#jigyo-top .grid--num{
  align-items: flex-end;
  justify-content: center;
}
@media screen and (max-width: 768px){
  #jigyo-top .grid--num{
    display: block;
    text-align: center;
  }
}
@media screen and (max-width: 599px){
  #jigyo-top .grid--num{
    display: flex;
  }
}
/* 節 */
#jigyo-top .section{}
#jigyo-top .section + .section{
  margin-top: 40px;
}
#jigyo-top .section__item{}
#jigyo-top .section--primary > .section__item + .section__item{
  margin-top: 24px;
}


/* リスト */
#jigyo-top .list{}
#jigyo-top .list__item{}
#jigyo-top .list--normal{}
#jigyo-top .list--normal > .list__item + .list__item{
  margin-top: 8px;
}
#jigyo-top .list--aside{}
#jigyo-top .list--aside > .list__item + .list__item{
  margin-top: 4px;
}


/* module */
/* アイコン */
#jigyo-top .hasIco{
  position: relative;
}
#jigyo-top .hasIco::before{
  position: absolute;
  top: 0;
  left: 0;
}
#jigyo-top .hasIco--square{
  padding-left: 1.3em;
}
#jigyo-top .hasIco--square::before{
  content: "■";
}
#jigyo-top .section--training .hasIco--square::before{
  color: #cc2914;
}
#jigyo-top .section--open .hasIco--square::before{
  color: #1c75c5;
}
#jigyo-top .section--it .hasIco--square::before{
  color: #009945;
}
#jigyo-top .section--other .hasIco--square::before{
  color: #c2c51c;
}
#jigyo-top .hasIco--dot{
  padding-left: 1em;
}
#jigyo-top .hasIco--dot::before{
  content: "・";
}
#jigyo-top .hasIco--ast{
  padding-left: 1.3em;
}
#jigyo-top .hasIco--ast::before{
  content: "※";
}
/* 見出し */
#jigyo-top .heading{
  font-weight: bold;
  line-height: 1;
}
#jigyo-top .heading--primary{
  margin-bottom: 24px;
  padding-bottom: 4px;
  border-bottom: 2px solid;
  font-size: 24px;
}
#jigyo-top .section--training .heading--primary{
  border-color: #cc2914;
  color: #cc2914;
}
#jigyo-top .section--open .heading--primary{
  border-color: #1c75c5;
  color: #1c75c5;
}
#jigyo-top .section--it .heading--primary{
  border-color: #009945;
  color: #009945;
}
#jigyo-top .section--other .heading--primary{
  border-color: #c2c51c;
  color: #c2c51c;
}
#jigyo-top .section--common .heading--primary-left{
  border-color: #a71a32;
  padding-left: 10px;
  border-left: 10px solid #a71a32;
  margin-bottom: 24px;
  font-size: 24px;
}
#jigyo-top .section--training .heading--primary-left{
  border-color: #cc2914;
  padding-left: 10px;
  border-left: 10px solid #cc2914;
  margin-bottom: 24px;
  font-size: 24px;
}
#jigyo-top .section--training .heading--primary-left a {
  color: #cc2914;
}
#jigyo-top .section--open .heading--primary-left{
  border-color: #1c75c5;
  color: #1c75c5;
  padding-left: 10px;
  border-left: 10px solid #1c75c5;
  margin-bottom: 24px;
  font-size: 24px;
}
#jigyo-top .section--open .heading--primary-left a {
  color: #1c75c5;
}
#jigyo-top .section--it .heading--primary-left{
  border-color: #009945;
  color: #009945;
  padding-left: 10px;
  border-left: 10px solid #009945;
  margin-bottom: 24px;
  font-size: 24px;
}
#jigyo-top .section--it .heading--primary-left a {
  color: #009945;
}
#jigyo-top .section--other .heading--primary-left{
  border-color: #EE7800;
  color: #EE7800;
  padding-left: 10px;
  border-left: 10px solid #EE7800;
  margin-bottom: 24px;
  font-size: 24px;
}
#jigyo-top .section--other .heading--primary-left a {
  color: #EE7800;
}
#jigyo-top .heading--secondary{
  margin-bottom: 16px;
  font-size: 20px;
}
#jigyo-top .heading--data{
  font-weight: normal;
  line-height: inherit;
}
@media screen and (max-width: 599px){
  #jigyo-top .heading--primary{
    font-size: 20px;
    line-height: 1.2;
  }
  #jigyo-top .heading--secondary{
    font-size: 16px;
    line-height: 1.4;
  }
}

/* バナー */
#jigyo-top .banner{
  display: block;
  line-height: 0;
}

/* 数字 */
#jigyo-top .num{
  line-height: 1;
  font-weight: bold;
  font-size: 36px;
}
@media screen and (max-width: 599px){
  #jigyo-top .num{
    letter-spacing: 0;
    font-size: 20px;
  }
}

/* 上付き */
#jigyo-top .super{
  vertical-align: super;
  font-weight: normal;
  font-size: 11px;
}

/* 脚注 */
#jigyo-top .footnote{
  display: flex;
  justify-content: flex-end;
  font-size: 12px;
}


/* utility */
#jigyo-top .col6{
  width: 50%;
}
@media screen and (max-width: 599px){
  #jigyo-top .resSmcol12{
    width: 100%;
  }
}
#jigyo-top .mt40{
  margin-top: 40px;
}
#jigyo-top .hide{
  display: none;
}
@media screen and (max-width: 768px){
  #jigyo-top .resMdHide{
    display: none;
  }
}

@media screen and (max-width: 599px){
  #jigyo-top .resSmInline{
    display: inline;
  }
}