@charset "UTF-8";

/*-------------------
base.css
-------------------*/
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, dl, dt, dd, ol, ul, li, 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-weight: normal; line-height: 1.5;}
 html.halfRenew, .halfRenew body, .halfRenew div, .halfRenew object, .halfRenew iframe, .halfRenew h1, .halfRenew h2, .halfRenew h3, .halfRenew h4, .halfRenew h5, .halfRenew h6, .halfRenew p, .halfRenew blockquote, .halfRenew pre, .halfRenew abbr, .halfRenew address, .halfRenew cite, .halfRenew code, .halfRenew del, .halfRenew dfn, .halfRenew em, .halfRenew img, .halfRenew ins, .halfRenew kbd, .halfRenew q, .halfRenew samp, .halfRenew small, .halfRenew strong, .halfRenew sub, .halfRenew sup, .halfRenew var, .halfRenew b, .halfRenew i, .halfRenew dl, .halfRenew dt, .halfRenew dd, .halfRenew ol, .halfRenew ul, .halfRenew li, .halfRenew fieldset, .halfRenew form, .halfRenew label, .halfRenew legend, .halfRenew table, .halfRenew caption, .halfRenew tbody, .halfRenew tfoot, .halfRenew thead, .halfRenew tr, .halfRenew th, .halfRenew td, .halfRenew article, .halfRenew aside, .halfRenew canvas, .halfRenew details, .halfRenew figcaption, .halfRenew figure, .halfRenew footer, .halfRenew header, .halfRenew hgroup, .halfRenew menu, .halfRenew nav, .halfRenew section, .halfRenew summary, .halfRenew time, .halfRenew mark, .halfRenew audio, .halfRenew video {
  line-height: normal;
}
.halfRenew header, .halfRenew footer, .halfRenew .footerNav{
  line-height: 1;
}

img{margin: 0; padding: 0; border: 0; line-height:0; font-size:0; vertical-align:top;}
html{width:100%; height: 100%; font-size: 16px;}
ul, li{list-style: none;}
.halfRenew .disc ul, .halfRenew .disc li{
  list-style: disc;
  line-height: 1.75rem;
}


table{border-collapse: collapse; border-spacing: 0;}
span{font-weight: inherit;}

a{
  margin: 0;
  padding: 0;
  border: 0;
  color: inherit;
  -webkit-transition: opacity .3s linear;
  transition: opacity .3s linear;
  text-decoration: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  }

br{line-height: 0;}
footer{position: unset;}


/* よく使いそうなもの */
.bold { font-weight:bold; }
.taL{ text-align:left; }
.taR{ text-align:right; }
.taC{ text-align:center; }

.flex_container{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.flex_wrap{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


.icon.blank{
  display: inline-block;
  vertical-align: top;
  width: 0.75rem;
  height: 0.6875rem;
  margin: 0.3125rem 0 0 0.3125rem;
}

.mathjax_area *,
.mjx-math *{
  line-height: 0;
}


.fraction span{
  line-height: 0;
}

 .halfRenew .icon_file_area{
  font-size: 0.6rem;
 }
 .halfRenew .fileLink{
  line-height: normal;
 }
 .halfRenew .fileLink_info{
  font-size: 0.7rem;
 }

 .halfRenew .accbox label .icon_box img {
    width: 2em;
    height: 2em;
    font-size: 1em;
}
.halfRenew main img{
  font-size: 1em;
}

@media only screen and (min-width: 769px){
  .halfRenew .lower_textbox{
      font-size: 1rem;
      line-height: 1.75em;
  }
  .halfRenew .curriculum_area table {
      font-size: 1rem;
  }
  .halfRenew .code_area table {
      font-size:0.8125rem;
  }
}
.lower_textbox p, .lower_textbox li, .lower_textbox ul , .lower_textbox div{
  line-height:inherit;
}

.halfRenew .stripTit h4 {
    font-size: 1.25rem;
}
@media only screen and (max-width: 768px){
  .halfRenew .stripTit h4 {
      font-size: 5.33vw;
  }

  .halfRenew .curriculum_area table tr td,
  .halfRenew .curriculum_area table.threetypes tr td {
      font-size: 0.9rem;
  }

  .halfRenew .fileLink_info {
      font-size: 0.9rem;
  }
}


.accbox p{
  line-height: inherit;
}

body{
  /*background-color: #ffffff;*/
  color: #3C3C43;
  font-family: 'Noto Sans', 'Noto Sans JP', "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Verdana, "メイリオ", "游ゴシック", "Yu Gothic", Meiryo, sans-serif;
  font-size: calc(112.5% + 0.25vw);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  font-weight: 400;
  /*-webkit-font-feature-settings: "palt";*/
  }
  .halfRenew body{
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Verdana, "メイリオ", "游ゴシック", "Yu Gothic", Meiryo, sans-serif;
     font-size: 16px;
  }
  .halfRenew body#books{
    font-size: 16px;
    padding-bottom: 0 !important;
  }


  .halfRenew footer{
    position: relative;
    bottom: unset;
  }


.halfRenew .mainText,
.halfRenew span.mainText{
  font-size: 1rem;
  line-height: 1.75em;
}
.halfRenew .btn_back{margin: 3.75rem auto 0 auto;}
.halfRenew .btn_back a{
  font-size: 1.25rem;
  padding: 0.313rem 4.063rem;
}
.halfRenew .stripTit h3{font-size: 1.25rem;}
.halfRenew .footerNav{margin-top: 75px;}
.halfRenew body#books .footerNav{margin-top: 0;}
.halfRenew .decimal li{list-style-type: decimal;}

/* books_product */
.halfRenew body#books .title{
  font-size: 2.1875rem;
  line-height: 1;
}
.halfRenew body#books p.buyBtn{
  font-size: 1.25rem;
}

/* books_provider */
.halfRenew body#books header .inner,
.halfRenew body#books .footerNav .inner,
.halfRenew body#books footer .inner{
  margin-top: 0;
}

.halfRenew body#books #info{
  font-size: 0.875rem;
}

.halfRenew body#books .content-box.download .box01 h3{
  font-size: 1.25rem;
  font-weight: 700;
}

.halfRenew body#books .icon_file_area{
  font-size: 0.6875rem;
}
.halfRenew body#books .icon_file{
  width: 2.2rem;
  height: 2.40625rem;
}
.halfRenew body#books .catalog .icon_file_area{
  font-size: 0.8125rem;
}

.halfRenew body#books .smallerText{
  font-size: 0.875rem;
}
.halfRenew body#books .accordionBody.square-box li{
  font-size: 0.875rem;
}

/* books_copyright */
.halfRenew body#books .content-box.copyright .description{
  font-size: 1.125rem;
}
.halfRenew body#books .content-box.copyright .accordion{
  font-size: 1.125rem;
}
.halfRenew body#books .content-box.copyright #request .contact:before{
  font-size: 2.5rem;
}

.halfRenew .rem18{
  font-size: 1.125rem;
}

/* forum */
.halfRenew body#search{
  padding-bottom: 0;
}

.halfRenew body, .halfRenew input, .halfRenew textarea{
  line-height: 1.7;
}
.halfRenew #column{
  background: none;
  margin: 2rem 0 0 0;
  padding: 0;
}
@media only screen and (max-width: 768px){
  .halfRenew #column{
    margin: 3.5rem 0 0 0;
  }
}


/* corporate_philosophy */
.halfRenew #corporate_mainArea .js-image-switch{
  display: block;
  margin: 0 auto;
}

/* stepwork */
.halfRenew .page_box .btn_page p{
  font-size: 1rem;
}

main{ overflow-x: hidden; }

#svgdef{display: none;}

svg{font-size: 0;line-height: 1;}
.halfRenew body svg{font-size: inherit; line-height: inherit;}

svg.addFil.gray{fill:#C0C0C0!important;}
svg.addFil.Dgray{fill:#707070!important;}
svg.addFil.black{fill:#3C3C43!important;}
svg.addFil.white{fill:#ffffff!important;}
svg.addFil.rika, svg.addFil.science, svg.addFil.college_physics, .lineup#college_physics svg.addFil.college_physics{fill:#45b036;}
svg.addFil.seikatsu{fill:#ee791d;}
svg.addFil.sansu, svg.addFil.math, svg.addFil.college_math, .lineup#college_math svg.addFil.college_math{fill:#0078b9;}
svg.addFil.taiiku, svg.addFil.pe{fill:#7d4798;}
svg.addFil.other{fill:#af8f68;}

.rika .slider-container svg.addFil, .science .slider-container svg.addFil, .college_physics .slider-container svg.addFil{fill:#45b036;}
.seikatsu .slider-container svg.addFil{fill:#ee791d;}
.sansu .slider-container svg.addFil, .math .slider-container svg.addFil, .college_math .slider-container svg.addFil{fill:#0078b9;}
.taiiku .slider-container svg.addFil, .pe .slider-container svg.addFil{fill:#7d4798;}

svg.addStr.gray{stroke:#C0C0C0;}
svg.addStr.Dgray{stroke:#707070;}
svg.addStr.black{stroke:#3C3C43;}
svg.addStr.white{stroke:#ffffff;}
svg.addStr.rika, svg.addStr.science, svg.addStr.college_physics{stroke:#45b036;}
svg.addStr.seikatsu{stroke:#ee791d;}
svg.addStr.sansu, svg.addStr.math, svg.addStr.college_math{stroke:#0078b9;}
svg.addStr.taiiku, svg.addStr.pe{stroke:#7d4798;}
svg.addStr.other{stroke:#af8f68;}

.bg_color_rika,
.bg_color_science,
.bg_color_college_physics{
  background-color: #eeffee;
}
.bg_color_seikatsu{
  background-color: #fceee4;
}
.bg_color_sansu,
.bg_color_math,
.bg_color_college_math{
  background-color: #e8f7ff;
}
.bg_color_taiiku,
.bg_color_pe{
  background-color: #eeeeff;
}

.bg_color_white{
  background-color: #ffffff;
}



.border_L3{
  box-sizing: border-box;
  border-width: 0 0 0 3px;
  border-style: solid;
  }
  .border_L3.rika,
  .border_L3.science,
  .border_L3.college_physics{
    border-color: #45b036;
  }
  .border_L3.seikatsu{
    border-color: #ee791d;
  }
  .border_L3.sansu,
  .border_L3.math,
  .border_L3.college_math{
    border-color: #0078b9;
  }
  .border_L3.taiiku,
  .border_L3.pe{
    border-color: #7d4798;
  }
  .border_L3.other{
    border-color: #af8f68;
  }

.border_L6{
  box-sizing: border-box;
  border-width: 0 0 0 6px;
  border-style: solid;
  }
  .border_L6.rika,
  .border_L6.science,
  .border_L6.college_physics{
    border-color: #45b036;
  }
  .border_L6.seikatsu{
    border-color: #ee791d;
  }
  .border_L6.sansu,
  .border_L6.math,
  .border_L6.college_math{
    border-color: #0078b9;
  }
  .border_L6.taiiku,
  .border_L6.pe{
    border-color: #7d4798;
  }
  .border_L6.other{
    border-color: #af8f68 !important;
  }


@keyframes opa {
  0% {
    opacity: 0;
    transform:translate(0,-10px);
  }
  100% {
    opacity: 1;
    transform:translate(0,0);
  }
}


@media screen and (min-width : 601px){

  .halfRenew body#search #column_main{
    font-size: 0.875rem;
  }

  .halfRenew body#search .forum_tit span{
    font-size: 1.25rem;
  }
  .halfRenew body#search .forum_subTit span{
    font-size: 1.0625rem;
  }



  html.fzL{font-size: 20px;}

  a:hover{color: inherit; opacity: 0.7;}

  /*layout style*/
  .pc{ display: block; }
  span.pc, em.pc, a.pc, br.pc, i.pc, img.pc, input.pc, select.pc{
    display: inline;
  }
  .sp{ display: none; }
  .tb{ display: none; }
  .tb_sp{ display: none; }
  .pc_tb{ display: block; }
  span.pc_tb, em.pc_tb, a.pc_tb, br.pc_tb, i.pc_tb, img.pc_tb, input.pc_tb, select.pc_tb{
    display: inline;
  }
  .pc_sp{ display: block; }
  span.pc_sp, em.pc_sp, a.pc_sp, br.pc_sp, i.pc_sp, img.pc_sp, input.pc_sp, select.pc_sp{
    display: inline;
  }

  .inner{
    width: 94%;
    max-width: 1120px;
    margin: 0 auto;
  }

  .btn a.btnLink{
    background-color: #ffffff;
    box-sizing: border-box;
    border: 1px solid #c0c0c0;
    border-radius: 0.5rem;
    color: #3C3C43;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding: 20px 0;
    width: 100%;
  }

  .halfRenew .about_access{
    font-size: 0.844rem;
    line-height: 1.5em;
  }


  /* -------------------------------------------------------------------------------------------
  *
  * ヘッダー
  *
  * ----------------------------------------------------------------------------------------- */

  header{
    /*position: fixed;*/
    /*top: 0; left: 0;*/
    background-color: #ffffff;
    box-sizing: border-box;
    width: 100%;
    z-index: 100;
  }
  header .inner{
    position: relative;
  }
/*
  header .bg{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #dddddd;
    box-sizing: border-box;
    background-color: rgba(255,255,255,0);
    transition: all .3s;
    transform: scale(1, 0.75);
    transform-origin: center top;
    position: absolute;
    top: 1px; left: 0;
    z-index: -1;
    opacity: 0;
    pointer-events: none;
  }
  header.active .bg{
    }
    header.active.nav_01 .bg{
      transform: scale(1, 1);
      background-color: rgba(255,255,255,1);
      opacity: 1;
      height: 36.875rem;
    }
    header.active.nav_02 .bg{
      transform: scale(1, 1);
      background-color: rgba(255,255,255,1);
      opacity: 1;
      height: 37.375rem;
    }
    header.active.nav_03 .bg{
      transform: scale(1, 1);
      background-color: rgba(255,255,255,1);
      opacity: 1;
      height: 31rem;
    }
    header.active.nav_04 .bg{
      transform: scale(1, 1);
      background-color: rgba(255,255,255,1);
      opacity: 1;
      height: 28.4375rem;
    }
    header.active.nav_05 .bg{
      transform: scale(1, 1);
      background-color: rgba(255,255,255,1);
      opacity: 1;
      height: 32.8125rem;
    }
*/

  header div.contents_box{
    padding: 25px 0 0 0;
    box-sizing: border-box;
    width: 100%;
  }

  header h1{
    font-size: 0;
    position: absolute;
    /*top: 0; left: 0;*/
    top: -3px; left: 0;
    z-index: 1;
  }
  header h1 a.hLogoLink{
    display: inline-block;
    vertical-align: top;
  }
  header h1 img{
    width: 174px;
    height: auto;
  }

  header #hNav{
    position: relative;
    right: unset;
    bottom: unset;
  }

  header #hNav #hNavList{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    /*margin: 0 410px 0 0;*/
    margin: 0 380px 0 0;
    padding: 7px 0 0 0;
  }

  header #hNav #hNavList .hNavList_li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding: 0;
    background: none;
    float: unset;
  }
  header #hNav #hNavList .hNavList_li:nth-of-type(n+2){
    margin: 0 0 0 1.5rem;
  }

  header #hNav #hNavList .hNavList_li a{
    color: #909090;
    font-size: 0.8125rem;
    line-height: 1;
  }

  header #hNav #hNavList .hNavList_li .icon{
    margin: -0.1875rem 0.3125rem 0 0;
    display: inline-block;
    vertical-align: middle;
    width: 0.375rem;
    height: 0.6875rem;
  }




  header #textsize{
    position: absolute;
    top: 0;
    /*right: 250px;*/
    right: 224px;
    font-size: 0;
  }
  header #textsize .textresizer_text{
    display: inline-block;
    vertical-align: middle;
    color: #909090;
    font-size: 0.8125rem;
    margin: 0 8px 0 0;
  }
  header #textsize .textresizer_btn{
    display: inline-block;
    vertical-align: middle;
    color: rgba(144,144,144,1);
    font-size: 0.8125rem;
    line-height: 1;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(192,192,192,1);
    box-sizing: border-box;
    background-color: rgba(255,255,255,1);
    padding: 5px 8px 7px 8px;
    -webkit-transition: color .5s ease, background-color .5s ease, border-color .5s ease;
    transition: color .5s ease, background-color .5s ease, border-color .5s ease;
  }
  header #textsize .textresizer_btn.textresizer-active{
    color: rgba(255,255,255,1);
    background-color: rgba(144,144,144,1);
    border-color: rgba(144,144,144,1);
  }

  header #textsize .textresizer_btn.large{
    border-radius: 6px 0 0 6px;
  }
  header #textsize .textresizer_btn.small{
    border-radius: 0 6px 6px 0;
    border-left: none;
  }




  header nav{
    margin: 24px 0 0 0;
    border-bottom: 1px solid #DDDDDD;
  }

  header nav ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }


  header nav ul li{
    width: 100%;
    text-align: center;
    cursor: pointer;
    position: relative;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    position: relative;
    }
    header nav ul li:hover{
      opacity: 0.7;
    }


  header nav ul li::before{
    content: '';
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 7px solid #B99B78;
    position: absolute;
    right: 0; bottom: 0; left: 0;
    margin: auto;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    }
    header nav ul li.active::before{
      opacity: 1;
      visibility: visible;
    }

  header nav ul li::after{
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background-color: #B99B78;
    position: absolute;
    bottom: 0; left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
    transform: scale(0, 1);
    transform-origin: center top;
    }
    header nav ul li.active::after{
      opacity: 1;
      visibility: visible;
      transform: scale(1, 1);
    }

  header nav ul li p{
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    padding: 1rem 0;
  }
  header nav ul.active li p{
    color: #939393;
  }
  header nav ul.active li.active p{
    color: #3C3C43;
  }
  header nav ul li p svg{
    /*margin: -0.2rem 0 0 0.625rem;*/
    display: inline-block;
    vertical-align: middle;
    width: 0.625rem;
    height: 0.625rem;
    position: absolute;
    top: 0.2rem; bottom: 0;
    margin: auto auto auto 0.75rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    /*-webkit-transition: transform .5s ease;*/
    /*transition: transform .5s ease;*/
  }
  header nav ul li.active p svg{
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    /*margin: 0.2rem 0 0 0.625rem;*/
  }



  header div.navPanel{
    display: none;
    position: absolute;
    padding: 0 0 40px 0;
    /*background-color: #ffffff;*/
    background-color: rgba(255,255,255,0);
    width: 100%;
    top: 118px; left: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    /*border-top: 1px solid #dddddd;*/
    border-bottom: 1px solid #dddddd;
    box-sizing: border-box;
    /*-webkit-transition: opacity .5s ease;*/
    /*transition: opacity .5s ease;*/
    z-index: 2;
    }
    header div.navPanel.active{
      display: block;
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      background-color: rgba(255,255,255,1);
    }
/*
    header div.navPanel.nav_01{
      height: 36.875rem;
    }
    header div.navPanel.nav_02{
      height: 41.375rem;
    }
    header div.navPanel.nav_03{
      height: 31rem;
    }
    header div.navPanel.nav_04{
      height: 28.4375rem;
    }
    header div.navPanel.nav_05{
      height: 32.8125rem;
    }
*/

  header div.navPanel::after{
    /*content: '';*/
    display: block;
    width: 100%;
    height: 100%;
    /*border-bottom: 1px solid #dddddd;*/
    box-sizing: border-box;
    background-color: rgba(255,255,255,0);
    /*transition: all .3s;*/
    /*transform: scale(1, 0);*/
    /*transform-origin: center top;*/
    position: absolute;
    top: 1px; left: 0;
  }
  header div.navPanel.active::after{
    /*transform: scale(1, 1);*/
    /*background-color: rgba(255,255,255,1);*/
  }





  header div.navPanel div.navPanel_tabList{
    border-bottom: 1px solid #DDDDDD;
    position: relative;
    z-index: 2;
    opacity: 0;
    /*-webkit-transition: opacity .5s ease;*/
    /*transition: opacity .5s ease;*/
  }
  header div.navPanel.active div.navPanel_tabList{
    opacity: 1;
  }

  header div.navPanel div.navPanel_tabList ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
  }
  header div.navPanel div.navPanel_tabList ul{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  header div.navPanel div.navPanel_tabList ul::after{
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 0; left: 0;
  }
  header div.navPanel div.navPanel_tabList ul.rika::after,
  header div.navPanel div.navPanel_tabList ul.science::after,
  header div.navPanel div.navPanel_tabList ul.college_physics::after{
    background-color: #45b036;
  }
  header div.navPanel div.navPanel_tabList ul.seikatsu::after{
    background-color: #ee791d;
  }
  header div.navPanel div.navPanel_tabList ul.sansu::after,
  header div.navPanel div.navPanel_tabList ul.math::after,
  header div.navPanel div.navPanel_tabList ul.college_math::after{
    background-color: #0078b9;
  }
  header div.navPanel div.navPanel_tabList ul.taiiku::after,
  header div.navPanel div.navPanel_tabList ul.pe::after{
    background-color: #7d4798;
  }


  header div.navPanel div.navPanel_tabList ul li{
    width: 100%;
    max-width: 30%;
    text-align: center;
    cursor: pointer;
    position: relative;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    }
    header div.navPanel div.navPanel_tabList ul li:hover{
      opacity: 0.7;
    }


  header div.navPanel div.navPanel_tabList ul li::after{
    content: '';
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    position: absolute;
    right: 0; bottom: 0; left: 0;
    margin: auto;
    display: none;
    }
    header div.navPanel div.navPanel_tabList ul li.rika::after,
    header div.navPanel div.navPanel_tabList ul li.science::after,
    header div.navPanel div.navPanel_tabList ul li.college_physics::after{
      border-bottom: 7px solid #45b036;
    }
    header div.navPanel div.navPanel_tabList ul li.seikatsu::after{
      border-bottom: 7px solid #ee791d;
    }
    header div.navPanel div.navPanel_tabList ul li.sansu::after,
    header div.navPanel div.navPanel_tabList ul li.math::after,
    header div.navPanel div.navPanel_tabList ul li.college_math::after{
      border-bottom: 7px solid #0078b9;
    }
    header div.navPanel div.navPanel_tabList ul li.taiiku::after,
    header div.navPanel div.navPanel_tabList ul li.pe::after{
      border-bottom: 7px solid #7d4798;
    }
    header div.navPanel div.navPanel_tabList ul li.active::after{
      display: block;
    }



  header div.navPanel div.navPanel_tabList ul li p{
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    padding: 16px 0;
    color: #939393;
    }
    header div.navPanel div.navPanel_tabList ul li.rika p,
    header div.navPanel div.navPanel_tabList ul li.science p,
    header div.navPanel div.navPanel_tabList ul li.college_physics p{
      color: #45b036;
    }
    header div.navPanel div.navPanel_tabList ul li.seikatsu p{
      color: #ee791d;
    }
    header div.navPanel div.navPanel_tabList ul li.sansu p,
    header div.navPanel div.navPanel_tabList ul li.math p,
    header div.navPanel div.navPanel_tabList ul li.college_math p{
      color: #0078b9;
    }
    header div.navPanel div.navPanel_tabList ul li.taiiku p,
    header div.navPanel div.navPanel_tabList ul li.pe p{
      color: #7d4798;
    }


  header div.navPanel div.navPanel_tabList ul li p svg{
    /*margin: -0.2rem 0 0 0.625rem;*/
    display: inline-block;
    vertical-align: middle;
    width: 0.625rem;
    height: 0.625rem;
    position: absolute;
    top: 0.2rem; bottom: 0;
    margin: auto auto auto 0.75rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  header div.navPanel div.navPanel_tabList ul li.active p svg{
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    /*margin: 0.2rem 0 0 0.625rem;*/
  }







  header div.navPanel div.navPanel_cnt{
    display: none;
    padding: 40px 0 0 0;
    position: relative;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform:translate(0,-10px);
    /*-webkit-transition: opacity .5s ease;*/
    /*transition: opacity .5s ease;*/

    }

    header div.navPanel.active div.navPanel_cnt.active{
      display: block;
      animation-name: opa;
      animation-duration: 0.2s;
      animation-delay: 0.2s;
      visibility: visible;
      pointer-events: auto;
      animation-fill-mode:forwards;
    }

  header div.navPanel div.navPanel_cnt div.inner{
    position: relative;
/*
    -webkit-transform: translate(0, -30px);
    transform: translate(0, -30px);
    -webkit-transition: transform .5s ease, opacity .5s ease;
    transition: transform .5s ease, opacity .5s ease;
    opacity: 0;
    }
    header.active div.navPanel div.navPanel_cnt div.inner{
      opacity: 1;
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
*/
    }

  header div.navPanel div.navPanel_cnt div.navPanel_close{
    position: absolute;
    top: 0; right: 0;
    padding: 10px;
    border-radius: 50%;
    background-color: #af8f68;
    line-height: 0;
    cursor: pointer;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    z-index: 1;
    }
    header div.navPanel div.navPanel_cnt.rika div.navPanel_close,
    header div.navPanel div.navPanel_cnt.science div.navPanel_close,
    header div.navPanel div.navPanel_cnt.college_physics div.navPanel_close{
      background-color: #45b036;
    }
    header div.navPanel div.navPanel_cnt.seikatsu div.navPanel_close{
      background-color: #ee791d;
    }
    header div.navPanel div.navPanel_cnt.sansu div.navPanel_close,
    header div.navPanel div.navPanel_cnt.math div.navPanel_close,
    header div.navPanel div.navPanel_cnt.college_math div.navPanel_close{
      background-color: #0078b9;
    }
    header div.navPanel div.navPanel_cnt.taiiku div.navPanel_close,
    header div.navPanel div.navPanel_cnt.pe div.navPanel_close{
      background-color: #7d4798;
    }
  header div.navPanel div.navPanel_cnt div.navPanel_close:hover{
    opacity: 0.7;
  }

  header div.navPanel div.navPanel_cnt div.navPanel_close svg{
    width: 11px;
    height: 11px;
  }





  header div.navPanel div.navPanel_cnt div.navPanel_ttl{
    margin: 0 0 40px 0;
  }

  header div.navPanel div.navPanel_cnt div.navPanel_ttl a{
    display: inline-block;
    vertical-align: top;
    font-size: 1.875rem;
    font-weight: 700;
    position: relative;
    padding: 0 0 0 1.5rem;
  }

  header div.navPanel div.navPanel_cnt div.navPanel_ttl a svg{
    display: inline-block;
    vertical-align: top;
    width: 1.625rem;
    height: 1.5rem;
    margin: auto;
    position: absolute;
    top: 0; bottom: 0; left: -0.5rem;
  }



  header div.navPanel div.navPanel_cnt div.navPanel_box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  header div.navPanel div.navPanel_cnt div.navPanel_box div.navPanel_unit{
    width: 100%;
    max-width: 317px;
  }
  header div.navPanel div.navPanel_cnt div.navPanel_box div.navPanel_unit.bnr{
    max-width: 230px;
  }

  header div.navPanel div.navPanel_cnt div.navPanel_unit div.navPanel_unit_ttl{
    padding: 0 0 0 0.6875rem;
    margin: 0 0 1.125rem 0;
  }
  header div.navPanel div.navPanel_cnt div.navPanel_unit div.navPanel_unit_ttl:nth-of-type(n+2){
    margin: 60px 0 1.125rem 0;
  }

  header div.navPanel div.navPanel_cnt div.navPanel_unit div.navPanel_unit_ttl p{
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
  }



  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list{
    padding: 24px 0 0 0;
    box-sizing: border-box;
  }
  header div.navPanel.nav_04 div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list{
    padding: 52px 0 0 0;
  }
  header div.navPanel div.navPanel_cnt div.navPanel_unit.bnr ul.navPanel_unit_list{
    padding: 0;
  }
  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list.border_T1{
    border-style: solid;
    border-width: 1px 0 0 0;
    border-color: #DDDDDD;
  }

  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li{
    line-height: 1;
    }
    header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li:nth-of-type(n+2){
      /*margin: 20px 0 0 0;*/
      margin: 16px 0 0 0;
    }
    header div.navPanel div.navPanel_cnt div.navPanel_unit.bnr ul.navPanel_unit_list li:nth-of-type(n+2){
      margin: 12px 0 0 0;
    }

  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li a{
    display: inline-block;
    vertical-align: top;
  }

  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li a svg{
    display: inline-block;
    vertical-align: top;
    width: 0.8125rem;
    height: 1.125rem;
    /*margin: 0.3125rem 0.5rem 0 0;*/
    margin: 0.1875rem 0.5rem 0 0;
  }
  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li.bfArrow a svg{
    width: 1rem;
    height: 1rem;
  }

  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li a p{
    display: inline-block;
    vertical-align: top;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    }
    header div.navPanel.nav_04 div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li a p,
    header div.navPanel.nav_05 div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li a p{
      font-weight: 700;
    }
  header div.navPanel div.navPanel_cnt div.navPanel_unit.bnr ul.navPanel_unit_list li a p{
    display: none;
  }

  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li a p span{
    display: inline;
  }


  header div.navPanel div.navPanel_cnt div.navPanel_unit.bnr ul.navPanel_unit_list li a img{
    width: 100%
  }



  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li.navBtn{
    margin: 26px 0 0 0;
  }

  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li.navBtn a{
    display: inline-block;
    vertical-align: top;
    border-style: solid;
    border-width: 1px;
    border-radius: 54px;
    box-sizing: border-box;
    line-height: 0;
    /*padding: 14px 16px 13px 24px;*/
    /*width: 164px;*/
    padding: 14px 28px 13px 24px;
  }
  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li.navBtn.rika a,
  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li.navBtn.science a,
  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li.navBtn.college_physics a{
    border-color: #45b036;
  }
  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li.navBtn.seikatsu a{
    border-color: #ee791d;
  }
  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li.navBtn.sansu a,
  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li.navBtn.math a,
  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li.navBtn.college_math a{
    border-color: #0078b9;
  }
  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li.navBtn.taiiku a,
  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li.navBtn.pe a{
    border-color: #7d4798;
  }



  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li.navBtn a svg{
    display: inline-block;
    vertical-align: middle;
    width: 0.5rem;
    height: 1rem;
    margin: 0.125rem 0.5rem 0 0;
  }

  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li.navBtn a p{
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
  }
  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li.navBtn.rika a p,
  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li.navBtn.science a p,
  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li.navBtn.college_physics a p{
    color: #45b036;
  }
  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li.navBtn.seikatsu a p{
    color: #ee791d;
  }
  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li.navBtn.sansu a p,
  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li.navBtn.math a p,
  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li.navBtn.college_math a p{
    color: #0078b9;
  }
  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li.navBtn.taiiku a p,
  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li.navBtn.pe a p{
    color: #7d4798;
  }



  header div.navPanel div.navPanel_cnt ul.navPanel_2clm{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  header div.navPanel div.navPanel_cnt ul.navPanel_2clm li{
    width: 43.75%;
  }
  header div.navPanel div.navPanel_cnt ul.navPanel_2clm li:nth-of-type(n+2){
    margin: 0 0 0 60px;
  }

  header div.navPanel div.navPanel_cnt ul.navPanel_2clm li a{
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-size: 0;
    box-sizing: border-box;
    padding: 51px 0 46px 0;
    border: 1px solid #af8f68;
    border-radius: 10px;
    width: 100%;
  }
  header div.navPanel div.navPanel_cnt ul.navPanel_2clm li a img{
    display: inline-block;
    vertical-align: middle;
    margin: 0 23px 0 0;
  }
  header div.navPanel div.navPanel_cnt ul.navPanel_2clm li a p{
    display: inline-block;
    vertical-align: middle;
    font-size: 1.875rem;
    font-weight: 700;
  }





  /* -------------------------------------------------------------------------------------------
  *
  * パンくず
  *
  * ----------------------------------------------------------------------------------------- */

  #pageGuide{
    padding: 0.625rem;
    box-sizing: border-box;
  }

  #pageGuide ul{
    font-size: 0;
    letter-spacing: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  #pageGuide ul li{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    }
    #pageGuide ul li:nth-of-type(n+2){
      /*padding: 0 0 0 0.75rem;*/
      /*margin: 0 0 0 0.75rem;*/
      padding: 0 0 0 1.5rem;
    }
    #pageGuide ul li:nth-of-type(n+2)::before{
      content: "";
      position: absolute;
      /*top: 0.225rem;*/
      top: 0; bottom: 0;
      /*left: -0.3rem;*/
      left: 0.5rem;
      margin: auto;
      width: 0.3rem;
      height: 0.3rem;
      border-top: 1px solid #9F9F9F;
      border-right: 1px solid #9F9F9F;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }

  #pageGuide ul li{
    }
    #pageGuide ul li:last-child{
      color: #9F9F9F;
      overflow-x: hidden;
    }

  #pageGuide ul li a,
  #pageGuide ul li span{
    font-size: 0.8125rem;
    line-height: 1;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }




  /* -------------------------------------------------------------------------------------------
  *
  * anchor_list
  *
  * ----------------------------------------------------------------------------------------- */

  .anchor_list{
    width: 100%;
    background-color: #ffffff;
    z-index: 1;
  }
  .anchor_list.is-fixed{
    position: fixed;
    left: 0;
  }

  .inner .anchor_list .inner{
    width: 100%;
    padding: 0;
    }
    .inner .anchor_list.is-fixed .inner{
      /*width: 94%;*/
      /*width: 89%;*/
      padding: 0 43px;
      width: -webkit-calc(94% - 43px);
      width: calc(94% - 43px);
    }


  .anchor_list ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .anchor_list ul.tb_sp,
  .anchor_list ul.tb,
  .anchor_list ul.sp{
    display: none;
  }


  .anchor_list ul li{
    width: 100%;
    max-width: 30%;
    text-align: center;
    cursor: pointer;
    position: relative;
  }

  .anchor_list ul li.disable{
    cursor: default;
    pointer-events: none;
    opacity: 0.5;
  }


  .anchor_list ul li a{
    pointer-events: none;
    line-height: 1;
  }

  .anchor_list ul li .anchor_list_text{
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    padding: 16px 0;
    /*color: #939393;*/
    }
    .rika .anchor_list ul li .anchor_list_text,
    .science .anchor_list ul li .anchor_list_text,
    .college_physics .anchor_list ul li.active .anchor_list_text,
    .anchor_list ul li.rika .anchor_list_text,
    .anchor_list ul li.science .anchor_list_text,
    .anchor_list ul li.college_physics .anchor_list_text,
    .anchor_list ul li.active.rika .anchor_list_text,
    .anchor_list ul li.active.science .anchor_list_text,
    .anchor_list ul li.active.college_physics .anchor_list_text{
      color: #45b036;
    }
    .seikatsu .anchor_list ul li .anchor_list_text,
    .anchor_list ul li.seikatsu .anchor_list_text,
    .anchor_list ul li.active.seikatsu .anchor_list_text{
      color: #ee791d;
    }
    .sansu .anchor_list ul li .anchor_list_text,
    .math .anchor_list ul li .anchor_list_text,
    .college_math .anchor_list ul li .anchor_list_text,
    .anchor_list ul li.sansu .anchor_list_text,
    .anchor_list ul li.math .anchor_list_text,
    .anchor_list ul li.college_math .anchor_list_text,
    .anchor_list ul li.active.sansu .anchor_list_text,
    .anchor_list ul li.active.math .anchor_list_text,
    .anchor_list ul li.active.college_math .anchor_list_text{
      color: #0078b9;
    }
    .taiiku .anchor_list ul li .anchor_list_text,
    .pe .anchor_list ul li .anchor_list_text,
    .anchor_list ul li.taiiku .anchor_list_text,
    .anchor_list ul li.pe .anchor_list_text,
    .anchor_list ul li.active.taiiku .anchor_list_text,
    .anchor_list ul li.active.pe .anchor_list_text{
      color: #7d4798;
    }
    .anchor_list ul li.other.active .anchor_list_text{
      color: #AF8F68;
    }
    .tab_group_subject ul li.rika .anchor_list_text,
    .tab_group_subject ul li.science .anchor_list_text,
    .tab_group_subject ul li.college_physics .anchor_list_text,
    .tab_group_subject ul li.seikatsu .anchor_list_text,
    .tab_group_subject ul li.sansu .anchor_list_text,
    .tab_group_subject ul li.math .anchor_list_text,
    .tab_group_subject ul li.college_math .anchor_list_text,
    .tab_group_subject ul li.taiiku .anchor_list_text,
    .tab_group_subject ul li.pe .anchor_list_text{
      color: #3C3C43;
    }


  .anchor_list ul li a .icon{
    /*margin: -0.2rem 0 0 0.625rem;*/
    display: inline-block;
    vertical-align: middle;
    width: 0.625rem;
    height: 0.75rem;
    margin: 0 0 0 0.5rem;
  }




  /* -------------------------------------------------------------------------------------------
  *
  * 表組
  *
  * ----------------------------------------------------------------------------------------- */

  .table_box{
    display: table;
    width: 100%;
    border-radius: 0.5rem;
    border: 1px solid #c0c0c0;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
    }
    .table_box.codeList,
    #pe_textbook .table_box.codeList{
      margin: 40px 0 0 0;
    }
    .textbook .table_box.codeList,
    .digital_textbook .table_box.codeList{
      margin: 0;
    }

  .overflow_table_outer{
    width: 100%;
    overflow-y: hidden;

    overflow-x: auto;
    margin: 0 -3vw 0 0;
    padding: 0 3vw 0 0;
    }
    .college_math .tabPanel_cnt_txt .overflow_table_outer,
    .college_physics .tabPanel_cnt_txt .overflow_table_outer{
      margin: 0 -3vw 0 -1rem;
      padding: 0 3vw 0 1rem;
    }
    .news_area .overflow_table_outer{
      margin: 0 -6vw 0 0;
      padding: 0 6vw 0 0;
    }
    .answerOuter .overflow_table_outer{
      margin: 0;
      padding: 0;
    }


  .overflow_table_inner{
    display: table;
    min-width: 100%;
    }
    .js_isFirefox .overflow_table_inner,
    .js_isSafari .overflow_table_inner,
    .js_isIe .overflow_table_inner{
      padding: 0 3vw 0 0;
    }
    .js_isChrome .overflow_table_inner,
    .js_isEdge .overflow_table_inner{
      padding: 0;
    }

  .table_box table{
    width: 100%;
    border-collapse: collapse;
  }

  .table_box table th:first-child, .table_box table td:first-child {
    border-left: none;
    border-bottom: none;
  }

  .table_box table th:last-child, .table_box table td:last-child {
    border-right: none;
  }

  .table_box table td,
  .table_box table th{
    background-color: #ffffff;
    border: 1px solid #c0c0c0;
    box-sizing: border-box;
    font-size: 0.9375rem;
    line-height: 1.5;
  }
  .tabPanel_cnt_box_2 table th,
  .tabPanel_cnt_box_2 table td{
    width: 50%;
  }
  .table_box.clm3 table th,
  .table_box.clm3 table td{
    width: 33%;
  }
  .table_box table td[rowspan],
  .table_box table th[rowspan]{
    vertical-align: top;
    padding-top: 1.125rem;
  }
  .table_box table th.endBrackets,
  .table_box table td.endBrackets{
    padding-right: 0.75rem !important;
    white-space: nowrap;
  }
  .table_box table th.newline,
  .table_box table td.newline{
    white-space: normal;
  }
  .table_box.rika table th ,
  .table_box.science table th,
  .table_box.college_physics table th{
    background-color: #eeffee;
  }
  .table_box.seikatsu table th {
    background-color: #fceee4;
  }
  .table_box.sansu table th ,
  .table_box.math table th,
  .table_box.college_math table th{
    background-color: #e8f7ff;
  }
  .table_box.taiiku table th ,
  .table_box.pe table th {
    background-color: #eeeeff;
  }

  .table_box table th {
    font-weight: 700;
    padding: 0.75rem 1.25rem;
    text-align: left;
    }
    .rika .table_box table th ,
    .science .table_box table th ,
    .college_physics .table_box table th {
      background-color: #eeffee;
    }
    .seikatsu .table_box table th {
      background-color: #fceee4;
    }
    .sansu .table_box table th ,
    .math .table_box table th ,
    .college_math .table_box table th {
      background-color: #e8f7ff;
    }
    .taiiku .table_box table th ,
    .pe .table_box table th {
      background-color: #eeeeff;
    }

  .table_box table td {
    background: #fff;
    padding: 1.125rem 1.25rem;
    }
    .table_box table tr:nth-of-type(odd) td {
      background-color: #f0f0f0;
    }
    .table_box table tr:nth-of-type(odd) td.bgWhite {
      background-color: #ffffff;
    }

  .table_box table tr:first-child th, .table_box table tr:first-child td {
    border-top: none;
  }

  .table_box table tr:last-child th, .table_box table tr:last-child td {
    border-bottom: none;
  }

  .table_box table td p{
    line-height: 1.5;
  }
  .table_box table td .num_outer{
    position: relative;
  }
  .table_box table td .fwB,
  .table_box table td strong{
    font-weight: 700;
  }

    .table_box table td a:hover p{
      text-decoration: underline;
    }

  .table_box .remove_border_b{
    border-bottom: none;
  }

  .table_box table td .table_list{
    }
    .table_box table td .table_list:nth-of-type(n+2){
      margin: 0.625rem 0 0 0;
    }

  .table_box table td .table_list .table_list_text{
    display: inline-block;
    vertical-align: top;
    font-size: 0.9375rem;
    font-weight: 700;
    max-width: -webkit-calc(100% - 3.125rem);
    max-width: calc(100% - 3.125rem);
  }


  .table_box table td svg.icon{
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 0.375rem;
    width: 1.25rem;
    height: 1.25rem;
  }
  .table_box table td svg.icon.arrow{
    width: 0.5625rem;
    height: 0.9375rem;
    margin: 0.1875rem 0.375rem 0 0;
  }
  .table_box table td svg.icon.blank{
    width: 0.875rem;
    height: 0.8125rem;
    margin: 0.1875rem 0 0 0.375rem;
  }

  .table_box table td span.digit4,
  .table_box table td span.digit5{
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    margin: 0.25rem 0.25rem 0 0;
  }
  .table_box table td span.digit4:nth-of-type(n+2),
  .table_box table td span.digit5:nth-of-type(n+2){
    margin: 0.25rem 0.25rem 0 0.125rem;
  }
  .table_box table td span.num{
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    width: 1.25rem;
    text-align: right;
    position: absolute;
    top: 0; left: -0.3125rem;
  }
  .table_box table td span.text{
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    margin: 0 0 0 1rem;
  }
  .table_box table td span.text_ind2{
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    margin: 0 0 0 1.9375rem;
  }




  /* -------------------------------------------------------------------------------------------
  *
  * アコーディオン
  *
  * ----------------------------------------------------------------------------------------- */

/*
  .accordion_list {
    margin-top: 40px;
    border-bottom: none;
  }
*/
  .accordion_list{
    width: 100%;
    margin-top: 30px;
  }
  /*.accordion_list .inner,*/
  .accordion_list{
    border-bottom: 1px solid #c0c0c0;
  }

  .accordion dt .txt.border_L6 {
    padding: 0 6% 0 0.375rem;
  }
  .accordion dt.open .txt {
    color: #000;
  }

  .accordion_list .accordion dd div.answerOuter {
     padding: 2.5rem 1rem 2rem;
     text-align: center;
  }
  .accordion_list .accordion dd .answerOuter .txt{
    max-width: 844px;
    margin: 0 auto;
  }
  .accordion_list .accordion dd .txt.size-small {
    max-width: 510px;
  }
  .accordion_list .accordion dd .txt.w100 {
    max-width: 100%;
  }
  .accordion_list .accordion dd .txt-center {
    text-align: center !important;
  }
  .accordion_list .accordion dd .image {
    max-width: 1024px;
    /*margin: 1.875rem auto 0;*/
    margin: 1.875rem auto 8rem auto;
    text-align: center;
    position: relative;
  }
  .accordion_list .accordion dd .image.large-height {
    height: 1000px;
  }
  .accordion_list .accordion dd .image.large-height .btn_page {
    margin: 16.1875rem auto 0;
  }
  .accordion_list .accordion dd .image img {
    max-width: 100%;
  }

  .accordion_list .accordion dd .image img.no-limit-height {
    max-height: unset;
  }
  .accordion_list .accordion dd .image img.on_img {
    /*width: auto;*/
    width: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-height: inherit;
    /*max-height: 700px;*/
  }

  .accordion_list .accordion dd .image img.bottom-point {
    bottom: 3.7rem;
    right: -2.5rem;
    top: auto;
    left: auto;
    max-width: 358px;
    width: 35%;
  }
  .accordion_list .accordion .btn_page {
    font-size: 1rem;
    width: 12.3125rem;
    height: 2.5rem;
    border: 1px solid;
    border-radius: 2.5rem;
    background: #fff;
    overflow: hidden;
    text-align: left;
    padding-left: 3rem;
    box-sizing: border-box;
    /*margin: 1.25rem auto 0.6rem;*/
    margin: 1.25rem auto 0 auto;
    cursor: pointer;
    /*position: relative;*/
    position: absolute;
    right: 0; left: 0; bottom: -4rem;
  }
  .accordion_list .accordion .btn_page .icon {
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    top: 0.65rem;
    left: 1.375rem;
  }
  .accordion_list .accordion .btn_page p {
    line-height: 2.3rem;
    font-weight: bold;
  }
  .accordion_list .accordion .btn_page p.bg_active {
    padding-left: 0;
  }
  .accordion_list .accordion .btn_page.active {
    color: #707070 !important;
    border-color: #C0C0C0 !important;
  }
  .accordion_list .accordion .btn_page.active svg.addFil.icon{
    fill: #C0C0C0 !important;
  }


  .accordion_list .accordion dd div.flex_unit {
    padding: 1rem;
    box-sizing: border-box;
  }
  .accordion_list .accordion dd div.flex_unit.pc-clm2 {
    width: 50%;
  }
  .accordion_list .accordion dd div.flex_unit.pc-clm3 {
    width: 33%;
  }
  .accordion_list .accordion dd div.flex_unit.pc-clm4 {
    width: 25%;
  }
  .accordion_list .accordion dd div.flex_unit p{
    font-size: 1.125rem;
    font-weight: 700;
    margin: 0 0 0.5rem 0;
  }
  .accordion_list .accordion dd div.flex_unit ul{
    font-size: 1rem;
  }





  /* -------------------------------------------------------------------------------------------
  *
  * news
  *
  * ----------------------------------------------------------------------------------------- */

  .news_area{
    background-color: #ffffff;
    }
    #revision.news_area{
      margin: 60px 0 0 0;
    }

  .news_area div.newsHeader{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding: 0 0 22px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #c0c0c0;
  }

  .news_area div.newsHeader h3{
    line-height: 1;
  }
  .news_area div.newsHeader h3 p,.news_area div.newsHeader h3 .border_L6{
    font-size: 1.5rem;
    font-weight: 700;
    padding: 0 0 0 0.375rem;
    line-height: 1.2;
    display: block;
  }

  .news_area div.newsHeader ul.rss_area{
    margin: 0 0 0 43px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  }

  .news_area div.newsHeader ul.rss_area li{
    line-height: 1;
  }
  .news_area div.newsHeader ul.rss_area li:nth-of-type(n+2){
    margin: 0 0 0 24px;
  }

  .news_area div.newsHeader ul.rss_area li svg{
    display: inline-block;
    vertical-align: middle;
    width: 1rem;
    height: 0.8125rem;
  }

  .news_area div.newsHeader ul.rss_area li p{
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    font-weight: 700;
  }
  .news_area div.newsHeader ul.rss_area li p span.sp{
    display: inline;
  }


  .news_area div.sub_category_area div.news_box{
    margin: 0 0 24px 0;
  }
  .news_area div.sub_category_area ul.news_data{
    width: 100%;
    }
    .news_area div.sub_category_area ul.news_data.cboxLoadedContent{
      height: 18rem;
      overflow: auto;
    }

  /* scrollbar */
  .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
    background-color: #ffffff;
  }

  .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #c0c0c0;
  }
  .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background-color: #c0c0c0;
  }


  .news_area div.sub_category_area ul.news_data li{
     padding: 14px 0 0 0;
    }
    .news_area div.sub_category_area ul.news_data li:nth-of-type(n+2){
      padding: 0;
      margin: 28px 0 0 0;
    }


  .news_area div.sub_category_area ul.news_data li div{
    display: inline-block;
    vertical-align: top;
    line-height: 1.5;
  }
  .news_area div.sub_category_area ul.news_data li div:nth-of-type(1){
    font-size: 0.875rem;
    color: #707070;
    margin: 0.125rem 0 0 20px;
  }
  .news_area div.sub_category_area ul.news_data li div.tag{
    color: #707070;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1;
    border-color: #707070;
    border-style: solid;
    border-width: 1px;
    border-radius: 0.3rem;
    padding: 0.3125rem 0;
    width: 150px;
    text-align: center;
    margin: 0.0625rem 0 0 20px;
    }
    .news_area div.sub_category_area ul.news_data li div.tag.category_apology{
      background-color: #DDDDDD;
    }
    .tag_list.category_apology{
      background-color: #DDDDDD;
    }
    .news_area div.sub_category_area ul.news_data li div.tag.category_important{
      color: #E62025;
      border-color: #E62025;
      font-weight: 500;
    }
    .news_area div.sub_category_area ul.news_data li div.tag.color_rika{
      color: #45B036;
      border-color: #45B036;
    }
    .news_area div.sub_category_area ul.news_data li div.tag.color_seikatsu{
      color: #EE791D;
      border-color: #EE791D;
    }
    .news_area div.sub_category_area ul.news_data li div.tag.color_math{
      color: #0078B9;
      border-color: #0078B9;
    }
    .news_area div.sub_category_area ul.news_data li div.tag.color_pe{
      color: #7D4798;
      border-color: #7D4798;
    }
    .subjects_index .news_area#revision div.sub_category_area ul.news_data li div.tag{
      display: none;
    }


  .news_area div.sub_category_area ul.news_data li div.txt{
    font-size: 1rem;
    /*font-weight: 700;*/
    margin: 0 0 0 20px;
    max-width: -webkit-calc(100% - 20rem);
    max-width: calc(100% - 20rem);
  }
  .subjects_index .news_area#revision div.sub_category_area ul.news_data li div.txt,
  .news_area div.sub_category_area ul#digital_news li div.txt{
    max-width: -webkit-calc(100% - 8rem);
    max-width: calc(100% - 8rem);
  }
  .news_area div.sub_category_area ul.news_data li div.txt img{
    display: inline-block;
    vertical-align: top;
    margin: 0.3125rem 0 0 0.3125rem;
  }


  .news_area ul.revisionList{
    text-align: right;
  }

  .news_area ul.revisionList li svg{
    display: inline-block;
    vertical-align: middle;
    width: 1rem;
    height: 0.8125rem;
  }

  .news_area ul.revisionList li p{
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    font-weight: 700;
  }





  /* -------------------------------------------------------------------------------------------
  *
  * linkArea
  *
  * ----------------------------------------------------------------------------------------- */

  #linkArea{
    background-color: #ffffff;
    padding: 32px 0 64px 0;
  }

  #linkArea ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #linkArea ul li{
    width: 24%;
    margin: 0 1% 1rem 0;
  }
  #linkArea ul li a{
  }
  #linkArea ul li a p{
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
  }




  /* -------------------------------------------------------------------------------------------
  *
  * フッター
  *
  * ----------------------------------------------------------------------------------------- */


  div.footerNav{
    background-color: #f0f0f0;
    padding: 45px 0;
  }
  div.footerNav a{
    color: #3C3C43;
  }

  div.footerNav div.footerNav_cnt{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  div.footerNav div.footerNav_cnt:nth-of-type(n+2){
    margin: 32px 0 0 0;
    padding: 32px 0 0 0;
    border-top: 1px solid #c0c0c0;
  }

  div.footerNav div.footerNav_cnt div.footerNav_unit{
    width: 100%;
    max-width: 317px;
  }

  div.footerNav div.footerNav_cnt div.footerNav_unit div.footerNav_unit_ttl{
    margin: 0 0 1.125rem 0;
  }

  div.footerNav div.footerNav_cnt div.footerNav_unit div.footerNav_unit_ttl svg{
    display: inline-block;
    vertical-align: middle;
    width: 0.5rem;
    height: 0.8125rem;
    margin: 0 0.125rem 0 0;
  }

  div.footerNav div.footerNav_cnt div.footerNav_unit div.footerNav_unit_ttl p{
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    font-weight: 700;
  }



  div.footerNav div.footerNav_cnt div.footerNav_unit ul.footerNav_unit_list{
    padding: 0 0 0 0.875rem;
  }
  div.footerNav div.footerNav_cnt div.footerNav_unit.bnr ul.footerNav_unit_list{
    padding: 0;
  }

  div.footerNav div.footerNav_cnt div.footerNav_unit ul.footerNav_unit_list li{
    line-height: 1;
    }
    div.footerNav div.footerNav_cnt div.footerNav_unit ul.footerNav_unit_list li:nth-of-type(n+2){
      margin: 14px 0 0 0;
    }

  div.footerNav div.footerNav_cnt div.footerNav_unit ul.footerNav_unit_list li a{
    display: inline-block;
    vertical-align: top;
  }

  div.footerNav div.footerNav_cnt div.footerNav_unit ul.footerNav_unit_list li a svg{
    display: inline-block;
    vertical-align: middle;
    width: 0.5rem;
    height: 0.8125rem;
    /*margin: 0.2rem 0.5rem 0 0;*/
    margin: -0.0625rem 0.5rem 0 0;
  }

  div.footerNav div.footerNav_cnt div.footerNav_unit ul.footerNav_unit_list li a p{
    display: inline-block;
    vertical-align: middle;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
  }


  footer .snsLink{
    background-color: #ffffff;
    padding: 20px 0 0 0;
  }
  footer .snsLink_list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  }
  footer .snsLink_list_li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    }
    footer .snsLink_list_li:nth-of-type(n+2){
      padding: 0 0 0 1.125rem;
      margin: 0 0 0 1.125rem;
      border-style: solid;
      border-width: 0 0 0 1px;
      border-color: #C0C0C0;
    }

  footer .snsLink_list_txt{
    font-size: 1rem;
    font-weight: 700;
    color: #9F9F9F;
    margin: 0 1.125rem 0 0;
  }
  footer .snsLink_list_icon{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    }
    footer .snsLink_list_icon:nth-of-type(n+2){
      margin: 0 0 0 0.875rem;
    }
  footer .snsLink_list_icon.twitter img{
    width: 1.5rem;
    height: 1.25rem;
  }
  footer .snsLink_list_icon.instagram img{
    width: 1.3125rem;
    height: 1.3125rem;
  }


  footer div.otherNav{
    background-color: #ffffff;
    padding: 20px 0 30px 0;
  }
  footer div.otherNav div.otherNavBox{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 32px 0;
  }

  footer div.otherNav div.otherNavBox ul.siteNav{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  }

  footer div.otherNav div.otherNavBox ul.siteNav li{
    line-height: 1;
    }
    footer div.otherNav div.otherNavBox ul.siteNav li:nth-of-type(n+2){
      margin: 0 0 0 20px;
    }

  footer div.otherNav div.otherNavBox ul.siteNav li a{
    display: inline-block;
    vertical-align: top;
  }

  footer div.otherNav div.otherNavBox ul.siteNav li a svg{
    display: inline-block;
    vertical-align: middle;
    width: 0.5rem;
    height: 0.8125rem;
    margin: 0 0.125rem 0 0;
  }

  footer div.otherNav div.otherNavBox ul.siteNav li a p{
    display: inline-block;
    vertical-align: middle;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
  }

  footer div.otherNav div.otherNavBox ul.exNav{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  }

  footer div.otherNav div.otherNavBox ul.exNav li{
    line-height: 1;
    }
    footer div.otherNav div.otherNavBox ul.exNav li:nth-of-type(n+2){
      margin: 0 0 0 30px;
    }

  footer div.otherNav div.otherNavBox ul.exNav li a{
    display: inline-block;
    vertical-align: top;
  }

  footer div.otherNav div.otherNavBox ul.exNav li a p{
    display: inline-block;
    vertical-align: middle;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
  }

  footer div.otherNav div.otherNavBox ul.exNav li a svg{
    display: inline-block;
    vertical-align: middle;
    width: 0.75rem;
    height: 0.6875rem;
    margin: 0 0 0 0.25rem;
  }


  footer div.otherNav div.copyright{
  }

  footer div.otherNav div.copyright p{
    font-size: 0.875rem;
  }


  /* -------------------------------------------------------------------------------------------
  *
  * ファイルアイコン+テキストのリンク
  *
  * ----------------------------------------------------------------------------------------- */

  .fileLink{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .fileLink_info{
    font-size: 0.875rem;
    line-height: 1.33;
    text-decoration: underline;
  }

  .file_icon{
    display: inline-block;
    vertical-align: middle;
    margin: 0 1.25rem 0 0;
  }

/*
  .table_box table td .data{
    display: inline-block;
    vertical-align: middle;
    font-size: 0.875rem;
    text-decoration: underline;
  }
*/

  /* -------------------------------------------------------------------------------------------
  *
  * ページトップボタン
  *
  * ----------------------------------------------------------------------------------------- */

  #pageTop {
    position: fixed;
    bottom: 1.25rem;
    right: 1.25rem;
    z-index: 1;
  }
  #pageTop a {
    display: inline-block;
    vertical-align: top;
  }
  #pageTop a img{
    width: 3rem;
    height: 3rem;
  }

  #pageTop_footer {
    display: none;
  }


}@media screen and (max-width : 600px){

  /*layout style*/
  .pc{ display: none; }
  .sp{ display: block; }
  span.pc, em.pc, a.pc, br.pc, i.pc, img.pc, input.pc, select.pc{
    display: none;
  }
  span.sp, em.sp, a.sp, br.sp, i.sp, img.sp, input.sp, select.sp{
    display: inline;
  }
  .tb{ display: none; }
  span.tb, em.tb, a.tb, br.tb, i.tb, img.tb, input.tb, select.tb{
    display: none;
  }

  .tb_sp{ display: block; }
  span.tb_sp, em.tb_sp, a.tb_sp, br.tb_sp, i.tb_sp, img.tb_sp, input.tb_sp, select.tb_sp{
    display: inline;
  }
  .pc_tb{ display: none; }
  span.pc_tb, em.pc_tb, a.pc_tb, br.pc_tb, i.pc_tb, img.pc_tb, input.pc_tb, select.pc_tb{
    display: none;
  }
  .pc_sp{ display: block; }
  span.pc_sp, em.pc_sp, a.pc_sp, br.pc_sp, i.pc_sp, img.pc_sp, input.pc_sp, select.pc_sp{
    display: inline;
  }

  html{
    -webkit-text-size-adjust: 100%;
  }

  html.is-fixed{
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: fixed;
  }


  *:focus {
    outline: none;
  }
  a {
    /*-webkit-tap-highlight-color:rgba(0,0,0,0);*/
    cursor:pointer;
  }

  .inner{
    width: 92%;
    margin: 0 auto;
  }


  .btn a.btnLink{
    background-color: #ffffff;
    box-sizing: border-box;
    border: 1px solid #c0c0c0;
    border-radius: 0.5rem;
    color: #3C3C43;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding: 1.25rem 0 1.25rem 1.125rem;
    width: 100%;
  }
  .halfRenew .btn_back a{
    font-size: 2rem;
    font-size: 5.33vw;
    padding: 0.62rem 5rem;
    padding: 1.66vw 13.3vw;
  }


  .halfRenew footer{
    position: relative;
    bottom: unset;
  }

  .halfRenew .mainText{font-size: 4.26vw;}
  .halfRenew .about_access{
    font-size: 4.26vw;
    line-height: 1.5em;
  }
  .halfRenew .sp_only{display: inline-block;}
  .halfRenew a.sp_only{display: inline;}


  /* -------------------------------------------------------------------------------------------
  *
  * ヘッダー
  *
  * ----------------------------------------------------------------------------------------- */

  header{
    position: fixed;
    top: 0; left: 0;
    background-color: #ffffff;
    box-sizing: border-box;
    border-bottom: 1px solid #c0c0c0;
    /*padding: 0.9375rem 0;*/
    width: 100%;
    z-index: 100;
  }
  header .inner{
    position: relative;
  }

/*
  header .contents_box{
  	height: 2.5rem;
  }
*/
  header .contents_box .inner{
    position: relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.4375rem 0;
    box-sizing: border-box;
  }

  header h1{
    font-size: 0;
  }
  header h1 a.hLogoLink{
    display: inline-block;
    vertical-align: top;
  }
  header h1 img{
    width: 8rem;
    height: auto;
  }

  header #menuBar{
    cursor: pointer;
    width: 1.75rem;
    height: 1.75rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  header #menuBar .menu-trigger{
    width: 1.125rem;
    height: 0.875rem;
    background-image: url("../../common/images/icon_menu.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
  }
  header #menuBar .menu-trigger.active{
    width: 1rem;
    height: 1.0625rem;
    background-image: url("../../common/images/icon_menu_close.svg");
  }




  header nav{
    border-top: 1px solid #c0c0c0;
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    z-index: 1;
  }
  header nav.active{
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }

  header nav div.inner{
    width: 100%;
  }

  header nav ul li{
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    position: relative;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    position: relative;
    padding: 0 4vw;
    border-bottom: 1px solid #c0c0c0;
    cursor: pointer;
  }


  header nav ul li p{
    font-size: 1rem;
    font-weight: 700;
    padding: 1.25rem 0;
    position: relative;
  }
  header nav ul li p svg{
    position: absolute;
    top: 0.1rem; right: 0; bottom: 0;
    margin: auto;
    display: inline-block;
    vertical-align: middle;
    width: 1rem;
    height: 1rem;
  }




  header div.navPanel{
    position: fixed;
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    border-top: 1px solid #c0c0c0;
    z-index: 2;
    }
    header div.navPanel.active{
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
    }



  header div.navPanel div.navPanel_outer{
    max-height: 78vh;
    overflow: auto;
  }




  header div.navPanel div.navPanel_headline{
    font-size: 0;
    text-align: center;
    padding: 1.25rem 0;
    position: relative;
    background-color: #efece5;
  }

  header div.navPanel div.navPanel_headline p{
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
  }

  header div.navPanel div.navPanel_headline .navPanel_return{
    position: absolute;
    top: 0; bottom: 0; left: 0;
    margin: auto;
    width: 2.5rem;
    height: 3rem;
    cursor: pointer;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  header div.navPanel div.navPanel_headline .navPanel_return svg{
    width: 0.5rem;
    height: 0.8125rem;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  header div.navPanel div.navPanel_tabList ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
  }
  header div.navPanel div.navPanel_tabList ul{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  header div.navPanel div.navPanel_tabList ul::after{
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 0; left: 0;
  }
  header div.navPanel div.navPanel_tabList ul.rika::after,
  header div.navPanel div.navPanel_tabList ul.science::after,
  header div.navPanel div.navPanel_tabList ul.college_physics::after{
    background-color: #45b036;
  }
  header div.navPanel div.navPanel_tabList ul.seikatsu::after{
    background-color: #ee791d;
  }
  header div.navPanel div.navPanel_tabList ul.sansu::after,
  header div.navPanel div.navPanel_tabList ul.math::after,
  header div.navPanel div.navPanel_tabList ul.college_math::after{
    background-color: #0078b9;
  }
  header div.navPanel div.navPanel_tabList ul.taiiku::after,
  header div.navPanel div.navPanel_tabList ul.pe::after{
    background-color: #7d4798;
  }


  header div.navPanel div.navPanel_tabList ul li{
    width: 100%;
    max-width: 30%;
    text-align: center;
    cursor: pointer;
    position: relative;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    }
    header div.navPanel div.navPanel_tabList ul li:hover{
      opacity: 0.7;
    }


  header div.navPanel div.navPanel_tabList ul li::after{
    content: '';
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    position: absolute;
    right: 0; bottom: 0; left: 0;
    margin: auto;
    display: none;
    }
    header div.navPanel div.navPanel_tabList ul li.rika::after,
    header div.navPanel div.navPanel_tabList ul li.science::after,
    header div.navPanel div.navPanel_tabList ul li.college_physics::after{
      border-bottom: 7px solid #45b036;
    }
    header div.navPanel div.navPanel_tabList ul li.seikatsu::after{
      border-bottom: 7px solid #ee791d;
    }
    header div.navPanel div.navPanel_tabList ul li.sansu::after,
    header div.navPanel div.navPanel_tabList ul li.math::after,
    header div.navPanel div.navPanel_tabList ul li.college_math::after{
      border-bottom: 7px solid #0078b9;
    }
    header div.navPanel div.navPanel_tabList ul li.taiiku::after,
    header div.navPanel div.navPanel_tabList ul li.pe::after{
      border-bottom: 7px solid #7d4798;
    }
    header div.navPanel div.navPanel_tabList ul li.active::after{
      display: block;
    }



  header div.navPanel div.navPanel_tabList ul li p{
    font-size: 1rem;
    font-weight: 700;
    padding: 16px 0;
  }

  header div.navPanel div.navPanel_tabList ul li.rika.active p,
  header div.navPanel div.navPanel_tabList ul li.science.active p,
  header div.navPanel div.navPanel_tabList ul li.college_physics.active p{
    color: #45b036;
  }
  header div.navPanel div.navPanel_tabList ul li.seikatsu.active p{
    color: #ee791d;
  }
  header div.navPanel div.navPanel_tabList ul li.sansu.active p,
  header div.navPanel div.navPanel_tabList ul li.math.active p,
  header div.navPanel div.navPanel_tabList ul li.college_math.active p{
    color: #0078b9;
  }
  header div.navPanel div.navPanel_tabList ul li.taiiku.active p,
  header div.navPanel div.navPanel_tabList ul li.pe.active p{
    color: #7d4798;
  }


  header div.navPanel div.navPanel_tabList ul li p svg{
    margin: -0.2rem 0 0 0.625rem;
    display: inline-block;
    vertical-align: middle;
    width: 0.625rem;
    height: 0.625rem;
    -webkit-transition: transform .5s ease;
    transition: transform .5s ease;
  }
  header div.navPanel div.navPanel_tabList ul li.active p svg{
    transform: rotate(-180deg);
    margin: 0.2rem 0 0 0.625rem;
  }







  header div.navPanel.sp_ac div.navPanel_cnt{
    border-bottom: 1px solid #c0c0c0;
    overflow: hidden;
  }

  header div.navPanel div.navPanel_cnt div.inner{
    position: relative;
    width: 100%;
  }

  header div.navPanel div.navPanel_cnt div.navPanel_close{
    position: absolute;
    top: 0; right: 0;
    padding: 10px;
    border-radius: 50%;
    background-color: #af8f68;
    line-height: 0;
    cursor: pointer;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    z-index: 1;
    }
    header div.navPanel div.navPanel_cnt.rika div.navPanel_close,
    header div.navPanel div.navPanel_cnt.science div.navPanel_close,
    header div.navPanel div.navPanel_cnt.college_physics div.navPanel_close{
      background-color: #45b036;
    }
    header div.navPanel div.navPanel_cnt.seikatsu div.navPanel_close{
      background-color: #ee791d;
    }
    header div.navPanel div.navPanel_cnt.sansu div.navPanel_close,
    header div.navPanel div.navPanel_cnt.math div.navPanel_close,
    header div.navPanel div.navPanel_cnt.college_math div.navPanel_close{
      background-color: #0078b9;
    }
    header div.navPanel div.navPanel_cnt.taiiku div.navPanel_close,
    header div.navPanel div.navPanel_cnt.pe div.navPanel_close{
      background-color: #7d4798;
    }
  header div.navPanel div.navPanel_cnt div.navPanel_close:hover{
    opacity: 0.7;
  }

  header div.navPanel div.navPanel_cnt div.navPanel_close svg{
    width: 11px;
    height: 11px;
  }





  header div.navPanel div.navPanel_cnt div.navPanel_ttl{
    padding: 0 0.875rem;
  }

  header div.navPanel div.navPanel_cnt div.navPanel_ttl a{
    display: inline-block;
    vertical-align: middle;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1;
    position: relative;
    width: 100%;
    padding: 1.125rem 0;
    box-sizing: border-box;
  }
  header div.navPanel.nav_04 div.navPanel_cnt div.navPanel_ttl a{
    font-size: 1.125rem;
    padding: 1.125rem 0 1.125rem 1.125rem;
    margin: 0.875rem 0 0 0;
  }
  header div.navPanel.nav_05 div.navPanel_cnt div.navPanel_ttl a{
    font-size: 1.125rem;
    padding: 1.125rem 0 1.125rem 0.875rem;
    margin: 0.875rem 0;
  }
  header div.navPanel.sp_ac div.navPanel_cnt.rika div.navPanel_ttl.open a,
  header div.navPanel.sp_ac div.navPanel_cnt.science div.navPanel_ttl.open a,
  header div.navPanel.sp_ac div.navPanel_cnt.college_physics div.navPanel_ttl.open a{
    color: #45b036;
  }
  header div.navPanel.sp_ac div.navPanel_cnt.seikatsu div.navPanel_ttl.open a{
    color: #ee791d;
  }
  header div.navPanel.sp_ac div.navPanel_cnt.sansu div.navPanel_ttl.open a,
  header div.navPanel.sp_ac div.navPanel_cnt.math div.navPanel_ttl.open a,
  header div.navPanel.sp_ac div.navPanel_cnt.college_math div.navPanel_ttl.open a{
    color: #0078b9;
  }
  header div.navPanel.sp_ac div.navPanel_cnt.taiiku div.navPanel_ttl.open a,
  header div.navPanel.sp_ac div.navPanel_cnt.pe div.navPanel_ttl.open a{
    color: #7d4798;
  }


  header div.navPanel.sp_ac div.navPanel_cnt div.navPanel_ttl a::before,
  header div.navPanel.sp_ac div.navPanel_cnt div.navPanel_ttl a::after{
    content: '';
    display: block;
    background-color: #c0c0c0;
    position: absolute;
    opacity: 1;
    }
    header div.navPanel.sp_ac div.navPanel_cnt.rika div.navPanel_ttl.open a::before,
    header div.navPanel.sp_ac div.navPanel_cnt.science div.navPanel_ttl.open a::before,
    header div.navPanel.sp_ac div.navPanel_cnt.college_physics div.navPanel_ttl.open a::before{
      background-color: #45b036;
    }
    header div.navPanel.sp_ac div.navPanel_cnt.seikatsu div.navPanel_ttl.open a::before{
      background-color: #ee791d;
    }
    header div.navPanel.sp_ac div.navPanel_cnt.sansu div.navPanel_ttl.open a::before,
    header div.navPanel.sp_ac div.navPanel_cnt.math div.navPanel_ttl.open a::before,
    header div.navPanel.sp_ac div.navPanel_cnt.college_math div.navPanel_ttl.open a::before{
      background-color: #0078b9;
    }
    header div.navPanel.sp_ac div.navPanel_cnt.taiiku div.navPanel_ttl.open a::before,
    header div.navPanel.sp_ac div.navPanel_cnt.pe div.navPanel_ttl.open a::before{
      background-color: #7d4798;
    }
    header div.navPanel.sp_ac div.navPanel_cnt div.navPanel_ttl.open a::after{
      opacity: 0;
    }

  header div.navPanel.sp_ac div.navPanel_cnt div.navPanel_ttl a::before{
    width: 0.875rem;
    height: 0.125rem;
    top: 0; right: 0.3125rem; bottom: 0;
    margin: auto;
  }
  header div.navPanel.sp_ac div.navPanel_cnt div.navPanel_ttl a::after{
    width: 0.125rem;
    height: 0.875rem;
    top: 0; right: 0.6875rem; bottom: 0;
    margin: auto;
  }



  header div.navPanel.nav_05 div.navPanel_cnt div.navPanel_ttl{
    border-bottom: 1px solid #c0c0c0;
  }




  header div.navPanel div.navPanel_cnt div.navPanel_ttl a svg{
    display: inline-block;
    vertical-align: middle;
    width: 0.5625rem;
    height: 0.9375rem;
    margin: auto;
    position: absolute;
    top: 0; bottom: 0; left: 0;
  }
  header div.navPanel.sp_ac div.navPanel_cnt div.navPanel_ttl a svg{
    width: 1.625rem;
    height: 1.5rem;
    margin: auto;
    position: absolute;
    top: 0; bottom: 0; left: -0.5rem;
  }
  header div.navPanel div.navPanel_cnt div.navPanel_ttl a svg.pc_tb{
    display: none;
  }

  header div.navPanel div.navPanel_cnt div.navPanel_ttl a span{
    display: none;
  }


  header div.navPanel div.navPanel_cnt div.navPanel_box_outer{
    display: none;
    }
    header div.navPanel.nav_05 div.navPanel_cnt div.navPanel_box_outer{
      display: block !important;
    }

  header div.navPanel div.navPanel_cnt div.navPanel_box{
    box-sizing: border-box;
    padding: 1.25rem 1.5rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    }
    header div.navPanel.nav_05 div.navPanel_cnt div.navPanel_box{
      padding: 0;
    }

  header div.navPanel div.navPanel_cnt div.navPanel_box_ttl{
    margin: 0 0 1.5rem 0;
    line-height: 1;
  }

  header div.navPanel div.navPanel_cnt div.navPanel_box_ttl a{
    display: inline-block;
    vertical-align: top;
    font-size: 1.125rem;
    font-weight: 700;
    position: relative;
    padding: 0 0 0 0.875rem;
  }

  header div.navPanel div.navPanel_cnt div.navPanel_box_ttl a svg{
    display: inline-block;
    vertical-align: top;
    width: 0.5625rem;
    height: 0.9375rem;
    /* margin: auto; */
    position: absolute;
    /* top: -0.125rem; bottom: 0; left: 0; */
    top: 0.0625rem; left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }




  header div.navPanel div.navPanel_cnt div.navPanel_box div.navPanel_unit{
    width: 100%;
    }
    header div.navPanel div.navPanel_cnt div.navPanel_box div.navPanel_unit:nth-of-type(n+2){
      margin: 1.5rem 0 0 0;
    }
    header div.navPanel.nav_05 div.navPanel_cnt div.navPanel_box div.navPanel_unit{
      border-bottom: 1px solid #c0c0c0;
      margin: 0;
    }


  header div.navPanel div.navPanel_cnt div.navPanel_box div.navPanel_unit.bnr{
  }

  header div.navPanel div.navPanel_cnt div.navPanel_unit div.navPanel_unit_ttl{
    margin: 0 0 0.5rem 0;
    border: none;
    line-height: 1;
    }
    header div.navPanel.nav_05 div.navPanel_cnt div.navPanel_unit div.navPanel_unit_ttl{
      margin: 0;
    }

  header div.navPanel div.navPanel_cnt div.navPanel_unit div.navPanel_unit_ttl p{
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
  }


  header div.navPanel div.navPanel_cnt div.navPanel_unit div.navPanel_unit_ttl p{
    display: inline-block;
    vertical-align: top;
    font-size: 1rem;
    font-weight: 700;
    position: relative;
    padding: 0 0 0 0.5rem;
    }
    header div.navPanel div.navPanel_cnt.rika div.navPanel_unit div.navPanel_unit_ttl p,
    header div.navPanel div.navPanel_cnt.science div.navPanel_unit div.navPanel_unit_ttl p,
    header div.navPanel div.navPanel_cnt.college_physics div.navPanel_unit div.navPanel_unit_ttl p{
      color: #45b036;
    }
    header div.navPanel div.navPanel_cnt.seikatsu div.navPanel_unit div.navPanel_unit_ttl p{
      color: #ee791d;
    }
    header div.navPanel div.navPanel_cnt.sansu div.navPanel_unit div.navPanel_unit_ttl p,
    header div.navPanel div.navPanel_cnt.math div.navPanel_unit div.navPanel_unit_ttl p,
    header div.navPanel div.navPanel_cnt.college_math div.navPanel_unit div.navPanel_unit_ttl p{
      color: #0078b9;
    }
    header div.navPanel div.navPanel_cnt.taiiku div.navPanel_unit div.navPanel_unit_ttl p,
    header div.navPanel div.navPanel_cnt.pe div.navPanel_unit div.navPanel_unit_ttl p{
      color: #7d4798;
    }



  header div.navPanel.nav_05 div.navPanel_cnt div.navPanel_unit div.navPanel_unit_ttl{
    padding: 0 0.875rem;
    cursor: pointer;
  }

  header div.navPanel.nav_05 div.navPanel_cnt div.navPanel_unit div.navPanel_unit_ttl p{
    display: inline-block;
    vertical-align: middle;
    font-size: 0.875rem;
    font-weight: 700;
    position: relative;
    width: 100%;
    padding: 1.125rem 0;
    box-sizing: border-box;
  }
  header div.navPanel.nav_05 div.navPanel_cnt div.navPanel_unit div.navPanel_unit_ttl.rika.open p,
  header div.navPanel.nav_05 div.navPanel_cnt div.navPanel_unit div.navPanel_unit_ttl.science.open p,
  header div.navPanel.nav_05 div.navPanel_cnt div.navPanel_unit div.navPanel_unit_ttl.college_physics.open p{
    color: #45b036;
  }
  header div.navPanel.nav_05 div.navPanel_cnt div.navPanel_unit div.navPanel_unit_ttl.seikatsu.open p{
    color: #ee791d;
  }
  header div.navPanel.nav_05 div.navPanel_cnt div.navPanel_unit div.navPanel_unit_ttl.sansu.open p,
  header div.navPanel.nav_05 div.navPanel_cnt div.navPanel_unit div.navPanel_unit_ttl.math.open p,
  header div.navPanel.nav_05 div.navPanel_cnt div.navPanel_unit div.navPanel_unit_ttl.college_math.open p{
    color: #0078b9;
  }
  header div.navPanel.nav_05 div.navPanel_cnt div.navPanel_unit div.navPanel_unit_ttl.taiiku.open p,
  header div.navPanel.nav_05 div.navPanel_cnt div.navPanel_unit div.navPanel_unit_ttl.pe.open p{
    color: #7d4798;
  }
  header div.navPanel.nav_05 div.navPanel_cnt div.navPanel_unit div.navPanel_unit_ttl.other.open p{
    color: #af8f68;
  }


  header div.navPanel.nav_05 div.navPanel_cnt div.navPanel_unit div.navPanel_unit_ttl p::before,
  header div.navPanel.nav_05 div.navPanel_cnt div.navPanel_unit div.navPanel_unit_ttl p::after{
    content: '';
    display: block;
    background-color: #c0c0c0;
    position: absolute;
    opacity: 1;
    }
    header div.navPanel.nav_05 div.navPanel_cnt div.navPanel_unit div.navPanel_unit_ttl.rika.open p::before,
    header div.navPanel.nav_05 div.navPanel_cnt div.navPanel_unit div.navPanel_unit_ttl.science.open p::before,
    header div.navPanel.nav_05 div.navPanel_cnt div.navPanel_unit div.navPanel_unit_ttl.college_physics.open p::before{
      background-color: #45b036;
    }
    header div.navPanel.nav_05 div.navPanel_cnt div.navPanel_unit div.navPanel_unit_ttl.seikatsu.open p::before{
      background-color: #ee791d;
    }
    header div.navPanel.nav_05 div.navPanel_cnt div.navPanel_unit div.navPanel_unit_ttl.sansu.open p::before,
    header div.navPanel.nav_05 div.navPanel_cnt div.navPanel_unit div.navPanel_unit_ttl.math.open p::before,
    header div.navPanel.nav_05 div.navPanel_cnt div.navPanel_unit div.navPanel_unit_ttl.college_math.open p::before{
      background-color: #0078b9;
    }
    header div.navPanel.nav_05 div.navPanel_cnt div.navPanel_unit div.navPanel_unit_ttl.taiiku.open p::before,
    header div.navPanel.nav_05 div.navPanel_cnt div.navPanel_unit div.navPanel_unit_ttl.pe.open p::before{
      background-color: #7d4798;
    }
    header div.navPanel.nav_05 div.navPanel_cnt div.navPanel_unit div.navPanel_unit_ttl.other.open p::before{
      background-color: #af8f68;
    }
    header div.navPanel.nav_05 div.navPanel_cnt div.navPanel_unit div.navPanel_unit_ttl.open p::after{
      opacity: 0;
    }

  header div.navPanel.nav_05 div.navPanel_cnt div.navPanel_unit div.navPanel_unit_ttl p::before{
    width: 0.875rem;
    height: 0.125rem;
    top: 0; right: 0.3125rem; bottom: 0;
    margin: auto;
  }
  header div.navPanel.nav_05 div.navPanel_cnt div.navPanel_unit div.navPanel_unit_ttl p::after{
    width: 0.125rem;
    height: 0.875rem;
    top: 0; right: 0.6875rem; bottom: 0;
    margin: auto;
  }





  header div.navPanel div.navPanel_cnt div.navPanel_unit div.navPanel_unit_ttl svg{
    display: inline-block;
    vertical-align: top;
    width: 0.8125rem;
    height: 1.125rem;
    margin: auto;
    }
    header div.navPanel div.navPanel_cnt div.navPanel_unit.bnr div.navPanel_unit_ttl svg{
      width: 1rem;
      height: 1.125rem;
    }


  header div.navPanel.nav_05 div.navPanel_cnt div.navPanel_unit div.navPanel_unit_outer{
    display: none;
  }

  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list{
    padding: 1.5rem 0 0 0;
    box-sizing: border-box;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-style: solid;
    border-width: 1px 0 0 0;
    border-color: #DDDDDD;
    }
    header div.navPanel.nav_05 div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list{
      padding: 1.5rem 1.375rem;
      box-sizing: border-box;
      border: none;
      /*display: none;*/
    }

  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li{
    width: 48%;
    margin: 0 2% 1rem 0;
  }
  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li.full{
    width: 100%;
  }
  header div.navPanel.nav_01 div.navPanel_cnt.rika div.navPanel_unit.bnr ul.navPanel_unit_list li:nth-of-type(odd){
    width: 52%;
  }
  header div.navPanel.nav_01 div.navPanel_cnt.rika div.navPanel_unit.bnr ul.navPanel_unit_list li:nth-of-type(even){
    width: 44%;
  }

  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li a{
    display: inline-block;
    vertical-align: top;
  }

/*
  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li a svg{
    display: inline-block;
    vertical-align: top;
    width: 0.8125rem;
    height: 1.125rem;
    margin: 0.25rem 0.5rem 0 0;
  }
  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li.bfArrow a svg{
    width: 1rem;
    height: 1rem;
  }
*/

  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li a p{
    display: inline-block;
    vertical-align: top;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
  }

  header div.navPanel div.navPanel_cnt div.navPanel_unit.bnr ul.navPanel_unit_list li a img{
    width: 100%
  }



  header div.navPanel div.navPanel_cnt div.navPanel_unit div.navBtn{
    margin: 26px 0 0 0;
  }

  header div.navPanel div.navPanel_cnt div.navPanel_unit div.navBtn a{
    display: inline-block;
    vertical-align: top;
    border-style: solid;
    border-width: 1px;
    border-radius: 54px;
    box-sizing: border-box;
    line-height: 0;
    padding: 18px 16px;
    width: 164px;
  }
  header div.navPanel div.navPanel_cnt div.navPanel_unit div.navBtn.rika a,
  header div.navPanel div.navPanel_cnt div.navPanel_unit div.navBtn.science a,
  header div.navPanel div.navPanel_cnt div.navPanel_unit div.navBtn.college_physics a{
    border-color: #45b036;
  }
  header div.navPanel div.navPanel_cnt div.navPanel_unit div.navBtn.seikatsu a{
    border-color: #ee791d;
  }
  header div.navPanel div.navPanel_cnt div.navPanel_unit div.navBtn.sansu a,
  header div.navPanel div.navPanel_cnt div.navPanel_unit div.navBtn.math a,
  header div.navPanel div.navPanel_cnt div.navPanel_unit div.navBtn.college_math a{
    border-color: #0078b9;
  }
  header div.navPanel div.navPanel_cnt div.navPanel_unit div.navBtn.taiiku a,
  header div.navPanel div.navPanel_cnt div.navPanel_unit div.navBtn.pe a{
    border-color: #7d4798;
  }



  header div.navPanel div.navPanel_cnt div.navPanel_unit div.navBtn a svg{
    display: inline-block;
    vertical-align: middle;
    width: 1rem;
    height: 1rem;
    margin: 0 0.5rem 0 0;
  }

  header div.navPanel div.navPanel_cnt div.navPanel_unit div.navBtn a p{
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    font-weight: 700;
  }
  header div.navPanel div.navPanel_cnt div.navPanel_unit div.navBtn.rika a p,
  header div.navPanel div.navPanel_cnt div.navPanel_unit div.navBtn.science a p,
  header div.navPanel div.navPanel_cnt div.navPanel_unit div.navBtn.college_physics a p{
    color: #45b036;
  }
  header div.navPanel div.navPanel_cnt div.navPanel_unit div.navBtn.seikatsu a p{
    color: #ee791d;
  }
  header div.navPanel div.navPanel_cnt div.navPanel_unit div.navBtn.sansu a p,
  header div.navPanel div.navPanel_cnt div.navPanel_unit div.navBtn.math a p,
  header div.navPanel div.navPanel_cnt div.navPanel_unit div.navBtn.college_math a p{
    color: #0078b9;
  }
  header div.navPanel div.navPanel_cnt div.navPanel_unit div.navBtn.taiiku a p,
  header div.navPanel div.navPanel_cnt div.navPanel_unit div.navBtn.pe a p{
    color: #7d4798;
  }



  header div.navPanel div.navPanel_cnt ul.navPanel_2clm{
    padding: 0.875rem 0 0 0.875rem;
    box-sizing: border-box;
  }

  header div.navPanel div.navPanel_cnt ul.navPanel_2clm li{
    width: 100%;
  }
  header div.navPanel div.navPanel_cnt ul.navPanel_2clm li:nth-of-type(n+2){
    margin: 2rem 0 0 0;
  }

  header div.navPanel div.navPanel_cnt ul.navPanel_2clm li a{
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 0 0 0 1.125rem;
  }

  header div.navPanel div.navPanel_cnt ul.navPanel_2clm li a svg{
    display: inline-block;
    vertical-align: top;
    width: 0.5625rem;
    height: 0.9375rem;
    margin: auto;
    position: absolute;
    top: 0.25rem;
    bottom: 0;
    left: 0;
  }

  header div.navPanel div.navPanel_cnt ul.navPanel_2clm li a img{
    display: none;
  }
  header div.navPanel div.navPanel_cnt ul.navPanel_2clm li a p{
    display: inline-block;
    vertical-align: middle;
    font-size: 1.125rem;
    font-weight: 700;
  }


  header div.navPanel.nav_04 div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list{
    border: none;
    display: block;
    padding: 2.5rem 0.875rem 0 0.875rem;
  }

  header div.navPanel.nav_04 div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li{
    width: 100%;
  }
  header div.navPanel.nav_04 div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li:nth-of-type(n+2){
    margin: 1rem 0 0 0;
  }

  header div.navPanel.nav_04 div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li a{
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 0 0 0 1.125rem;
  }

  header div.navPanel.nav_04 div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li a svg{
    display: inline-block;
    vertical-align: top;
    width: 0.4375rem;
    height: 0.75rem;
    margin: auto;
    position: absolute;
    top: 0.125rem;
    bottom: 0;
    left: 0;
  }

  header div.navPanel.nav_04 div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li a img{
    display: none;
  }
  header div.navPanel.nav_04 div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li a p{
    display: inline-block;
    vertical-align: middle;
    font-size: 0.875rem;
    font-weight: 700;
  }



  /* -------------------------------------------------------------------------------------------
  *
  * パンくず
  *
  * ----------------------------------------------------------------------------------------- */

  #pageGuide{
    padding: 0.625rem 0;
    box-sizing: border-box;
  }

  #pageGuide ul{
    font-size: 0;
    letter-spacing: 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  }

  #pageGuide ul li{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    }
    #pageGuide ul li:nth-of-type(n+2){
      /*padding: 0 0 0 0.75rem;*/
      /*margin: 0 0 0 0.75rem;*/
      padding: 0 0 0 1.5rem;
    }
    #pageGuide ul li:nth-of-type(n+2)::before{
      content: "";
      position: absolute;
      /*top: 0.225rem;*/
      /*left: -0.3rem;*/
      top: 0;
      bottom: 0;
      left: 0.5rem;
      margin: auto;
      width: 0.3rem;
      height: 0.3rem;
      border-top: 1px solid #9F9F9F;
      border-right: 1px solid #9F9F9F;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }

  #pageGuide ul li{
    }
    #pageGuide ul li:last-child{
      color: #9F9F9F;
      overflow-x: hidden;
    }

  #pageGuide ul li a,
  #pageGuide ul li span{
    font-size: 0.8125rem;
    line-height: 1;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }



  /* -------------------------------------------------------------------------------------------
  *
  * anchor_list
  *
  * ----------------------------------------------------------------------------------------- */

  .anchor_list{
    width: 100%;
    background-color: #ffffff;
    border-bottom: 1px solid #EDEDED;
    z-index: 1;
    }
    .inner .anchor_list{
      width: 100vw;
      margin: 0 -4vw;
    }
    .anchor_list.is-fixed{
      position: fixed;
      left: 0;
      margin: 0;
    }

  .inner .anchor_list .inner{
    width: 100%;
  }

  .anchor_list ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .anchor_list ul.pc,
  .anchor_list ul.tb{
    display: none;
  }
  .inner .anchor_list .inner ul{
    width: 92%;
    margin: 0 auto;
  }

  .anchor_list ul li{
    width: 100%;
    max-width: 30%;
    text-align: center;
    cursor: pointer;
    position: relative;
    }
  .anchor_list ul li.disable{
    cursor: default;
    pointer-events: none;
    opacity: 0.5;
  }

    #college .anchor_list ul li{
      max-width: 100%;
    }

  .anchor_list ul li::before{
    content: '';
    display: none;
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 0; left: 0;
  }
  .rika .anchor_list ul li::before,
  .science .anchor_list ul li::before,
  .college_physics .anchor_list ul li::before,
  .anchor_list ul li.rika::before,
  .anchor_list ul li.science::before,
  .anchor_list ul li.college_physics::before{
    background-color: #45b036;
  }
  .seikatsu .anchor_list ul li::before,
  .anchor_list ul li.seikatsu::before{
    background-color: #ee791d;
  }
  .sansu .anchor_list ul li::before,
  .math .anchor_list ul li::before,
  .college_math .anchor_list ul li::before,
  .anchor_list ul li.sansu::before,
  .anchor_list ul li.math::before,
  .anchor_list ul li.college_math::before{
    background-color: #0078b9;
  }
  .taiiku .anchor_list ul li::before,
  .pe .anchor_list ul li::before,
  .anchor_list ul li.taiiku::before,
  .anchor_list ul li.pe::before{
    background-color: #7d4798;
  }
  .anchor_list ul li.other::before{
    background-color: #AF8F68;
  }
  .anchor_list ul li.active::before{
    display: block;
  }

  .anchor_list ul li::after{
    content: '';
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    position: absolute;
    right: 0; bottom: 0; left: 0;
    margin: auto;
    display: none;
    }
    .rika .anchor_list ul li::after,
    .science .anchor_list ul li::after,
    .college_physics .anchor_list ul li::after,
    .anchor_list ul li.rika::after,
    .anchor_list ul li.science::after,
    .anchor_list ul li.college_physics::after{
      border-bottom: 7px solid #45b036;
    }
    .seikatsu .anchor_list ul li::after,
    .anchor_list ul li.seikatsu::after{
      border-bottom: 7px solid #ee791d;
    }
    .sansu .anchor_list ul li::after,
    .math .anchor_list ul li::after,
    .college_math .anchor_list ul li::after,
    .anchor_list ul li.sansu::after,
    .anchor_list ul li.math::after,
    .anchor_list ul li.college_math::after{
      border-bottom: 7px solid #0078b9;
    }
    .taiiku .anchor_list ul li::after,
    .pe .anchor_list ul li::after,
    .anchor_list ul li.taiiku::after,
    .anchor_list ul li.pe::after{
      border-bottom: 7px solid #7d4798;
    }
    .anchor_list ul li.other::after{
      border-bottom: 7px solid #AF8F68;
    }
    .anchor_list ul li.active::after{
      display: block;
    }

  .anchor_list ul li .anchor_list_text{
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    padding: 16px 0;
    }
    .rika .anchor_list ul li.active .anchor_list_text,
    .science .anchor_list ul li.active .anchor_list_text,
    .college_physics .anchor_list ul li.active .anchor_list_text,
    .anchor_list ul li.active.rika .anchor_list_text,
    .anchor_list ul li.active.science .anchor_list_text,
    .anchor_list ul li.active.college_physics .anchor_list_text{
      color: #45b036;
    }
    .seikatsu .anchor_list ul li.active .anchor_list_text,
    .anchor_list ul li.active.seikatsu .anchor_list_text{
      color: #ee791d;
    }
    .sansu .anchor_list ul li.active .anchor_list_text,
    .math .anchor_list ul li.active .anchor_list_text,
    .college_math .anchor_list ul li.active .anchor_list_text,
    .anchor_list ul li.active.sansu .anchor_list_text,
    .anchor_list ul li.active.math .anchor_list_text,
    .anchor_list ul li.active.college_math .anchor_list_text{
      color: #0078b9;
    }
    .taiiku .anchor_list ul li.active .anchor_list_text,
    .pe .anchor_list ul li.active .anchor_list_text,
    .anchor_list ul li.active.taiiku .anchor_list_text,
    .anchor_list ul li.active.pe .anchor_list_text{
      color: #7d4798;
    }
    .anchor_list ul li.other.active .anchor_list_text{
      color: #AF8F68;
    }


  .anchor_list ul li a{
    pointer-events: none;
    line-height: 1;
  }




  /* -------------------------------------------------------------------------------------------
  *
  * 表組
  *
  * ----------------------------------------------------------------------------------------- */

  .overflow_table_outer{
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0 -4vw 0 0 !important;
    padding: 0 4vw 0 0 !important;
  }
  .overflow_table_inner{
    display: table;
    min-width: 100%;
    }
    .js_isSafari .overflow_table_inner,
    .Android .overflow_table_inner,
    .js_isFirefox .overflow_table_inner,
    .js_isIe .overflow_table_inner{
      padding: 0 4vw 0 0;
    }
    .js_isSafari.js_isWin .overflow_table_inner,
    .Android.js_isWin .overflow_table_inner,
    .js_isEdge .overflow_table_inner{
      padding: 0;
    }

  .table_box{
    display: table;
    width: 100%;
    border-radius: 0.5rem;
    border: 1px solid #c0c0c0;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    }
    .table_box.codeList,
    #pe_textbook .table_box.codeList{
      margin: 2rem 0 0 0;
    }
    .textbook .table_box.codeList{
      margin: 0;
    }

  .table_box table{
    width: 100%;
    border-collapse: collapse;
  }

  .table_box table th:first-child, .table_box table td:first-child {
    border-left: none;
    border-bottom: none;
  }

  .table_box table th:last-child, .table_box table td:last-child {
    border-right: none;
  }

  .table_box table td,
  .table_box table th{
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.3;
    background-color: #ffffff;
    border: 1px solid #c0c0c0;
    line-height: 1.5;
  }
  .table_box table td[rowspan],
  .table_box table th[rowspan]{
    vertical-align: top;
  }
  .tabPanel_cnt_box_2 table th,
  .tabPanel_cnt_box_2 table td{
    width: 54%;
  }
  .table_box.clm3 table th,
  .table_box.clm3 table td{
    width: 33%;
  }
  .table_box table th.endBrackets,
  .table_box table td.endBrackets{
    padding-right: 0.5rem !important;
    white-space: nowrap;
  }
  .table_box table th.newline,
  .table_box table td.newline{
    white-space: normal;
  }
  .table_box.rika table th,
  .table_box.science table th,
  .table_box.college_physics table th{
    background-color: #eeffee;
  }
  .table_box.seikatsu table th{
    background-color: #fceee4;
  }
  .table_box.sansu table th,
  .table_box.math table th,
  .table_box.college_math table th{
    background-color: #e8f7ff;
  }
  .table_box.taiiku table th,
  .table_box.pe table th{
    background-color: #eeeeff;
  }

  .table_box table th{
    font-size: 0.875rem;
    font-weight: 700;
    padding: 0.625rem 0.875rem;
    text-align: left;
    }
    .rika .table_box table th,
    .science .table_box table th,
    .college_physics .table_box table th{
      background-color: #eeffee;
    }
    .seikatsu .table_box table th{
      background-color: #fceee4;
    }
    .sansu .table_box table th,
    .math .table_box table th,
    .college_math .table_box table th{
      background-color: #e8f7ff;
    }
    .taiiku .table_box table th,
    .pe .table_box table th{
      background-color: #eeeeff;
    }

  .table_box table td {
    background: #ffffff;
    padding: 0.875rem;
    }
    .table_box table tr:nth-of-type(odd) td {
      background-color: #f0f0f0;
    }
    .table_box table tr:nth-of-type(odd) td.bgWhite {
      background-color: #ffffff;
    }

  .table_box table tr:first-child th, .table_box table tr:first-child td {
    border-top: none;
  }

  .table_box table tr:last-child th, .table_box table tr:last-child td {
    border-bottom: none;
  }

  .table_box table td .num_outer{
    position: relative;
  }

  .table_box table td .fwB,
  .table_box table td strong{
    font-weight: 700;
  }

  .table_box .remove_border_b{
    border-bottom: none;
  }

  .table_box table td .table_list{
    }
    .table_box table td .table_list:nth-of-type(n+2){
      margin: 0.625rem 0 0 0;
    }

  .table_box table td .table_list .table_list_text{
    display: inline-block;
    vertical-align: top;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.3;
    max-width: -webkit-calc(100% - 2.375rem);
    max-width: calc(100% - 2.375rem);
  }

  .table_box table td svg.icon{
    display: inline-block;
    vertical-align: top;
    margin: -0.0625rem 0 0 0.3125rem;
    width: 1.25rem;
    height: 1.25rem;
  }
  .table_box table td svg.icon.arrow{
    width: 0.5rem;
    height: 0.875rem;
    margin: 0.125rem 0.25rem 0 0;
  }
  .table_box table td svg.icon.blank{
    width: 0.875rem;
    height: 0.8125rem;
    margin-top: 0.125rem;
  }

  .table_box table td span{
    display: inline-block;
    vertical-align: top;
  }
  .table_box table td span.digit4,
  .table_box table td span.digit5{
    margin: 0.125rem 0.25rem 0.25rem 0;
    line-height: 1;
  }
  .table_box table td span.digit4:nth-of-type(n+2),
  .table_box table td span.digit5:nth-of-type(n+2){
    margin: 0.125rem 0.25rem 0.25rem 0.25rem;
  }
  .table_box table td span.num{
    width: 1.25rem;
    text-align: right;
    position: absolute;
    top: 0; left: -0.4375rem;
  }
  .table_box table td span.text{
    margin: 0 0 0 0.875rem;
  }
  .table_box table td span.text_ind2{
    margin: 0 0 0 1.75rem;
  }


  /* -------------------------------------------------------------------------------------------
  *
  * アコーディオン
  *
  * ----------------------------------------------------------------------------------------- */

  .accordion_list {
    width: 100%;
    margin-top: 2.5rem;
    border-top: 1px solid #c0c0c0;
    }
    #college_math_index .accordion_list,
    #college_physics_index .accordion_list {
      width: 92%;
    }


  .accordion {
    border-bottom: 1px solid #c0c0c0;
  }

  .accordion>dt {
    padding: 1.25rem 0;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
  }
  .accordion>dt .txt {
    padding: 0 2rem 0 0;
    box-sizing: border-box;
    font-size: 1rem;
    line-height: 1.4;
    font-weight: 700;
  }
  .accordion>dt .txt.border_L6 {
    font-size: 1.25rem;
    padding: 0 1.3rem 0 0.375rem;
  }
  body.college_physics .accordion>dt::before,
  body.college_physics .accordion>dt::after,
  body.rika .accordion>dt::before,
  body.rika .accordion>dt::after{
    background-color: #45B036;
  }
  body.college_math .accordion>dt::before,
  body.college_math .accordion>dt::after{
    background-color: #0078b9;
  }
  .accordion>dt::before,
  .accordion>dt::after {
    content: '';
    display: block;
    position: absolute;
    opacity: 1;
  }
  .accordion>dt::before {
    width: 0.875rem;
    height: 0.125rem;
    top: 0;
    right: 0.3125rem;
    bottom: 0;
    margin: auto;
  }
  .accordion>dt.open::after {
    opacity: 0;
  }
  .accordion>dt::after {
    width: 0.125rem;
    height: 0.875rem;
    top: 0;
    right: 0.6875rem;
    bottom: 0;
    margin: auto;
  }
  .accordion>dd {
    height: 0;
    overflow: hidden;
    /*display: none;*/
    /*padding: 1rem 0 1.25rem 0;*/
  }
  .accordion>dd.open {
    height: 100%;
    padding: 1rem 0 1.25rem 0;
  }
  .accordion>dd .txt {
    width: 92%;
    box-sizing: border-box;
    font-size: 0.875rem;
    line-height: 1.75;
    font-weight: 400;
    text-align: justify;
  }
  .accordion>dd div.answerOuter {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    border-radius: 0.5rem;
    box-sizing: border-box;
    position: relative;
    padding: 0.875rem 1.25rem 0.875rem 0.875rem;
    align-items: flex-start;
  }
  .accordion>dd div.answerOuter .txt {
    width: 100%;
    text-align: left;
  }
  body.college_math .accordion>dd div.answerOuter {
    background-color: #e8f7ff;
  }
  body.college_physics .accordion>dd div.answerOuter,
  body.rika .accordion>dd div.answerOuter {
    background-color: #F6FFF6;
  }
  .accordion>dd div.answerOuter::before {
    content: "";
    position: absolute;
    top: -30px;
    left: 12%;
    margin-left: -15px;
    border: 15px solid transparent;
  }
  body.college_math .accordion>dd div.answerOuter::before {
    border-bottom: 15px solid #e8f7ff;
  }
  body.college_physics .accordion>dd div.answerOuter::before,
  body.rika .accordion>dd div.answerOuter::before {
    border-bottom: 15px solid #F6FFF6;
  }
  body.rika .accordion>dt.open .txt {
    color: #45B036;
  }



  .accordion_list .accordion dd {
    padding-top: 0;
  }
  .accordion .tabPanel_cnt_txt .txt {
    font-size: 0.9375rem;
  }
  .accordion_list .accordion dd .txt {
    width: 100%;
  }

  .answerOuter .title + .image{
    margin-top: 0.875rem !important;
  }

  .accordion_list .accordion dd .image {
    margin-top: 1.25rem;
    position: relative;
  }
  .accordion_list .accordion dd .image img.on_img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0 auto;
  }
  .accordion_list .accordion dd .image img{
    width: 100%;
    height: inherit !important;
    max-height: inherit !important;
  }
  .accordion_list .accordion dd .image img.sp-size-half {
    width: 60%;
  }
  .accordion_list .accordion dd .image .on_img-sp {
    position: absolute;
    top: 0;
    left: -1%;
    width: 103%;
  }

  .answerOuter  {
    text-align: center;
  }
  .answerOuter .title {
    font-size: 1rem;
    line-height: 1;
    padding-bottom: 0.3rem;
    color: #2371CB;
    display: inline-block;
    width: auto;
    margin: 1.25rem auto 0.675rem;
    border-bottom: 1px solid #2371CB;
  }
  .answerOuter .example {
    padding: 0.875rem;
    border: 3px solid;
    padding:0.6rem 0.875rem;
    border: 3px solid;
    text-align: left;
    border-radius: 8px;
    margin-top: 0.8rem;
  }
  .answerOuter .example .icon {
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    vertical-align: middle;
    padding-right: 0.5rem;
  }
  .answerOuter .example li strong{
    font-weight: bold;
    font-size: 0.875rem;
    display: block;
    margin-bottom: 0.2rem;
  }
  .answerOuter .example li .text {
    font-size: 0.875rem;
    line-height: 1.57;
    font-weight: bold;
    text-align: left;
  }


  .accordion_list .accordion dd div.answerOuter {
    display: block;
  }
  .accordion_list .accordion dd div.flex_unit {
    padding: 1rem;
    box-sizing: border-box;
    }
    .accordion_list .accordion dd div.flex_unit:nth-of-type(n+2) {
      /*margin: 1.5rem 0 0 0;*/
    }

  .accordion_list .accordion dd div.flex_unit p{
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 0.25rem 0;
  }
  .accordion_list .accordion dd div.flex_unit ul{
    font-size: 0.875rem;
  }






  /* -------------------------------------------------------------------------------------------
  *
  * news
  *
  * ----------------------------------------------------------------------------------------- */

  .news_area{
    background-color: #ffffff;
    }
    #revision.news_area{
      margin: 3.125rem 0 0 0;
    }

  .news_area div.newsHeader{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0 1.5rem 0;
    margin: 0 0 1.5rem 0;
    border-bottom: 1px solid #c0c0c0;
  }

  .news_area div.newsHeader h3 p,.news_area div.newsHeader h3 .border_L6{
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.25;
    padding: 0 0 0 0.375rem;
    display: block;
  }

  .news_area div.newsHeader ul.rss_area{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  }

  .news_area div.newsHeader ul.rss_area li{
  }

  .news_area div.newsHeader ul.rss_area li:nth-of-type(n+2){
    margin: 0 0 0 1.25rem;
  }

  .news_area div.newsHeader ul.rss_area li svg{
    display: inline-block;
    vertical-align: middle;
    width: 1rem;
    height: 0.8125rem;
  }

  .news_area div.newsHeader ul.rss_area li p{
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    font-weight: 700;
  }




  .news_area div.sub_category_area{
  }

  .news_area div.sub_category_area div.news_box{
    margin: 0 0 1.5rem 0;
  }

  .news_area div.sub_category_area ul.news_data{
    width: 100%;
    }
    .news_area div.sub_category_area ul.news_data.cboxLoadedContent{
      /*height: 27rem;*/
      /*overflow: auto;*/
    }

  /* scrollbar */
  .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
    background-color: #ffffff;
  }

  .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #c0c0c0;
  }
  .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background-color: #c0c0c0;
  }

  .js_isIe .mCSB_scrollTools{
    display: none !important;
  }

  .news_area div.sub_category_area ul.news_data li{
    }
    .news_area div.sub_category_area ul.news_data li:nth-of-type(n+2){
      padding-top: 1.1rem;
    }

  .news_area div.sub_category_area ul.news_data li div{
    display: inline-block;
    vertical-align: top;
    line-height: 1.5;
  }
  .news_area div.sub_category_area ul.news_data li div:nth-of-type(1){
    font-size: 0.875rem;
    color: #707070;
  }
  .news_area div.sub_category_area ul.news_data li div.tag{
    color: #707070;
    font-size: 0.625rem;
    font-weight: 700;
    line-height: 1;
    border-color: #707070;
    border-style: solid;
    border-width: 1px;
    border-radius: 0.3rem;
    padding: 0.3125rem 0;
    width: 7.5rem;
    text-align: center;
    margin: 0 0 0 0.75rem;
    }
    .news_area div.sub_category_area ul.news_data li div.tag.category_important{
      color: #E62025;
      border-color: #E62025;
      font-weight: 500;
    }
    .news_area div.sub_category_area ul.news_data li div.tag.category_apology{
      background-color: #DDDDDD;
    }
    .tag_list.category_apology{
      background-color: #DDDDDD;
    }
    .news_area div.sub_category_area ul.news_data li div.tag.color_rika{
      color: #45B036;
      border-color: #45B036;
    }
    .news_area div.sub_category_area ul.news_data li div.tag.color_seikatsu{
      color: #EE791D;
      border-color: #EE791D;
    }
    .news_area div.sub_category_area ul.news_data li div.tag.color_math{
      color: #0078B9;
      border-color: #0078B9;
    }
    .news_area div.sub_category_area ul.news_data li div.tag.color_pe{
      color: #7D4798;
      border-color: #7D4798;
    }
    .news_area div.sub_category_area #revision_college_math ul.news_data li div.tag,
    .news_area div.sub_category_area #revision_college_physics ul.news_data li div.tag{
      display: none;
    }
    .subjects_index .news_area#revision div.sub_category_area ul.news_data li div.tag{
      display: none;
    }



  .news_area div.sub_category_area ul.news_data li div.txt{
    display: block;
    font-size: 1rem;
    margin: 0;
  }
  .news_area div.sub_category_area ul.news_data li div.txt img{
    display: inline-block;
    vertical-align: top;
    margin: 0.3125rem 0 0 0.3125rem;
  }


  .news_area ul.revisionList{
    text-align: right;
  }

  .news_area ul.revisionList li svg{
    display: inline-block;
    vertical-align: middle;
    width: 1rem;
    height: 0.8125rem;
  }

  .news_area ul.revisionList li p{
    display: inline-block;
    vertical-align: middle;
    font-size: 0.875rem;
    font-weight: 700;
  }

  .news_area div.newsHeader.full {
    display: block;
  }
  .news_area div.newsHeader.full h3 {
    margin-bottom: 1.125rem;
  }

  /* -------------------------------------------------------------------------------------------
  *
  * linkArea
  *
  * ----------------------------------------------------------------------------------------- */

  #linkArea{
    background-color: #ffffff;
    padding: 2.5rem 0;
  }

  #linkArea h3 p,#linkArea h3 .border_L6{
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.25;
    padding: 0 0 0 0.375rem;
    display: block;
  }

  #linkArea ul{
    margin: 1.25rem 0 0 0;
  }

  #linkArea ul li{
    line-height: 1;
    font-size: 0;
    }
    #linkArea ul li:nth-of-type(n+2){
      margin: 0.625rem 0 0 0;
    }

  #linkArea ul li a{
    position: relative;
  }
  #linkArea ul li a p{
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    display: inline-block;
    vertical-align: top;
  }


  #linkArea ul li a svg{
    display: inline-block;
    vertical-align: top;
    width: 0.5625rem;
    height: 0.9375rem;
    margin: auto;
    position: absolute;
    top: 0; right: 1.125rem; bottom: 0;
  }






  /* -------------------------------------------------------------------------------------------
  *
  * フッター
  *
  * ----------------------------------------------------------------------------------------- */


  footer .snsLink{
    background-color: #ffffff;
    padding: 20px 0 0 0;
  }
  footer .snsLink_list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  footer .snsLink_list_li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    }
    footer .snsLink_list_li:nth-of-type(n+2){
      padding: 0 0 0 1.125rem;
      margin: 0 0 0 1.125rem;
      border-style: solid;
      border-width: 0 0 0 1px;
      border-color: #C0C0C0;
    }

  footer .snsLink_list_txt{
    font-size: 1rem;
    font-weight: 700;
    color: #9F9F9F;
    margin: 0 1.125rem 0 0;
  }
  footer .snsLink_list_icon{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    }
    footer .snsLink_list_icon:nth-of-type(n+2){
      margin: 0 0 0 0.875rem;
    }
  footer .snsLink_list_icon.twitter img{
    width: 1.5rem;
    height: 1.25rem;
  }
  footer .snsLink_list_icon.instagram img{
    width: 1.3125rem;
    height: 1.3125rem;
  }



  div.footerNav{
    background-color: #f0f0f0;
  }
  div.footerNav div.inner{
    width: 100%;
  }
  div.footerNav a{
    color: #3C3C43;
  }



  ul.spFooter{
    margin: 1.25rem 0 0 0;
    border-top: 1px solid #D3D3D3;
  }

  ul.spFooter li{
    border-bottom: 1px solid #D3D3D3;
  }

  ul.spFooter li a{
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 1rem 0.875rem;
    box-sizing: border-box;
    width: 100%;
  }
  ul.spFooter li a p{
    font-size: 1rem;
    font-weight: 700;
    display: inline-block;
    vertical-align: top;
  }


  ul.spFooter li a svg{
    display: inline-block;
    vertical-align: top;
    width: 0.5625rem;
    height: 0.9375rem;
    margin: auto;
    position: absolute;
    top: 0; right: 1.125rem; bottom: 0;
  }




  footer div.otherNav{
    background-color: #ffffff;
    /*padding: 1.25rem 0;*/
    padding: 2rem 0;
    }
    #rootTop footer div.otherNav{
      padding: 1.25rem 0;
    }

  footer div.otherNav div.copyright{
  }

  footer div.otherNav div.copyright p{
    font-size: 0.625rem;
    /*line-height: 1.83;*/
    text-align: center;
  }




  /* -------------------------------------------------------------------------------------------
  *
  * ファイルアイコン+テキストのリンク
  *
  * ----------------------------------------------------------------------------------------- */

  .fileLink{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .fileLink_info{
    font-size: 0.875rem;
    line-height: 1.33;
    text-decoration: underline;
  }

  .file_icon{
    display: inline-block;
    vertical-align: middle;
    margin: 0 1.25rem 0 0;
    width: 2.5rem;
    height: 2.875rem;
  }




  /* -------------------------------------------------------------------------------------------
  *
  * ページトップボタン
  *
  * ----------------------------------------------------------------------------------------- */

  #pageTop {
    position: fixed;
    bottom: 1.25rem;
    right: 1.25rem;
    z-index: 1;
  }
  #pageTop a {
    display: inline-block;
    vertical-align: top;
  }
  #pageTop a img{
    width: 3rem;
    height: 3rem;
  }


  #rootTop #pageTop {
    display: none !important;
  }

  #pageTop_footer {
    display: block;
    position: relative;
    text-align: center;
    margin: 0 0 1rem 0;
    bottom: 0; right: 0;
    width: 100%;
  }
  #pageTop_footer a {
    display: inline-block;
    vertical-align: top;
    text-align: center;
  }

  #pageTop_footer a img{
    display: inline-block;
    vertical-align: top;
    width: 9.375rem;
    height: 1.875rem;
  }



}


@media screen and (min-width: 601px) and (max-width: 1200px) {
  .mokuji{
    min-width: 100%;
  }
}

/* 個別調整部分 */
/*@media screen and (min-width: 601px) and (max-width: 1050px) {*/
@media screen and (min-width: 601px) and (max-width: 1120px) {
  .accordion_list .accordion dd .image img {
    /*max-height: 63vw;*/
    max-height: 62vw;
  }
  .accordion_list .accordion dd .image img.on_img {
    max-height: inherit;
    /*max-width: 99%;*/
    max-width: 88vw;
  }
}
@media screen and (min-width: 601px) and (max-width: 750px) {
  .accordion_list .accordion dd .image img.single_page {
    /*max-height: 61.5vw !important;*/
  }
  .js_isSafari .accordion_list .accordion dd .image img {
    max-height: inherit !important;
  }
  .js_isSafari .accordion_list .accordion dd .image img:not(.on_img),
  .js_isSafari .accordion_list .accordion dd .image img.js_isPng {
    max-height: 62vw !important;
  }
}
@media screen and (min-width: 601px) and (max-width: 700px) {
  .accordion_list .accordion dd .image img.single_page {
    /*max-height: 61vw !important;*/
  }
  .js_isSafari .accordion_list .accordion dd .image img {
    max-height: inherit !important;
  }
  .js_isSafari .accordion_list .accordion dd .image img:not(.on_img),
  .js_isSafari .accordion_list .accordion dd .image img.js_isPng {
    max-height: 62vw !important;
  }
}
@media screen and (min-width: 601px) and (max-width: 650px) {
  .accordion_list .accordion dd .image img.single_page {
    /*max-height: 60.5vw !important;*/
  }
  .js_isSafari .accordion_list .accordion dd .image img {
    max-height: inherit !important;
  }
  .js_isSafari .accordion_list .accordion dd .image img:not(.on_img),
  .js_isSafari .accordion_list .accordion dd .image img.js_isPng {
    max-height: 62vw !important;
  }
}

/* タブレット調整部分 */
@media screen and (min-width: 601px) and (max-width: 1024px){

  /*layout style*/
  .pc{ display: none; }
  .sp{ display: none; }
  .tb{ display: block; }
  span.pc, em.pc, a.pc, br.pc, i.pc, img.pc, input.pc, select.pc{
    display: none;
  }
  span.sp, em.sp, a.sp, br.sp, i.sp, img.sp, input.sp, select.sp{
    display: none;
  }
  span.tb, em.tb, a.tb, br.tb, i.tb, img.tb, input.tb, select.tb{
    display: inline;
  }
  .tb_sp{ display: block; }
  span.tb_sp, em.tb_sp, a.tb_sp, br.tb_sp, i.tb_sp, img.tb_sp, input.tb_sp, select.tb_sp{
    display: inline;
  }
  .pc_tb{ display: block; }
  span.pc_tb, em.pc_tb, a.pc_tb, br.pc_tb, i.pc_tb, img.pc_tb, input.pc_tb, select.pc_tb{
    display: inline;
  }
  .pc_sp{ display: none; }
  span.pc_sp, em.pc_sp, a.pc_sp, br.pc_sp, i.pc_sp, img.pc_sp, input.pc_sp, select.pc_sp{
    display: inline;
  }
  .halfRenew #content .sp{ display: block; }


  /* -------------------------------------------------------------------------------------------
  *
  * ヘッダー
  *
  * ----------------------------------------------------------------------------------------- */

  header{
    border-bottom: 1px solid #c0c0c0;
    position: fixed;
    top: 0; left: 0;
  }

  header .bg{
    display: none;
  }

  header div.contents_box{
    padding: 0;
  }

  header .contents_box .inner{
    position: relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*padding: 0 0 25px 0;*/
  }

  header h1{
    position: relative;
  }

  header h1 img{
    width: 10rem;
  }

  header #menuBar{
    cursor: pointer;
    width: 3.5rem;
    height: 3.5rem;
    position: relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    right: -0.75rem;
  }
  header #menuBar .menu-trigger{
    /*width: 1.125rem;*/
    /*height: 0.875rem;*/
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("../../common/images/icon_menu.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
  }
  header #menuBar .menu-trigger.active{
    /*width: 1rem;*/
    /*height: 1.0625rem;*/
    width: 1.375rem;
    height: 1.375rem;
    background-image: url("../../common/images/icon_menu_close.svg");
  }



  header .tabNav{
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-top: 1px solid #c0c0c0;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    z-index: 1;
  }
  header .tabNav.active{
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }


  header .tabNav .tabNav_cnt{
    padding: 2rem;
    box-sizing: border-box;
    max-height: calc(100vh - 82px);
    max-height: -webkit-calc(100vh - 82px);
    overflow: auto;
  }


  header .tabNav .tabNav_cnt .tabNav_unit{
    box-sizing: border-box;
    }
    header .tabNav .tabNav_cnt .tabNav_unit:nth-of-type(n+2){
      padding: 2rem 0 0 0;
      margin: 2rem 0 0 0;
      border-top: 1px solid #c0c0c0;
    }

  header .tabNav .tabNav_cnt .tabNav_unit_ttl{
    margin: 0 0 1rem 0;
  }
  header .tabNav .tabNav_cnt .tabNav_unit_ttl p{
    font-size: 0.875rem;
    font-weight: 700;
    color: #9f9f9f;
  }

  header .tabNav .tabNav_cnt .tabNav_unit ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  }
  header .tabNav .tabNav_cnt .tabNav_unit ul.mainList,
  header .tabNav .tabNav_cnt .tabNav_unit ul.subList{
    margin: 1.5rem 0 0 0;
  }

  header .tabNav .tabNav_cnt .tabNav_unit ul li{
    }
    header .tabNav .tabNav_cnt .tabNav_unit ul li:nth-of-type(n+2){
      margin: 0 0 0 3.875rem;
    }
    header .tabNav .tabNav_cnt .tabNav_unit ul.subList li:nth-of-type(n+2){
      margin: 0 0 0 1.25rem;
    }

  header .tabNav .tabNav_cnt .tabNav_unit ul li{
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
  }

  header .tabNav .tabNav_cnt .tabNav_unit ul li svg{
    display: inline-block;
    vertical-align: middle;
    width: 0.5625rem;
    height: 0.9375rem;
    margin: 0 0.5rem 0 0;
  }

  header .tabNav .tabNav_cnt .tabNav_unit ul li p{
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    font-weight: 700;
    }
    header .tabNav .tabNav_cnt .tabNav_unit ul li.rika p,
    header .tabNav .tabNav_cnt .tabNav_unit ul li.science p,
    header .tabNav .tabNav_cnt .tabNav_unit ul li.college_physics p{
      color: #45b036;
    }
    header .tabNav .tabNav_cnt .tabNav_unit ul li.seikatsu p{
      color: #ee791d;
    }
    header .tabNav .tabNav_cnt .tabNav_unit ul li.sansu p,
    header .tabNav .tabNav_cnt .tabNav_unit ul li.math p,
    header .tabNav .tabNav_cnt .tabNav_unit ul li.college_math p{
      color: #0078b9;
    }
    header .tabNav .tabNav_cnt .tabNav_unit ul li.taiiku p,
    header .tabNav .tabNav_cnt .tabNav_unit ul li.pe p{
      color: #7d4798;
    }
    header .tabNav .tabNav_cnt .tabNav_unit ul.mainList li p{
      font-size: 1rem;
    }
    header .tabNav .tabNav_cnt .tabNav_unit ul.subList li p{
      font-size: 0.875rem;
    }







  header div.navPanel{
    background-color: #ffffff;
    height: 100%;
    border-top: 1px solid #c0c0c0;
    /*-webkit-transition: opacity .5s ease;*/
    /*transition: opacity .5s ease;*/
    }
    header div.navPanel.nav_01,
    header div.navPanel.nav_02,
    header div.navPanel.nav_03{
      height: 100vh;
    }
    header div.navPanel.nav_04,
    header div.navPanel.nav_05{
      display: none !important;
    }

  header div.navPanel div.navPanel_cnt{
    padding: 0;
    height: 100%;
  }
  header div.navPanel div.navPanel_cnt div.inner{
    /*width: 90%;*/
    width: 100%;
    padding: 0 5%;
    box-sizing: border-box;
    max-height: calc(100vh - 180px);
    max-height: -webkit-calc(100vh - 180px);
    overflow: auto;
  }

  header div.navPanel div.navPanel_cnt div.navPanel_headline{
    font-size: 0;
    text-align: center;
    padding: 1.25rem 0;
    margin: 0 0 1.625rem 0;
    position: relative;
    }
    header div.navPanel div.navPanel_cnt.rika div.navPanel_headline,
    header div.navPanel div.navPanel_cnt.science div.navPanel_headline,
    header div.navPanel div.navPanel_cnt.college_physics div.navPanel_headline{
      background-color: #ECF8EC;
    }
    header div.navPanel div.navPanel_cnt.seikatsu div.navPanel_headline{
      background-color: #FCEEE4;
    }
    header div.navPanel div.navPanel_cnt.sansu div.navPanel_headline,
    header div.navPanel div.navPanel_cnt.math div.navPanel_headline,
    header div.navPanel div.navPanel_cnt.college_math div.navPanel_headline{
      background-color: #E8FAFA;
    }
    header div.navPanel div.navPanel_cnt.taiiku div.navPanel_headline,
    header div.navPanel div.navPanel_cnt.pe div.navPanel_headline{
      background-color: #EAEAFA;
    }

  header div.navPanel div.navPanel_cnt div.navPanel_headline p{
    font-size: 1rem;
    font-weight: 700;
  }

  header div.navPanel div.navPanel_cnt div.navPanel_headline .navPanel_return{
    position: absolute;
    top: 0; bottom: 0; left: 1.25rem;
    margin: auto;
    width: 2rem;
    height: 2rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
  }

  header div.navPanel div.navPanel_cnt div.navPanel_headline .navPanel_return svg{
    /*width: 100%;*/
    /*height: 100%;*/
    width: 0.5rem;
    height: 0.8125rem;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }



  header div.navPanel div.navPanel_cnt div.navPanel_ttl a{
    font-size: 1.25rem;
    padding: 0 0 0 1.25rem;
  }
  header div.navPanel div.navPanel_cnt div.navPanel_ttl a svg{
    width: 0.75rem;
    height: 1.25rem;
    left: 0;
  }






  header div.navPanel div.navPanel_cnt div.navPanel_box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  header div.navPanel div.navPanel_cnt div.navPanel_box div.navPanel_unit{
    width: 46%;
  }

  header div.navPanel div.navPanel_cnt div.navPanel_box div.navPanel_unit.bnr{
    width: 100%;
    max-width: 100%;
    margin: 2rem 0 0 0;
  }

  header div.navPanel div.navPanel_cnt div.navPanel_unit.bnr ul.navPanel_unit_list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }



  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li{
    }
    header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li:nth-of-type(n+2){
      margin: 1.125rem 0 0 0;
    }

  header div.navPanel div.navPanel_cnt div.navPanel_unit.bnr ul.navPanel_unit_list li{
    width: 31%;
    margin: 0 0 0.75rem 0;
    }
    header div.navPanel div.navPanel_cnt div.navPanel_unit.bnr ul.navPanel_unit_list li:nth-of-type(n+2){
      margin: 0 0 0.75rem 2%;
    }
    header div.navPanel div.navPanel_cnt div.navPanel_unit.bnr ul.navPanel_unit_list li:nth-of-type(3n+1){
      margin: 0 0 0.75rem 0;
    }


  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li a{
    display: inline-block;
    vertical-align: top;
  }
/*
  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li.navBtn a{
    padding: 1rem 1.5rem;
  }
*/
  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li a svg{
    display: inline-block;
    vertical-align: top;
    width: 0.8125rem;
    height: 1.125rem;
    margin: 0.25rem 0.5rem 0 0;
  }
  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li.bfArrow a svg{
    width: 0.5rem;
    height: 1rem;
    margin-top: 0;
  }

  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li a p{
    display: inline-block;
    vertical-align: top;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
  }





  #pageGuide{
    margin: 3px 0 0 0;
  }


  .anchor_list ul.pc,
  .anchor_list ul.sp{
    display: none;
  }




  /* -------------------------------------------------------------------------------------------
  *
  * news
  *
  * ----------------------------------------------------------------------------------------- */

  .news_area div.sub_category_area ul.news_data.cboxLoadedContent{
    height: auto;
    overflow: hidden;
  }


    .news_area div.sub_category_area ul.news_data li:nth-of-type(n+2){
      margin: 1.25rem 0 0 0;
    }

    .news_area div.sub_category_area ul.news_data li div.tag.category_important{
      color: #E62025;
      border-color: #E62025;
      font-weight: 400;
    }

  .news_area div.sub_category_area ul.news_data li div.txt{
    font-weight: 400;
  }


/*
  #news.news_area div.sub_category_area ul.news_data li div.txt{
    max-width: -webkit-calc(100% - 300px);
    max-width: calc(100% - 300px);
  }
  #revision.news_area div.sub_category_area ul.news_data li div.txt{
    max-width: -webkit-calc(100% - 120px);
    max-width: calc(100% - 120px);
  }
*/



  /* -------------------------------------------------------------------------------------------
  *
  * linkArea
  *
  * ----------------------------------------------------------------------------------------- */

  #linkArea ul li{
    width: 31%;
    margin: 0 2% 1rem 0;
  }




  /* -------------------------------------------------------------------------------------------
  *
  * フッター
  *
  * ----------------------------------------------------------------------------------------- */


  div.footerNav div.footerNav_cnt{
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }


  div.footerNav div.footerNav_cnt div.footerNav_unit{
    width: 24%;
  }
  div.footerNav div.footerNav_cnt:nth-of-type(1) div.footerNav_unit:nth-of-type(2),
  div.footerNav div.footerNav_cnt:nth-of-type(1) div.footerNav_unit:nth-of-type(3){
    width: 22%;
  }
  div.footerNav div.footerNav_cnt:nth-of-type(1) div.footerNav_unit:nth-of-type(4){
    width: 28%;
  }

  div.footerNav div.footerNav_cnt:nth-of-type(2) div.footerNav_unit:nth-of-type(1){
    width: 24%;
  }
  div.footerNav div.footerNav_cnt:nth-of-type(2) div.footerNav_unit:nth-of-type(2){
    width: 23%;
  }
  div.footerNav div.footerNav_cnt:nth-of-type(2) div.footerNav_unit:nth-of-type(3){
    width: 28%;
  }
  div.footerNav div.footerNav_cnt:nth-of-type(2) div.footerNav_unit:nth-of-type(4){
    width: 24%;
  }



  footer div.otherNav div.otherNavBox{
    display: block;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    margin: 0 0 1.625rem 0;
  }

  footer div.otherNav div.otherNavBox ul.siteNav li a svg{
    margin: 0 0.125rem 0 -0.25rem;
  }


  footer div.otherNav div.otherNavBox ul.exNav{
    margin: 1rem 0 0 0;
  }


}

@media screen and (min-width: 601px) and (max-width: 840px){


  /* -------------------------------------------------------------------------------------------
  *
  * linkArea
  *
  * ----------------------------------------------------------------------------------------- */

    #linkArea ul li a p{
    font-size: 0.875rem;
  }



  /* -------------------------------------------------------------------------------------------
  *
  * フッター
  *
  * ----------------------------------------------------------------------------------------- */

  div.footerNav div.footerNav_cnt:nth-of-type(1) div.footerNav_unit:nth-of-type(1),
  div.footerNav div.footerNav_cnt:nth-of-type(1) div.footerNav_unit:nth-of-type(2),
  div.footerNav div.footerNav_cnt:nth-of-type(1) div.footerNav_unit:nth-of-type(3){
    width: 20%;
  }
  div.footerNav div.footerNav_cnt:nth-of-type(1) div.footerNav_unit:nth-of-type(4){
    width: 32%;
  }

  div.footerNav div.footerNav_cnt:nth-of-type(2) div.footerNav_unit:nth-of-type(1){
    width: 30%;
  }
  div.footerNav div.footerNav_cnt:nth-of-type(2) div.footerNav_unit:nth-of-type(2){
    width: 30%;
  }
  div.footerNav div.footerNav_cnt:nth-of-type(2) div.footerNav_unit:nth-of-type(3){
    width: 32%;
  }
  div.footerNav div.footerNav_cnt:nth-of-type(2) div.footerNav_unit:nth-of-type(4){
    /*margin: 1.25rem 0 0 0;*/
    margin: 10px 0 0 0;
    width: 100%;
    max-width: 100%;
  }

  div.footerNav div.footerNav_cnt:nth-of-type(2) div.footerNav_unit:nth-of-type(4) ul.footerNav_unit_list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  }
  div.footerNav div.footerNav_cnt:nth-of-type(2) div.footerNav_unit:nth-of-type(4) ul.footerNav_unit_list li{
    /*width: 50%;*/
  }
/*
    div.footerNav div.footerNav_cnt:nth-of-type(2) div.footerNav_unit:nth-of-type(4) ul.footerNav_unit_list li:nth-of-type(1),
    div.footerNav div.footerNav_cnt:nth-of-type(2) div.footerNav_unit:nth-of-type(4) ul.footerNav_unit_list li:nth-of-type(2){
      width: 20.4%;
    }
    div.footerNav div.footerNav_cnt:nth-of-type(2) div.footerNav_unit:nth-of-type(4) ul.footerNav_unit_list li:nth-of-type(3){
      width: 20.4%;
    }
    div.footerNav div.footerNav_cnt:nth-of-type(2) div.footerNav_unit:nth-of-type(4) ul.footerNav_unit_list li:nth-of-type(4){
      width: 32%;
    }
*/
    div.footerNav div.footerNav_cnt:nth-of-type(2) div.footerNav_unit:nth-of-type(4) ul.footerNav_unit_list li:nth-of-type(n+2){
      /*margin: 0 0 0 20px;*/
      margin: 0 0 0 32px;
    }




}



@media screen and (min-width: 601px) and (max-width: 740px){


  /* -------------------------------------------------------------------------------------------
  *
  * フッター
  *
  * ----------------------------------------------------------------------------------------- */

  div.footerNav div.footerNav_cnt:nth-of-type(1) div.footerNav_unit:nth-of-type(1){
    width: 24%;
  }
  div.footerNav div.footerNav_cnt:nth-of-type(1) div.footerNav_unit:nth-of-type(2),
  div.footerNav div.footerNav_cnt:nth-of-type(1) div.footerNav_unit:nth-of-type(3){
    width: 20%;
  }
  div.footerNav div.footerNav_cnt:nth-of-type(1) div.footerNav_unit:nth-of-type(4){
    width: 32%;
  }

  div.footerNav div.footerNav_cnt:nth-of-type(2) div.footerNav_unit:nth-of-type(1){
    width: 34%;
  }
  div.footerNav div.footerNav_cnt:nth-of-type(2) div.footerNav_unit:nth-of-type(2){
    width: 30%;
  }
  div.footerNav div.footerNav_cnt:nth-of-type(2) div.footerNav_unit:nth-of-type(3){
    /*margin: 1.25rem 0 0 0;*/
    width: 34%;
  }

  div.footerNav div.footerNav_cnt:nth-of-type(2) div.footerNav_unit:nth-of-type(4) ul.footerNav_unit_list{
    /*width: 68%;*/
  }

  div.footerNav div.footerNav_cnt:nth-of-type(2) div.footerNav_unit:nth-of-type(4) ul.footerNav_unit_list li{
    }
/*
    div.footerNav div.footerNav_cnt:nth-of-type(2) div.footerNav_unit:nth-of-type(4) ul.footerNav_unit_list li:nth-of-type(1){
      width: 24.5%;
    }
    div.footerNav div.footerNav_cnt:nth-of-type(2) div.footerNav_unit:nth-of-type(4) ul.footerNav_unit_list li:nth-of-type(2){
      width: 20.4%;
    }
    div.footerNav div.footerNav_cnt:nth-of-type(2) div.footerNav_unit:nth-of-type(4) ul.footerNav_unit_list li:nth-of-type(3){
      width: 20.5%;
    }
    div.footerNav div.footerNav_cnt:nth-of-type(2) div.footerNav_unit:nth-of-type(4) ul.footerNav_unit_list li:nth-of-type(4){
      width: 32%;
    }
    div.footerNav div.footerNav_cnt:nth-of-type(2) div.footerNav_unit:nth-of-type(4) ul.footerNav_unit_list li:nth-of-type(n+2){
      margin: 0 0 0 30px;
    }
*/



  div.footerNav div.footerNav_cnt div.footerNav_unit div.footerNav_unit_ttl p{
    font-size: 0.875rem;
  }

  div.footerNav div.footerNav_cnt div.footerNav_unit ul.footerNav_unit_list li a p{
    font-size: 0.8125rem;
  }


}

@media screen and (min-width: 601px) and (max-width: 640px){


  /* -------------------------------------------------------------------------------------------
  *
  * linkArea
  *
  * ----------------------------------------------------------------------------------------- */

  #linkArea ul li a p{
    font-size: 0.75rem;
  }


  /* -------------------------------------------------------------------------------------------
  *
  * フッター
  *
  * ----------------------------------------------------------------------------------------- */

  footer div.otherNav div.otherNavBox ul.exNav li a p{
    font-size: 0.8125rem;
  }


}


/* PC閲覧時SP領域調整部分 */
@media screen and (min-width: 500px) and (max-width: 600px){
 .overflow_table_outer{
    padding: 0;
    margin: 0;
  }

  .overflow_table_inner{
    padding: 0;
  }
}


@media screen and (max-width: 374px){

  .news_area div.newsHeader{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .news_area div.newsHeader h3{
    width: 100%;
  }

  .news_area div.newsHeader ul.rss_area{
    margin: 0.75rem 0 0 0;
    width: 100%;
  }

  .news_area div.newsHeader ul.rss_area li{
  }

  .news_area div.newsHeader ul.rss_area li:nth-of-type(n+2){
    margin: 0 0 0 1.25rem;
  }
}


/* 旧SE調整部分 */
@media screen and (max-width: 349px){
  header div.navPanel div.navPanel_cnt div.navPanel_unit ul.navPanel_unit_list li.ifW320_full{
    width: 100% !important;
  }
}


/* -------------------------------------------------------------------------------------------
*
* ポイント枠
*
* ----------------------------------------------------------------------------------------- */

/* color設定 */
/* 新 基礎数学 */
body#fundamental .accordion_list .accordion dt.open .txt,
body#fundamental .mathjax_area,
body#fundamental .answerOuter .title,
body#fundamental .tabList ul li.active p,
body#fundamental .example li strong{
  color: #2371CB;
}
body#fundamental .answerOuter .title,
body#fundamental h3 .border_L6{
  border-color: #2371CB;
}
body#fundamental .example:not(.multi) {
  border-color:#2371CB;
  background-color: #EAF4FF;
  border: 3px solid #2371CB;
}
@media screen and (min-width: 601px){
  body#fundamental .example.multi li {
    border-color:#2371CB;
    background-color: #EAF4FF;
    border: 3px solid #2371CB;
  }
}
@media screen and (max-width: 600px){
  body#fundamental .example.multi {
    border-color:#2371CB;
    background-color: #EAF4FF;
    border: 3px solid #2371CB;
  }
}
body#fundamental .btn_page ,
body#fundamental .modal-btn a{
  color: #2371CB;
  border-color: #2371CB;
}
body#fundamental svg.addFil.icon {
  fill:#2371CB;
}
body#fundamental .accordion_list .accordion dt::before,
body#fundamental .accordion_list .accordion dt::after,
body#fundamental .tabList ul li::before,
body#fundamental .tabList ul::after {
  background-color: #2371CB;
}
body#fundamental .tabList ul li::after {
  border-bottom: 7px solid #2371CB;
}
body#fundamental #main_box,
body#fundamental .table_box tr.head, 
body#fundamental .table_box th {
  background-color: #EAF4FF;
}
body#fundamental .accordion_list .accordion dd div.answerOuter:before{
  border-bottom-color:#F4F9FF;
}
body#fundamental .accordion_list .accordion dd div.answerOuter {
  background-color: #F4F9FF;
}

/* 新 線形代数 */
body#linear .accordion_list .accordion dt.open .txt,
body#linear .mathjax_area,
body#linear .answerOuter .title,
body#linear .tabList ul li.active p,
body#linear .example li strong{
  color: #B35F20;
}
body#linear .answerOuter .title,
body#linear h3 .border_L6{
  border-color: #B35F20;
}
body#linear .example:not(.multi) {
  border-color:#B35F20;
  border: 3px solid #B35F20;
  background-color: #FAEDE4;
}
@media screen and (min-width: 601px){
  body#linear .example.multi li {
    border-color:#B35F20;
    border: 3px solid #B35F20;
    background-color: #FAEDE4;
  }
}
@media screen and (max-width: 600px){
  body#linear .example.multi {
    border-color:#B35F20;
    border: 3px solid #B35F20;
    background-color: #FAEDE4;
  }
}
body#linear .btn_page,
body#linear .modal-btn a {
  color: #B35F20;
  border-color: #B35F20;
}
body#linear svg.addFil.icon {
  fill:#B35F20;
}
body#linear .tabList ul li::before,
body#linear .tabList ul::after,
body#linear .accordion_list .accordion dt::before,
body#linear .accordion_list .accordion dt::after{
  background-color: #B35F20;
}
body#linear .tabList ul li::after {
  border-bottom: 7px solid #B35F20;
}
body#linear #main_box,
body#linear .table_box tr.head,
body#linear .table_box th {
  background-color: #FAEDE4;
}
body#linear .accordion_list .accordion dd div.answerOuter:before{
  border-bottom-color:#FCF6F1;
}
body#linear .accordion_list .accordion dd div.answerOuter{
  background:#FCF6F1;
}


/* 新 微分積分Ⅰ */
body#differential1 .accordion_list .accordion dt.open .txt,
body#differential1 .mathjax_area,
body#differential1 .answerOuter .title,
body#differential1 .tabList ul li.active p,
body#differential1 .example li strong{
  color: #53993d;
}
body#differential1 .answerOuter .title,
body#differential1 h3 .border_L6{
  border-color: #53993d;
}
body#differential1 .example:not(.multi) {
  border-color:#53993d;
  border: 3px solid #53993d;
  background-color: #eaffe3;
}
@media screen and (min-width: 601px){
  body#differential1 .example.multi li {
    border-color:#53993d;
    border: 3px solid #53993d;
    background-color: #eaffe3;
  }
}
@media screen and (max-width: 600px){
  body#differential1 .example.multi {
    border-color:#53993d;
    border: 3px solid #53993d;
    background-color: #eaffe3;
  }
}
body#differential1 .btn_page ,
body#differential1 .modal-btn a{
  color: #53993d;
  border-color: #53993d;
}
body#differential1 svg.addFil.icon {
  fill:#53993d;
}
body#differential1 .accordion_list .accordion dt::before,
body#differential1 .accordion_list .accordion dt::after,
body#differential1 .tabList ul li::before,
body#differential1 .tabList ul::after {
  background-color: #53993d;
}
body#differential1 .tabList ul li::after {
  border-bottom: 7px solid #53993d;
}
body#differential1 #main_box,
body#differential1 .table_box tr.head, 
body#differential1 .table_box th {
  background-color: #eaffe3;
}
body#differential1 .accordion_list .accordion dd div.answerOuter:before{
  border-bottom-color:#f4fff1;
}
body#differential1 .accordion_list .accordion dd div.answerOuter {
  background-color: #f4fff1;
}

/* 新 微分積分Ⅱ */
body#differential2 .accordion_list .accordion dt.open .txt,
body#differential2 .mathjax_area,
body#differential2 .answerOuter .title,
body#differential2 .tabList ul li.active p,
body#differential2 .example li strong{
  color: #a1ac21;
}
body#differential2 .answerOuter .title,
body#differential2 h3 .border_L6{
  border-color: #a1ac21;
}
body#differential2 .example:not(.multi) {
  border-color:#a1ac21;
  border: 3px solid #a1ac21;
  background-color: #fafdcd;
}
@media screen and (min-width: 601px){
  body#differential2 .example.multi li {
    border-color:#a1ac21;
    border: 3px solid #a1ac21;
    background-color: #fafdcd;
  }
}
@media screen and (max-width: 600px){
  body#differential2 .example.multi {
    border-color:#a1ac21;
    border: 3px solid #a1ac21;
    background-color: #fafdcd;
  }
}
body#differential2 .btn_page ,
body#differential2 .modal-btn a{
  color: #a1ac21;
  border-color: #a1ac21;
}
body#differential2 svg.addFil.icon {
  fill:#a1ac21;
}
body#differential2 .accordion_list .accordion dt::before,
body#differential2 .accordion_list .accordion dt::after,
body#differential2 .tabList ul li::before,
body#differential2 .tabList ul::after {
  background-color: #a1ac21;
}
body#differential2 .tabList ul li::after {
  border-bottom: 7px solid #a1ac21;
}
body#differential2 #main_box,
body#differential2 .table_box tr.head, 
body#differential2 .table_box th {
  background-color: #fafdcd;
}
body#differential2 .accordion_list .accordion dd div.answerOuter:before{
  border-bottom-color:#fcfee6;
}
body#differential2 .accordion_list .accordion dd div.answerOuter {
  background-color: #fcfee6;
}


/* 新確率統計 */
body#probability .accordion_list .accordion dt.open .txt,
body#probability .mathjax_area,
body#probability .answerOuter .title,
body#probability .tabList ul li.active p,
body#probability .example li strong{
  color: #b79229;
}
body#probability .answerOuter .title,
body#probability h3 .border_L6{
  border-color: #b79229;
}
body#probability .example:not(.multi) {
  border-color:#b79229;
  background-color: #fff8e3;
  border: 3px solid #b79229;
}
@media screen and (min-width: 601px){
  body#probability .example.multi li {
    border-color:#b79229;
    background-color: #fff8e3;
    border: 3px solid #b79229;
  }
}
@media screen and (max-width: 600px){
  body#probability .example.multi {
    border-color:#b79229;
    background-color: #fff8e3;
    border: 3px solid #b79229;
  }
}
body#probability .btn_page ,
body#probability .modal-btn a{
  color: #b79229;
  border-color: #b79229;
}
body#probability svg.addFil.icon {
  fill:#b79229;
}
body#probability .accordion_list .accordion dt::before,
body#probability .accordion_list .accordion dt::after,
body#probability .tabList ul li::before,
body#probability .tabList ul::after {
  background-color: #b79229;
}
body#probability .tabList ul li::after {
  border-bottom: 7px solid #b79229;
}
body#probability #main_box,
body#probability .table_box tr.head, 
body#probability .table_box th {
  background-color: #fff8e3;
}
body#probability .accordion_list .accordion dd div.answerOuter:before{
  border-bottom-color:#fffbf1;
}
body#probability .accordion_list .accordion dd div.answerOuter {
  background-color: #fffbf1;
}


/* 新応用数学 */
body#applied .accordion_list .accordion dt.open .txt,
body#applied .mathjax_area,
body#applied .answerOuter .title,
body#applied .tabList ul li.active p,
body#applied .example li strong{
  color: #711e6f;
}
body#applied .answerOuter .title,
body#applied h3 .border_L6{
  border-color: #711e6f;
}
body#applied .example:not(.multi) {
  border-color:#711e6f;
  background-color: #f8e4f8;
  border: 3px solid #711e6f;
}
@media screen and (min-width: 601px){
  body#applied .example.multi li {
    border-color:#711e6f;
    background-color: #f8e4f8;
    border: 3px solid #711e6f;
  }
}
@media screen and (max-width: 600px){
  body#applied .example.multi {
    border-color:#711e6f;
    background-color: #f8e4f8;
    border: 3px solid #711e6f;
  }
}
body#applied .btn_page ,
body#applied .modal-btn a{
  color: #711e6f;
  border-color: #711e6f;
}
body#applied svg.addFil.icon {
  fill:#711e6f;
}
body#applied .accordion_list .accordion dt::before,
body#applied .accordion_list .accordion dt::after,
body#applied .tabList ul li::before,
body#applied .tabList ul::after {
  background-color: #711e6f;
}
body#applied .tabList ul li::after {
  border-bottom: 7px solid #711e6f;
}
body#applied #main_box,
body#applied .table_box tr.head, 
body#applied .table_box th {
  background-color: #f8e4f8;
}
body#applied .accordion_list .accordion dd div.answerOuter:before{
  border-bottom-color:#fbf1fb;
}
body#applied .accordion_list .accordion dd div.answerOuter {
  background-color: #fbf1fb;
}

/* はじめて学ぶベクトル空間 */
body#vector .accordion_list .accordion dt.open .txt,
body#vector .mathjax_area,
body#vector .answerOuter .title,
body#vector .tabList ul li.active p,
body#vector .example li strong{
  color: #F39800;
}
body#vector .answerOuter .title,
body#vector h3 .border_L6{
  border-color: #F39800;
}
body#vector .example:not(.multi) {
  border-color:#F39800;
  padding:0.6rem 0.875rem;
  border: 3px solid #F39800;
  border-radius: 8px;
  margin-top: 0.875rem;
}
@media screen and (min-width: 601px){
  body#vector .example:not(.multi) {
    border-color:#F39800;
    border: 3px solid #F39800;
  }
}
@media screen and (max-width: 600px){
  body#vector .example.multi {
    border-color:#F39800;
    border: 3px solid #F39800;
  }
}
body#vector .btn_page,
body#vector .modal-btn a {
  color: #F39800;
  border-color: #F39800;
}
body#vector svg.addFil.icon {
 fill:#F39800;
}
body#vector .accordion_list .accordion dt::before,
body#vector .accordion_list .accordion dt::after,
body#vector .tabList ul li::before,
body#vector .tabList ul::after {
  background-color: #F39800;
}
body#vector .tabList ul li::after {
  border-bottom: 7px solid #F39800;
}
body#vector #main_box,
body#vector .table_box tr.head,
body#vector .table_box th {
  background-color: #FFF0D8;
}
body#vector .accordion_list .accordion dd div.answerOuter:before{
  border-bottom-color:#FFF7EB;
}
body#vector .accordion_list .accordion dd div.answerOuter{
  background:#FFF7EB;
}
/* 大学編入のための数学問題集 */
body#transfer .accordion_list .accordion dt.open .txt,
body#transfer .mathjax_area,
body#transfer .answerOuter .title,
body#transfer .tabList ul li.active p,
body#transfer .example li strong{
  color: #918877;
}
body#transfer .answerOuter .title,
body#transfer h3 .border_L6{
  border-color: #918877;
}
body#transfer .example:not(.multi) {
  border-color:#918877;
  border: 3px solid #918877;
  background-color: #f4f2ef;
}
@media screen and (min-width: 601px){
  body#transfer .example.multi li {
    border-color:#918877;
    border: 3px solid #918877;
    background-color: #f4f2ef;
  }
}
@media screen and (max-width: 600px){
  body#transfer .example.multi {
    border-color:#918877;
    border: 3px solid #918877;
    background-color: #f4f2ef;
  }
}


body#transfer .btn_page,
body#transfer .modal-btn a {
  color: #918877;
  border-color: #918877;
}
body#transfer svg.addFil.icon {
 fill:#918877;
}
body#transfer .accordion_list .accordion dt::before,
body#transfer .accordion_list .accordion dt::after,
body#transfer .tabList ul li::before,
body#transfer .tabList ul::after {
  background-color: #918877;
}
body#transfer .tabList ul li::after {
  border-bottom: 7px solid #918877;
}
body#transfer #main_box,
body#transfer .table_box tr.head,
body#transfer .table_box th {
  background-color: #F4F2EF;
}
body#transfer .accordion_list .accordion dd div.answerOuter:before{
  border-bottom-color:#F9F8F7;
}
body#transfer .accordion_list .accordion dd div.answerOuter{
  background:#F9F8F7;
}


/* 保健体育 */
/* 新応用数学 */
body#pe_workbook .accordion_list .accordion dt.open .txt,
body#pe_workbook .mathjax_area,
body#pe_workbook .answerOuter .title,
body#pe_workbook .tabList ul li.active p,
body#pe_workbook .example li strong{
  color: #7d4798;
}
body#pe_workbook .answerOuter .title,
body#pe_workbook h3 .border_L6{
  border-color: #7d4798;
}
body#pe_workbook .example:not(.multi) {
  border-color:#7d4798;
  background-color: #eeeeff;
  border: 3px solid #7d4798;
}
@media screen and (min-width: 601px){
  body#pe_workbook .example.multi li {
    border-color:#7d4798;
    background-color: #eeeeff;
    border: 3px solid #7d4798;
  }
}
@media screen and (max-width: 600px){
  body#pe_workbook .example.multi {
    border-color:#7d4798;
    background-color: #eeeeff;
    border: 3px solid #7d4798;
  }
}
body#pe_workbook .btn_page ,
body#pe_workbook .modal-btn a{
  color: #7d4798;
  border-color: #7d4798;
}
body#pe_workbook svg.addFil.icon {
  fill:#7d4798;
}
body#pe_workbook .accordion_list .accordion dt::before,
body#pe_workbook .accordion_list .accordion dt::after,
body#pe_workbook .tabList ul li::before,
body#pe_workbook .tabList ul::after {
  background-color: #7d4798;
}
body#pe_workbook .tabList ul li::after {
  border-bottom: 7px solid #7d4798;
}
body#pe_workbook #main_box,
body#pe_workbook .table_box tr.head, 
body#pe_workbook .table_box th {
  background-color: #eeeeff;
}
body#pe_workbook .accordion_list .accordion dd div.answerOuter:before{
  border-bottom-color:#f6f6ff;
}
body#pe_workbook .accordion_list .accordion dd div.answerOuter {
  background-color: #f6f6ff;
}







/* 位置指定設定 */
@media screen and (min-width: 601px){
  .answerOuter .example.on_img:not(.no_posi),
  .answerOuter .example.multi.on_img li{
    position: absolute;
    font-size: 0.875rem;
  }

  .answerOuter .example.multi{
    border-color: unset !important;
    background: unset !important;
    border: none !important;
    max-width: 100% !important;
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    box-shadow: unset !important;
    border-radius: unset !important;
    padding: 0 !important;
  }

  .w_1rem {width: 1em;}
  .w_2rem {width: 2em;}
  .w_3rem {width: 3em;}
  .w_4rem {width: 4em;}
  .w_5rem {width: 5em;}
  .w_6rem {width: 6em;}
  .w_7rem {width: 7em;}
  .w_8rem {width: 8em;}
  .w_9rem {width: 9em;}
  .w_10rem {width: 10em;}
  .w_11rem {width: 11em;}
  .w_12rem {width: 12em;}
  .w_13rem {width: 13em;}
  .w_14rem {width: 14em;}
  .w_15rem {width: 15em;}
  .w_16rem {width: 16em;}
  .w_17rem {width: 17em;}
  .w_18rem {width: 18em;}
  .w_19rem {width: 19em;}
  .w_20rem {width: 20em;}
  .w_21rem {width: 21em;}
  .w_22rem {width: 22em;}
  .w_23rem {width: 23em;}
  .w_24rem {width: 24em;}
  .w_25rem {width: 25em;}
  .w_26rem {width: 26em;}
  .w_27rem {width: 27em;}
  .w_28rem {width: 28em;}
  .w_29rem {width: 29em;}
  .w_30rem {width: 30em;}
  .w_31rem {width: 31em;}
  .w_32rem {width: 32em;}
  .w_33rem {width: 33em;}
  .w_34rem {width: 34em;}
  .w_35rem {width: 35em;}
  .w_36rem {width: 36em;}
  .w_37rem {width: 37em;}
  .w_38rem {width: 38em;}
  .w_39rem {width: 39em;}
  .w_40rem {width: 40em;}
  .w_41rem {width: 41em;}
  .w_42rem {width: 42em;}
  .w_43rem {width: 43em;}
  .w_44rem {width: 44em;}
  .w_45rem {width: 45em;}
  .w_46rem {width: 46em;}
  .w_47rem {width: 47em;}
  .w_48rem {width: 48em;}
  .w_49rem {width: 49em;}
  .w_50rem {width: 50em;}
  .w_51rem {width: 51em;}
  .w_52rem {width: 52em;}
  .w_53rem {width: 53em;}
  .w_54rem {width: 54em;}
  .w_55rem {width: 55em;}
  .w_56rem {width: 56em;}
  .w_57rem {width: 57em;}
  .w_58rem {width: 58em;}
  .w_59rem {width: 59em;}
  .w_60rem {width: 60em;}
  .w_61rem {width: 61em;}
  .w_62rem {width: 62em;}
  .w_63rem {width: 63em;}
  .w_64rem {width: 64em;}

  .w_1rem_5 {width: 1.5em;}
  .w_2rem_5 {width: 2.5em;}
  .w_3rem_5 {width: 3.5em;}
  .w_4rem_5 {width: 4.5em;}
  .w_5rem_5 {width: 5.5em;}
  .w_6rem_5 {width: 6.5em;}
  .w_7rem_5 {width: 7.5em;}
  .w_8rem_5 {width: 8.5em;}
  .w_9rem_5 {width: 9.5em;}
  .w_10rem_5 {width: 10.5em;}
  .w_11rem_5 {width: 11.5em;}
  .w_12rem_5 {width: 12.5em;}
  .w_13rem_5 {width: 13.5em;}
  .w_14rem_5 {width: 14.5em;}
  .w_15rem_5 {width: 15.5em;}
  .w_16rem_5 {width: 16.5em;}
  .w_17rem_5 {width: 17.5em;}
  .w_18rem_5 {width: 18.5em;}
  .w_19rem_5 {width: 19.5em;}
  .w_20rem_5 {width: 20.5em;}
  .w_21rem_5 {width: 21.5em;}
  .w_22rem_5 {width: 22.5em;}
  .w_23rem_5 {width: 23.5em;}
  .w_24rem_5 {width: 24.5em;}
  .w_25rem_5 {width: 25.5em;}
  .w_26rem_5 {width: 26.5em;}
  .w_27rem_5 {width: 27.5em;}
  .w_28rem_5 {width: 28.5em;}
  .w_29rem_5 {width: 29.5em;}
  .w_30rem_5 {width: 30.5em;}
  .w_31rem_5 {width: 31.5em;}
  .w_32rem_5 {width: 32.5em;}
  .w_33rem_5 {width: 33.5em;}
  .w_34rem_5 {width: 34.5em;}
  .w_35rem_5 {width: 35.5em;}
  .w_36rem_5 {width: 36.5em;}
  .w_37rem_5 {width: 37.5em;}
  .w_38rem_5 {width: 38.5em;}
  .w_39rem_5 {width: 39.5em;}
  .w_40rem_5 {width: 40.5em;}
  .w_41rem_5 {width: 41.5em;}
  .w_42rem_5 {width: 42.5em;}
  .w_43rem_5 {width: 43.5em;}
  .w_44rem_5 {width: 44.5em;}
  .w_45rem_5 {width: 45.5em;}
  .w_46rem_5 {width: 46.5em;}
  .w_47rem_5 {width: 47.5em;}
  .w_48rem_5 {width: 48.5em;}
  .w_49rem_5 {width: 49.5em;}
  .w_50rem_5 {width: 50.5em;}
  .w_51rem_5 {width: 51.5em;}
  .w_52rem_5 {width: 52.5em;}
  .w_53rem_5 {width: 53.5em;}
  .w_54rem_5 {width: 54.5em;}
  .w_55rem_5 {width: 55.5em;}
  .w_56rem_5 {width: 56.5em;}
  .w_57rem_5 {width: 57.5em;}
  .w_58rem_5 {width: 58.5em;}
  .w_59rem_5 {width: 59.5em;}
  .w_60rem_5 {width: 60.5em;}
  .w_61rem_5 {width: 61.5em;}
  .w_62rem_5 {width: 62.5em;}
  .w_63rem_5 {width: 63.5em;}
  .w_64rem_5 {width: 64.5em;}

  .posi_T_0 {top: 0;}
  .posi_T_1 {top: 1%;}
  .posi_T_2 {top: 2%;}
  .posi_T_3 {top: 3%;}
  .posi_T_4 {top: 4%;}
  .posi_T_5 {top: 5%;}
  .posi_T_6 {top: 6%;}
  .posi_T_7 {top: 7%;}
  .posi_T_8 {top: 8%;}
  .posi_T_9 {top: 9%;}
  .posi_T_10 {top: 10%;}
  .posi_T_11 {top: 11%;}
  .posi_T_12 {top: 12%;}
  .posi_T_13 {top: 13%;}
  .posi_T_14 {top: 14%;}
  .posi_T_15 {top: 15%;}
  .posi_T_16 {top: 16%;}
  .posi_T_17 {top: 17%;}
  .posi_T_18 {top: 18%;}
  .posi_T_19 {top: 19%;}
  .posi_T_20 {top: 20%;}
  .posi_T_21 {top: 21%;}
  .posi_T_22 {top: 22%;}
  .posi_T_23 {top: 23%;}
  .posi_T_24 {top: 24%;}
  .posi_T_25 {top: 25%;}
  .posi_T_26 {top: 26%;}
  .posi_T_27 {top: 27%;}
  .posi_T_28 {top: 28%;}
  .posi_T_29 {top: 29%;}
  .posi_T_30 {top: 30%;}
  .posi_T_31 {top: 31%;}
  .posi_T_32 {top: 32%;}
  .posi_T_33 {top: 33%;}
  .posi_T_34 {top: 34%;}
  .posi_T_35 {top: 35%;}
  .posi_T_36 {top: 36%;}
  .posi_T_37 {top: 37%;}
  .posi_T_38 {top: 38%;}
  .posi_T_39 {top: 39%;}
  .posi_T_40 {top: 40%;}
  .posi_T_41 {top: 41%;}
  .posi_T_42 {top: 42%;}
  .posi_T_43 {top: 43%;}
  .posi_T_44 {top: 44%;}
  .posi_T_45 {top: 45%;}
  .posi_T_46 {top: 46%;}
  .posi_T_47 {top: 47%;}
  .posi_T_48 {top: 48%;}
  .posi_T_49 {top: 49%;}
  .posi_T_50 {top: 50%;}
  .posi_T_51 {top: 51%;}
  .posi_T_52 {top: 52%;}
  .posi_T_53 {top: 53%;}
  .posi_T_54 {top: 54%;}
  .posi_T_55 {top: 55%;}
  .posi_T_56 {top: 56%;}
  .posi_T_57 {top: 57%;}
  .posi_T_58 {top: 58%;}
  .posi_T_59 {top: 59%;}
  .posi_T_60 {top: 60%;}
  .posi_T_61 {top: 61%;}
  .posi_T_62 {top: 62%;}
  .posi_T_63 {top: 63%;}
  .posi_T_64 {top: 64%;}
  .posi_T_65 {top: 65%;}
  .posi_T_66 {top: 66%;}
  .posi_T_67 {top: 67%;}
  .posi_T_68 {top: 68%;}
  .posi_T_69 {top: 69%;}
  .posi_T_70 {top: 70%;}
  .posi_T_71 {top: 71%;}
  .posi_T_72 {top: 72%;}
  .posi_T_73 {top: 73%;}
  .posi_T_74 {top: 74%;}
  .posi_T_75 {top: 75%;}
  .posi_T_76 {top: 76%;}
  .posi_T_77 {top: 77%;}
  .posi_T_78 {top: 78%;}
  .posi_T_79 {top: 79%;}
  .posi_T_80 {top: 80%;}
  .posi_T_81 {top: 81%;}
  .posi_T_82 {top: 82%;}
  .posi_T_83 {top: 83%;}
  .posi_T_84 {top: 84%;}
  .posi_T_85 {top: 85%;}
  .posi_T_86 {top: 86%;}
  .posi_T_87 {top: 87%;}
  .posi_T_88 {top: 88%;}
  .posi_T_89 {top: 89%;}
  .posi_T_90 {top: 90%;}
  .posi_T_91 {top: 91%;}
  .posi_T_92 {top: 92%;}
  .posi_T_93 {top: 93%;}
  .posi_T_94 {top: 94%;}
  .posi_T_95 {top: 95%;}
  .posi_T_96 {top: 96%;}
  .posi_T_97 {top: 97%;}
  .posi_T_98 {top: 98%;}
  .posi_T_99 {top: 99%;}
  .posi_T_100 {top: 100%;}

  .posi_T_-1 {top: -1%;}
  .posi_T_-2 {top: -2%;}
  .posi_T_-3 {top: -3%;}
  .posi_T_-4 {top: -4%;}
  .posi_T_-5 {top: -5%;}
  .posi_T_-6 {top: -6%;}
  .posi_T_-7 {top: -7%;}
  .posi_T_-8 {top: -8%;}
  .posi_T_-9 {top: -9%;}
  .posi_T_-10 {top: -10%;}
  .posi_T_-11 {top: -11%;}
  .posi_T_-12 {top: -12%;}
  .posi_T_-13 {top: -13%;}
  .posi_T_-14 {top: -14%;}
  .posi_T_-15 {top: -15%;}
  .posi_T_-16 {top: -16%;}
  .posi_T_-17 {top: -17%;}
  .posi_T_-18 {top: -18%;}
  .posi_T_-19 {top: -19%;}
  .posi_T_-20 {top: -20%;}
  .posi_T_-21 {top: -21%;}
  .posi_T_-22 {top: -22%;}
  .posi_T_-23 {top: -23%;}
  .posi_T_-24 {top: -24%;}
  .posi_T_-25 {top: -25%;}
  .posi_T_-26 {top: -26%;}
  .posi_T_-27 {top: -27%;}
  .posi_T_-28 {top: -28%;}
  .posi_T_-29 {top: -29%;}
  .posi_T_-30 {top: -30%;}
  .posi_T_-31 {top: -31%;}
  .posi_T_-32 {top: -32%;}
  .posi_T_-33 {top: -33%;}
  .posi_T_-34 {top: -34%;}
  .posi_T_-35 {top: -35%;}
  .posi_T_-36 {top: -36%;}
  .posi_T_-37 {top: -37%;}
  .posi_T_-38 {top: -38%;}
  .posi_T_-39 {top: -39%;}
  .posi_T_-40 {top: -40%;}
  .posi_T_-41 {top: -41%;}
  .posi_T_-42 {top: -42%;}
  .posi_T_-43 {top: -43%;}
  .posi_T_-44 {top: -44%;}
  .posi_T_-45 {top: -45%;}
  .posi_T_-46 {top: -46%;}
  .posi_T_-47 {top: -47%;}
  .posi_T_-48 {top: -48%;}
  .posi_T_-49 {top: -49%;}
  .posi_T_-50 {top: -50%;}
  .posi_T_-51 {top: -51%;}
  .posi_T_-52 {top: -52%;}
  .posi_T_-53 {top: -53%;}
  .posi_T_-54 {top: -54%;}
  .posi_T_-55 {top: -55%;}
  .posi_T_-56 {top: -56%;}
  .posi_T_-57 {top: -57%;}
  .posi_T_-58 {top: -58%;}
  .posi_T_-59 {top: -59%;}
  .posi_T_-60 {top: -60%;}
  .posi_T_-61 {top: -61%;}
  .posi_T_-62 {top: -62%;}
  .posi_T_-63 {top: -63%;}
  .posi_T_-64 {top: -64%;}
  .posi_T_-65 {top: -65%;}
  .posi_T_-66 {top: -66%;}
  .posi_T_-67 {top: -67%;}
  .posi_T_-68 {top: -68%;}
  .posi_T_-69 {top: -69%;}
  .posi_T_-70 {top: -70%;}
  .posi_T_-71 {top: -71%;}
  .posi_T_-72 {top: -72%;}
  .posi_T_-73 {top: -73%;}
  .posi_T_-74 {top: -74%;}
  .posi_T_-75 {top: -75%;}
  .posi_T_-76 {top: -76%;}
  .posi_T_-77 {top: -77%;}
  .posi_T_-78 {top: -78%;}
  .posi_T_-79 {top: -79%;}
  .posi_T_-80 {top: -80%;}
  .posi_T_-81 {top: -81%;}
  .posi_T_-82 {top: -82%;}
  .posi_T_-83 {top: -83%;}
  .posi_T_-84 {top: -84%;}
  .posi_T_-85 {top: -85%;}
  .posi_T_-86 {top: -86%;}
  .posi_T_-87 {top: -87%;}
  .posi_T_-88 {top: -88%;}
  .posi_T_-89 {top: -89%;}
  .posi_T_-90 {top: -90%;}
  .posi_T_-91 {top: -91%;}
  .posi_T_-92 {top: -92%;}
  .posi_T_-93 {top: -93%;}
  .posi_T_-94 {top: -94%;}
  .posi_T_-95 {top: -95%;}
  .posi_T_-96 {top: -96%;}
  .posi_T_-97 {top: -97%;}
  .posi_T_-98 {top: -98%;}
  .posi_T_-99 {top: -99%;}
  .posi_T_-100 {top: -100%;}

  .posi_R_0 {right: 0;}
  .posi_R_1 {right: 1%;}
  .posi_R_2 {right: 2%;}
  .posi_R_3 {right: 3%;}
  .posi_R_4 {right: 4%;}
  .posi_R_5 {right: 5%;}
  .posi_R_6 {right: 6%;}
  .posi_R_7 {right: 7%;}
  .posi_R_8 {right: 8%;}
  .posi_R_9 {right: 9%;}
  .posi_R_10 {right: 10%;}
  .posi_R_11 {right: 11%;}
  .posi_R_12 {right: 12%;}
  .posi_R_13 {right: 13%;}
  .posi_R_14 {right: 14%;}
  .posi_R_15 {right: 15%;}
  .posi_R_16 {right: 16%;}
  .posi_R_17 {right: 17%;}
  .posi_R_18 {right: 18%;}
  .posi_R_19 {right: 19%;}
  .posi_R_20 {right: 20%;}
  .posi_R_21 {right: 21%;}
  .posi_R_22 {right: 22%;}
  .posi_R_23 {right: 23%;}
  .posi_R_24 {right: 24%;}
  .posi_R_25 {right: 25%;}
  .posi_R_26 {right: 26%;}
  .posi_R_27 {right: 27%;}
  .posi_R_28 {right: 28%;}
  .posi_R_29 {right: 29%;}
  .posi_R_30 {right: 30%;}
  .posi_R_31 {right: 31%;}
  .posi_R_32 {right: 32%;}
  .posi_R_33 {right: 33%;}
  .posi_R_34 {right: 34%;}
  .posi_R_35 {right: 35%;}
  .posi_R_36 {right: 36%;}
  .posi_R_37 {right: 37%;}
  .posi_R_38 {right: 38%;}
  .posi_R_39 {right: 39%;}
  .posi_R_40 {right: 40%;}
  .posi_R_41 {right: 41%;}
  .posi_R_42 {right: 42%;}
  .posi_R_43 {right: 43%;}
  .posi_R_44 {right: 44%;}
  .posi_R_45 {right: 45%;}
  .posi_R_46 {right: 46%;}
  .posi_R_47 {right: 47%;}
  .posi_R_48 {right: 48%;}
  .posi_R_49 {right: 49%;}
  .posi_R_50 {right: 50%;}
  .posi_R_51 {right: 51%;}
  .posi_R_52 {right: 52%;}
  .posi_R_53 {right: 53%;}
  .posi_R_54 {right: 54%;}
  .posi_R_55 {right: 55%;}
  .posi_R_56 {right: 56%;}
  .posi_R_57 {right: 57%;}
  .posi_R_58 {right: 58%;}
  .posi_R_59 {right: 59%;}
  .posi_R_60 {right: 60%;}
  .posi_R_61 {right: 61%;}
  .posi_R_62 {right: 62%;}
  .posi_R_63 {right: 63%;}
  .posi_R_64 {right: 64%;}
  .posi_R_65 {right: 65%;}
  .posi_R_66 {right: 66%;}
  .posi_R_67 {right: 67%;}
  .posi_R_68 {right: 68%;}
  .posi_R_69 {right: 69%;}
  .posi_R_70 {right: 70%;}
  .posi_R_71 {right: 71%;}
  .posi_R_72 {right: 72%;}
  .posi_R_73 {right: 73%;}
  .posi_R_74 {right: 74%;}
  .posi_R_75 {right: 75%;}
  .posi_R_76 {right: 76%;}
  .posi_R_77 {right: 77%;}
  .posi_R_78 {right: 78%;}
  .posi_R_79 {right: 79%;}
  .posi_R_80 {right: 80%;}
  .posi_R_81 {right: 81%;}
  .posi_R_82 {right: 82%;}
  .posi_R_83 {right: 83%;}
  .posi_R_84 {right: 84%;}
  .posi_R_85 {right: 85%;}
  .posi_R_86 {right: 86%;}
  .posi_R_87 {right: 87%;}
  .posi_R_88 {right: 88%;}
  .posi_R_89 {right: 89%;}
  .posi_R_90 {right: 90%;}
  .posi_R_91 {right: 91%;}
  .posi_R_92 {right: 92%;}
  .posi_R_93 {right: 93%;}
  .posi_R_94 {right: 94%;}
  .posi_R_95 {right: 95%;}
  .posi_R_96 {right: 96%;}
  .posi_R_97 {right: 97%;}
  .posi_R_98 {right: 98%;}
  .posi_R_99 {right: 99%;}
  .posi_R_100 {right: 100%;}

  .posi_R_-1 {right: -1%;}
  .posi_R_-2 {right: -2%;}
  .posi_R_-3 {right: -3%;}
  .posi_R_-4 {right: -4%;}
  .posi_R_-5 {right: -5%;}
  .posi_R_-6 {right: -6%;}
  .posi_R_-7 {right: -7%;}
  .posi_R_-8 {right: -8%;}
  .posi_R_-9 {right: -9%;}
  .posi_R_-10 {right: -10%;}
  .posi_R_-11 {right: -11%;}
  .posi_R_-12 {right: -12%;}
  .posi_R_-13 {right: -13%;}
  .posi_R_-14 {right: -14%;}
  .posi_R_-15 {right: -15%;}
  .posi_R_-16 {right: -16%;}
  .posi_R_-17 {right: -17%;}
  .posi_R_-18 {right: -18%;}
  .posi_R_-19 {right: -19%;}
  .posi_R_-20 {right: -20%;}
  .posi_R_-21 {right: -21%;}
  .posi_R_-22 {right: -22%;}
  .posi_R_-23 {right: -23%;}
  .posi_R_-24 {right: -24%;}
  .posi_R_-25 {right: -25%;}
  .posi_R_-26 {right: -26%;}
  .posi_R_-27 {right: -27%;}
  .posi_R_-28 {right: -28%;}
  .posi_R_-29 {right: -29%;}
  .posi_R_-30 {right: -30%;}
  .posi_R_-31 {right: -31%;}
  .posi_R_-32 {right: -32%;}
  .posi_R_-33 {right: -33%;}
  .posi_R_-34 {right: -34%;}
  .posi_R_-35 {right: -35%;}
  .posi_R_-36 {right: -36%;}
  .posi_R_-37 {right: -37%;}
  .posi_R_-38 {right: -38%;}
  .posi_R_-39 {right: -39%;}
  .posi_R_-40 {right: -40%;}
  .posi_R_-41 {right: -41%;}
  .posi_R_-42 {right: -42%;}
  .posi_R_-43 {right: -43%;}
  .posi_R_-44 {right: -44%;}
  .posi_R_-45 {right: -45%;}
  .posi_R_-46 {right: -46%;}
  .posi_R_-47 {right: -47%;}
  .posi_R_-48 {right: -48%;}
  .posi_R_-49 {right: -49%;}
  .posi_R_-50 {right: -50%;}
  .posi_R_-51 {right: -51%;}
  .posi_R_-52 {right: -52%;}
  .posi_R_-53 {right: -53%;}
  .posi_R_-54 {right: -54%;}
  .posi_R_-55 {right: -55%;}
  .posi_R_-56 {right: -56%;}
  .posi_R_-57 {right: -57%;}
  .posi_R_-58 {right: -58%;}
  .posi_R_-59 {right: -59%;}
  .posi_R_-60 {right: -60%;}
  .posi_R_-61 {right: -61%;}
  .posi_R_-62 {right: -62%;}
  .posi_R_-63 {right: -63%;}
  .posi_R_-64 {right: -64%;}
  .posi_R_-65 {right: -65%;}
  .posi_R_-66 {right: -66%;}
  .posi_R_-67 {right: -67%;}
  .posi_R_-68 {right: -68%;}
  .posi_R_-69 {right: -69%;}
  .posi_R_-70 {right: -70%;}
  .posi_R_-71 {right: -71%;}
  .posi_R_-72 {right: -72%;}
  .posi_R_-73 {right: -73%;}
  .posi_R_-74 {right: -74%;}
  .posi_R_-75 {right: -75%;}
  .posi_R_-76 {right: -76%;}
  .posi_R_-77 {right: -77%;}
  .posi_R_-78 {right: -78%;}
  .posi_R_-79 {right: -79%;}
  .posi_R_-80 {right: -80%;}
  .posi_R_-81 {right: -81%;}
  .posi_R_-82 {right: -82%;}
  .posi_R_-83 {right: -83%;}
  .posi_R_-84 {right: -84%;}
  .posi_R_-85 {right: -85%;}
  .posi_R_-86 {right: -86%;}
  .posi_R_-87 {right: -87%;}
  .posi_R_-88 {right: -88%;}
  .posi_R_-89 {right: -89%;}
  .posi_R_-90 {right: -90%;}
  .posi_R_-91 {right: -91%;}
  .posi_R_-92 {right: -92%;}
  .posi_R_-93 {right: -93%;}
  .posi_R_-94 {right: -94%;}
  .posi_R_-95 {right: -95%;}
  .posi_R_-96 {right: -96%;}
  .posi_R_-97 {right: -97%;}
  .posi_R_-98 {right: -98%;}
  .posi_R_-99 {right: -99%;}
  .posi_R_-100 {right: -100%;}

  .posi_B_0 {bottom: 0;}
  .posi_B_1 {bottom: 1%;}
  .posi_B_2 {bottom: 2%;}
  .posi_B_3 {bottom: 3%;}
  .posi_B_4 {bottom: 4%;}
  .posi_B_5 {bottom: 5%;}
  .posi_B_6 {bottom: 6%;}
  .posi_B_7 {bottom: 7%;}
  .posi_B_8 {bottom: 8%;}
  .posi_B_9 {bottom: 9%;}
  .posi_B_10 {bottom: 10%;}
  .posi_B_11 {bottom: 11%;}
  .posi_B_12 {bottom: 12%;}
  .posi_B_13 {bottom: 13%;}
  .posi_B_14 {bottom: 14%;}
  .posi_B_15 {bottom: 15%;}
  .posi_B_16 {bottom: 16%;}
  .posi_B_17 {bottom: 17%;}
  .posi_B_18 {bottom: 18%;}
  .posi_B_19 {bottom: 19%;}
  .posi_B_20 {bottom: 20%;}
  .posi_B_21 {bottom: 21%;}
  .posi_B_22 {bottom: 22%;}
  .posi_B_23 {bottom: 23%;}
  .posi_B_24 {bottom: 24%;}
  .posi_B_25 {bottom: 25%;}
  .posi_B_26 {bottom: 26%;}
  .posi_B_27 {bottom: 27%;}
  .posi_B_28 {bottom: 28%;}
  .posi_B_29 {bottom: 29%;}
  .posi_B_30 {bottom: 30%;}
  .posi_B_31 {bottom: 31%;}
  .posi_B_32 {bottom: 32%;}
  .posi_B_33 {bottom: 33%;}
  .posi_B_34 {bottom: 34%;}
  .posi_B_35 {bottom: 35%;}
  .posi_B_36 {bottom: 36%;}
  .posi_B_37 {bottom: 37%;}
  .posi_B_38 {bottom: 38%;}
  .posi_B_39 {bottom: 39%;}
  .posi_B_40 {bottom: 40%;}
  .posi_B_41 {bottom: 41%;}
  .posi_B_42 {bottom: 42%;}
  .posi_B_43 {bottom: 43%;}
  .posi_B_44 {bottom: 44%;}
  .posi_B_45 {bottom: 45%;}
  .posi_B_46 {bottom: 46%;}
  .posi_B_47 {bottom: 47%;}
  .posi_B_48 {bottom: 48%;}
  .posi_B_49 {bottom: 49%;}
  .posi_B_50 {bottom: 50%;}
  .posi_B_51 {bottom: 51%;}
  .posi_B_52 {bottom: 52%;}
  .posi_B_53 {bottom: 53%;}
  .posi_B_54 {bottom: 54%;}
  .posi_B_55 {bottom: 55%;}
  .posi_B_56 {bottom: 56%;}
  .posi_B_57 {bottom: 57%;}
  .posi_B_58 {bottom: 58%;}
  .posi_B_59 {bottom: 59%;}
  .posi_B_60 {bottom: 60%;}
  .posi_B_61 {bottom: 61%;}
  .posi_B_62 {bottom: 62%;}
  .posi_B_63 {bottom: 63%;}
  .posi_B_64 {bottom: 64%;}
  .posi_B_65 {bottom: 65%;}
  .posi_B_66 {bottom: 66%;}
  .posi_B_67 {bottom: 67%;}
  .posi_B_68 {bottom: 68%;}
  .posi_B_69 {bottom: 69%;}
  .posi_B_70 {bottom: 70%;}
  .posi_B_71 {bottom: 71%;}
  .posi_B_72 {bottom: 72%;}
  .posi_B_73 {bottom: 73%;}
  .posi_B_74 {bottom: 74%;}
  .posi_B_75 {bottom: 75%;}
  .posi_B_76 {bottom: 76%;}
  .posi_B_77 {bottom: 77%;}
  .posi_B_78 {bottom: 78%;}
  .posi_B_79 {bottom: 79%;}
  .posi_B_80 {bottom: 80%;}
  .posi_B_81 {bottom: 81%;}
  .posi_B_82 {bottom: 82%;}
  .posi_B_83 {bottom: 83%;}
  .posi_B_84 {bottom: 84%;}
  .posi_B_85 {bottom: 85%;}
  .posi_B_86 {bottom: 86%;}
  .posi_B_87 {bottom: 87%;}
  .posi_B_88 {bottom: 88%;}
  .posi_B_89 {bottom: 89%;}
  .posi_B_90 {bottom: 90%;}
  .posi_B_91 {bottom: 91%;}
  .posi_B_92 {bottom: 92%;}
  .posi_B_93 {bottom: 93%;}
  .posi_B_94 {bottom: 94%;}
  .posi_B_95 {bottom: 95%;}
  .posi_B_96 {bottom: 96%;}
  .posi_B_97 {bottom: 97%;}
  .posi_B_98 {bottom: 98%;}
  .posi_B_99 {bottom: 99%;}
  .posi_B_100 {bottom: 100%;}

  .posi_B_-1 {bottom: -1%;}
  .posi_B_-2 {bottom: -2%;}
  .posi_B_-3 {bottom: -3%;}
  .posi_B_-4 {bottom: -4%;}
  .posi_B_-5 {bottom: -5%;}
  .posi_B_-6 {bottom: -6%;}
  .posi_B_-7 {bottom: -7%;}
  .posi_B_-8 {bottom: -8%;}
  .posi_B_-9 {bottom: -9%;}
  .posi_B_-10 {bottom: -10%;}
  .posi_B_-11 {bottom: -11%;}
  .posi_B_-12 {bottom: -12%;}
  .posi_B_-13 {bottom: -13%;}
  .posi_B_-14 {bottom: -14%;}
  .posi_B_-15 {bottom: -15%;}
  .posi_B_-16 {bottom: -16%;}
  .posi_B_-17 {bottom: -17%;}
  .posi_B_-18 {bottom: -18%;}
  .posi_B_-19 {bottom: -19%;}
  .posi_B_-20 {bottom: -20%;}
  .posi_B_-21 {bottom: -21%;}
  .posi_B_-22 {bottom: -22%;}
  .posi_B_-23 {bottom: -23%;}
  .posi_B_-24 {bottom: -24%;}
  .posi_B_-25 {bottom: -25%;}
  .posi_B_-26 {bottom: -26%;}
  .posi_B_-27 {bottom: -27%;}
  .posi_B_-28 {bottom: -28%;}
  .posi_B_-29 {bottom: -29%;}
  .posi_B_-30 {bottom: -30%;}
  .posi_B_-31 {bottom: -31%;}
  .posi_B_-32 {bottom: -32%;}
  .posi_B_-33 {bottom: -33%;}
  .posi_B_-34 {bottom: -34%;}
  .posi_B_-35 {bottom: -35%;}
  .posi_B_-36 {bottom: -36%;}
  .posi_B_-37 {bottom: -37%;}
  .posi_B_-38 {bottom: -38%;}
  .posi_B_-39 {bottom: -39%;}
  .posi_B_-40 {bottom: -40%;}
  .posi_B_-41 {bottom: -41%;}
  .posi_B_-42 {bottom: -42%;}
  .posi_B_-43 {bottom: -43%;}
  .posi_B_-44 {bottom: -44%;}
  .posi_B_-45 {bottom: -45%;}
  .posi_B_-46 {bottom: -46%;}
  .posi_B_-47 {bottom: -47%;}
  .posi_B_-48 {bottom: -48%;}
  .posi_B_-49 {bottom: -49%;}
  .posi_B_-50 {bottom: -50%;}
  .posi_B_-51 {bottom: -51%;}
  .posi_B_-52 {bottom: -52%;}
  .posi_B_-53 {bottom: -53%;}
  .posi_B_-54 {bottom: -54%;}
  .posi_B_-55 {bottom: -55%;}
  .posi_B_-56 {bottom: -56%;}
  .posi_B_-57 {bottom: -57%;}
  .posi_B_-58 {bottom: -58%;}
  .posi_B_-59 {bottom: -59%;}
  .posi_B_-60 {bottom: -60%;}
  .posi_B_-61 {bottom: -61%;}
  .posi_B_-62 {bottom: -62%;}
  .posi_B_-63 {bottom: -63%;}
  .posi_B_-64 {bottom: -64%;}
  .posi_B_-65 {bottom: -65%;}
  .posi_B_-66 {bottom: -66%;}
  .posi_B_-67 {bottom: -67%;}
  .posi_B_-68 {bottom: -68%;}
  .posi_B_-69 {bottom: -69%;}
  .posi_B_-70 {bottom: -70%;}
  .posi_B_-71 {bottom: -71%;}
  .posi_B_-72 {bottom: -72%;}
  .posi_B_-73 {bottom: -73%;}
  .posi_B_-74 {bottom: -74%;}
  .posi_B_-75 {bottom: -75%;}
  .posi_B_-76 {bottom: -76%;}
  .posi_B_-77 {bottom: -77%;}
  .posi_B_-78 {bottom: -78%;}
  .posi_B_-79 {bottom: -79%;}
  .posi_B_-80 {bottom: -80%;}
  .posi_B_-81 {bottom: -81%;}
  .posi_B_-82 {bottom: -82%;}
  .posi_B_-83 {bottom: -83%;}
  .posi_B_-84 {bottom: -84%;}
  .posi_B_-85 {bottom: -85%;}
  .posi_B_-86 {bottom: -86%;}
  .posi_B_-87 {bottom: -87%;}
  .posi_B_-88 {bottom: -88%;}
  .posi_B_-89 {bottom: -89%;}
  .posi_B_-90 {bottom: -90%;}
  .posi_B_-91 {bottom: -91%;}
  .posi_B_-92 {bottom: -92%;}
  .posi_B_-93 {bottom: -93%;}
  .posi_B_-94 {bottom: -94%;}
  .posi_B_-95 {bottom: -95%;}
  .posi_B_-96 {bottom: -96%;}
  .posi_B_-97 {bottom: -97%;}
  .posi_B_-98 {bottom: -98%;}
  .posi_B_-99 {bottom: -99%;}
  .posi_B_-100 {bottom: -100%;}

  .posi_L_0 {left: 0;}
  .posi_L_1 {left: 1%;}
  .posi_L_2 {left: 2%;}
  .posi_L_3 {left: 3%;}
  .posi_L_4 {left: 4%;}
  .posi_L_5 {left: 5%;}
  .posi_L_6 {left: 6%;}
  .posi_L_7 {left: 7%;}
  .posi_L_8 {left: 8%;}
  .posi_L_9 {left: 9%;}
  .posi_L_10 {left: 10%;}
  .posi_L_11 {left: 11%;}
  .posi_L_12 {left: 12%;}
  .posi_L_13 {left: 13%;}
  .posi_L_14 {left: 14%;}
  .posi_L_15 {left: 15%;}
  .posi_L_16 {left: 16%;}
  .posi_L_17 {left: 17%;}
  .posi_L_18 {left: 18%;}
  .posi_L_19 {left: 19%;}
  .posi_L_20 {left: 20%;}
  .posi_L_21 {left: 21%;}
  .posi_L_22 {left: 22%;}
  .posi_L_23 {left: 23%;}
  .posi_L_24 {left: 24%;}
  .posi_L_25 {left: 25%;}
  .posi_L_26 {left: 26%;}
  .posi_L_27 {left: 27%;}
  .posi_L_28 {left: 28%;}
  .posi_L_29 {left: 29%;}
  .posi_L_30 {left: 30%;}
  .posi_L_31 {left: 31%;}
  .posi_L_32 {left: 32%;}
  .posi_L_33 {left: 33%;}
  .posi_L_34 {left: 34%;}
  .posi_L_35 {left: 35%;}
  .posi_L_36 {left: 36%;}
  .posi_L_37 {left: 37%;}
  .posi_L_38 {left: 38%;}
  .posi_L_39 {left: 39%;}
  .posi_L_40 {left: 40%;}
  .posi_L_41 {left: 41%;}
  .posi_L_42 {left: 42%;}
  .posi_L_43 {left: 43%;}
  .posi_L_44 {left: 44%;}
  .posi_L_45 {left: 45%;}
  .posi_L_46 {left: 46%;}
  .posi_L_47 {left: 47%;}
  .posi_L_48 {left: 48%;}
  .posi_L_49 {left: 49%;}
  .posi_L_50 {left: 50%;}
  .posi_L_51 {left: 51%;}
  .posi_L_52 {left: 52%;}
  .posi_L_53 {left: 53%;}
  .posi_L_54 {left: 54%;}
  .posi_L_55 {left: 55%;}
  .posi_L_56 {left: 56%;}
  .posi_L_57 {left: 57%;}
  .posi_L_58 {left: 58%;}
  .posi_L_59 {left: 59%;}
  .posi_L_60 {left: 60%;}
  .posi_L_61 {left: 61%;}
  .posi_L_62 {left: 62%;}
  .posi_L_63 {left: 63%;}
  .posi_L_64 {left: 64%;}
  .posi_L_65 {left: 65%;}
  .posi_L_66 {left: 66%;}
  .posi_L_67 {left: 67%;}
  .posi_L_68 {left: 68%;}
  .posi_L_69 {left: 69%;}
  .posi_L_70 {left: 70%;}
  .posi_L_71 {left: 71%;}
  .posi_L_72 {left: 72%;}
  .posi_L_73 {left: 73%;}
  .posi_L_74 {left: 74%;}
  .posi_L_75 {left: 75%;}
  .posi_L_76 {left: 76%;}
  .posi_L_77 {left: 77%;}
  .posi_L_78 {left: 78%;}
  .posi_L_79 {left: 79%;}
  .posi_L_80 {left: 80%;}
  .posi_L_81 {left: 81%;}
  .posi_L_82 {left: 82%;}
  .posi_L_83 {left: 83%;}
  .posi_L_84 {left: 84%;}
  .posi_L_85 {left: 85%;}
  .posi_L_86 {left: 86%;}
  .posi_L_87 {left: 87%;}
  .posi_L_88 {left: 88%;}
  .posi_L_89 {left: 89%;}
  .posi_L_90 {left: 90%;}
  .posi_L_91 {left: 91%;}
  .posi_L_92 {left: 92%;}
  .posi_L_93 {left: 93%;}
  .posi_L_94 {left: 94%;}
  .posi_L_95 {left: 95%;}
  .posi_L_96 {left: 96%;}
  .posi_L_97 {left: 97%;}
  .posi_L_98 {left: 98%;}
  .posi_L_99 {left: 99%;}
  .posi_L_100 {left: 100%;}

  .posi_L_-1 {left: -1%;}
  .posi_L_-2 {left: -2%;}
  .posi_L_-3 {left: -3%;}
  .posi_L_-4 {left: -4%;}
  .posi_L_-5 {left: -5%;}
  .posi_L_-6 {left: -6%;}
  .posi_L_-7 {left: -7%;}
  .posi_L_-8 {left: -8%;}
  .posi_L_-9 {left: -9%;}
  .posi_L_-10 {left: -10%;}
  .posi_L_-11 {left: -11%;}
  .posi_L_-12 {left: -12%;}
  .posi_L_-13 {left: -13%;}
  .posi_L_-14 {left: -14%;}
  .posi_L_-15 {left: -15%;}
  .posi_L_-16 {left: -16%;}
  .posi_L_-17 {left: -17%;}
  .posi_L_-18 {left: -18%;}
  .posi_L_-19 {left: -19%;}
  .posi_L_-20 {left: -20%;}
  .posi_L_-21 {left: -21%;}
  .posi_L_-22 {left: -22%;}
  .posi_L_-23 {left: -23%;}
  .posi_L_-24 {left: -24%;}
  .posi_L_-25 {left: -25%;}
  .posi_L_-26 {left: -26%;}
  .posi_L_-27 {left: -27%;}
  .posi_L_-28 {left: -28%;}
  .posi_L_-29 {left: -29%;}
  .posi_L_-30 {left: -30%;}
  .posi_L_-31 {left: -31%;}
  .posi_L_-32 {left: -32%;}
  .posi_L_-33 {left: -33%;}
  .posi_L_-34 {left: -34%;}
  .posi_L_-35 {left: -35%;}
  .posi_L_-36 {left: -36%;}
  .posi_L_-37 {left: -37%;}
  .posi_L_-38 {left: -38%;}
  .posi_L_-39 {left: -39%;}
  .posi_L_-40 {left: -40%;}
  .posi_L_-41 {left: -41%;}
  .posi_L_-42 {left: -42%;}
  .posi_L_-43 {left: -43%;}
  .posi_L_-44 {left: -44%;}
  .posi_L_-45 {left: -45%;}
  .posi_L_-46 {left: -46%;}
  .posi_L_-47 {left: -47%;}
  .posi_L_-48 {left: -48%;}
  .posi_L_-49 {left: -49%;}
  .posi_L_-50 {left: -50%;}
  .posi_L_-51 {left: -51%;}
  .posi_L_-52 {left: -52%;}
  .posi_L_-53 {left: -53%;}
  .posi_L_-54 {left: -54%;}
  .posi_L_-55 {left: -55%;}
  .posi_L_-56 {left: -56%;}
  .posi_L_-57 {left: -57%;}
  .posi_L_-58 {left: -58%;}
  .posi_L_-59 {left: -59%;}
  .posi_L_-60 {left: -60%;}
  .posi_L_-61 {left: -61%;}
  .posi_L_-62 {left: -62%;}
  .posi_L_-63 {left: -63%;}
  .posi_L_-64 {left: -64%;}
  .posi_L_-65 {left: -65%;}
  .posi_L_-66 {left: -66%;}
  .posi_L_-67 {left: -67%;}
  .posi_L_-68 {left: -68%;}
  .posi_L_-69 {left: -69%;}
  .posi_L_-70 {left: -70%;}
  .posi_L_-71 {left: -71%;}
  .posi_L_-72 {left: -72%;}
  .posi_L_-73 {left: -73%;}
  .posi_L_-74 {left: -74%;}
  .posi_L_-75 {left: -75%;}
  .posi_L_-76 {left: -76%;}
  .posi_L_-77 {left: -77%;}
  .posi_L_-78 {left: -78%;}
  .posi_L_-79 {left: -79%;}
  .posi_L_-80 {left: -80%;}
  .posi_L_-81 {left: -81%;}
  .posi_L_-82 {left: -82%;}
  .posi_L_-83 {left: -83%;}
  .posi_L_-84 {left: -84%;}
  .posi_L_-85 {left: -85%;}
  .posi_L_-86 {left: -86%;}
  .posi_L_-87 {left: -87%;}
  .posi_L_-88 {left: -88%;}
  .posi_L_-89 {left: -89%;}
  .posi_L_-90 {left: -90%;}
  .posi_L_-91 {left: -91%;}
  .posi_L_-92 {left: -92%;}
  .posi_L_-93 {left: -93%;}
  .posi_L_-94 {left: -94%;}
  .posi_L_-95 {left: -95%;}
  .posi_L_-96 {left: -96%;}
  .posi_L_-97 {left: -97%;}
  .posi_L_-98 {left: -98%;}
  .posi_L_-99 {left: -99%;}
  .posi_L_-100 {left: -100%;}
}