/************************************************   主要パーツ    *****************************************************/
::-moz-selection { background: rgba(0,0,0,0.04); }
::selection      { background: rgba(0,0,0,0.04); }



/* =========================================================
 .header_top    ログイン／お問い合わせ／サイトマップ
========================================================= */
.header_top_bg{
    background: url(../img/bg_header.png);
}
.header_top ul li{
    border-left: 1px dashed #6494b8;
    border-left: 0.1rem dashed #6494b8;
}
.header_top ul li a{
    color: #ffffff;
}


/* :hover
--------------------------------------------------------- */

.header_top ul li:hover{
    background: rgba(255,255,255,0.1);

}

/* レスポンシブ
--------------------------------------------------------- */


@media screen and (max-width: 670px){
    .header_top_bg{
        border-top: 4px solid #4b6894;
        border-top: 0.4rem solid #4b6894;
    }
}


/* =========================================================
 .header_middle     ロゴ／検索／文字サイズ
========================================================= */

/* -----　ロゴ＋協会名 ----- */
.logo{
    background-image: url(../img/sprite.png);
}
.svg .logo{
    background-image: url(../img/sprite.svg);
}
.logo p{
    color: #435d82;
    border-left: 1px dashed #736f6f;

}

/* ----- サイト内検索 ----- */
.utility input[type=submit],
.utility input.submit{
    color: #ffffff;
    background: #616366;
}
.utility input[type=text],
.utility input.text,
.utility input[type=search]{
    background-image: url(../img/sprite.png);	  border: 1px solid rgba(88, 88, 88, 0.22);
    border: 0.1rem solid rgba(88, 88, 88, 0.22);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.2) inset;
}
.svg .utility input[type=text],
.svg .utility input[type=search]{
    background-image: url(../img/sprite.svg);

}
.utility input[type=text]::-webkit-input-placeholder,
.utility input[type=search]::-webkit-input-placeholder{
    color: #747474;
}
.utility input[type=text]:-moz-placeholder,
.utility input[type=search]:-moz-placeholder{
    color: #747474;
}

/* ----- 印刷ボタン ----- */
.print{
    background: #5b697d;
}
.print a{
    color: #ffffff;
    background-image: url(../img/sprite.png);
}
.svg .print a{
    background-image: url(../img/sprite.svg);
}

/* ----- 文字サイズ ----- */
.font_size a.current_size{
    color: #ffffff;
    background: #5b697d;
}
.font_size a{
    color: #5b697d;
    border: 2px solid #5b697d;
    border: 0.2rem solid #5b697d;
}
.font_size span{
    color: #404040;
}

/* :hover
--------------------------------------------------------- */

.utility input[type=submit]:hover{
    background: #6d7073;
}
.print:hover{
    background: #66758c;
}
.font_size a:not(.current_size):hover{
    background: #f4f5f7;
}


/* レスポンシブ
--------------------------------------------------------- */
@media screen and (max-width: 670px){
    .logo p{
        background: none;
        border-left: 1px dashed #736f6f;
        border-left: 0.1rem dashed #736f6f;
    }	  .menu_bar{
        background: #4b6894;
    }
    .utility div.search_wrap{
        background: #ffffff;
    }	  .utility input[type=submit]{
        background: #6281b0;	  }	  /* :hover < 670px
    --------------------------------- */
    .utility input[type=submit]:hover{
        background: #738fb9;
    }

}



/* =========================================================
 .header_mv  メインビジュアル
========================================================= */
.header_mv{
    background: url(../img/bg_overlay.png);
}
.header_mv img{
    border-top: 1px solid #585858;
    border-top: 0.1rem solid #585858;
    border-bottom: 3px solid #3f3f3f;
    border-bottom: 0.3rem solid #3f3f3f;
}
.header_mv_content{
    color: #ffffff;
}
.header_mv_content h1{
    text-shadow: 1px 1px 1px #f0f0f0;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-shadow: 0.1rem 0.1rem 0.1rem  rgba(0,0,0,0.2);
}
.btn_black{
    background: rgba(0,0,0,0.4);
    filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#40000000,endcolorstr=#40000000,gradienttype=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#40000000,endColorstr=#40000000)";
    zoom:1;
}
.btn_black span,
.icon_question{
    color: #ffffff;
    background-image: url(../img/sprite.png);

}
.svg .btn_black span{
    background-image: url(../img/sprite.svg);

}

/* :hover
--------------------------------------------------------- */

.btn_black:hover{
    background: rgba(0,0,0,0.5);
}

/* レスポンシブ
--------------------------------------------------------- */
@media screen and (max-width: 470px){
    .btn_black span,
    .svg .btn_black span{
        background-size: 66px;
    }
}


/* =========================================================
 .global_menu　グローバルメニュー
========================================================= */
.global_menu{
    background-image: url(../img/bg_title.png);
}
.global_menu_home{
    background-image: url(../img/sprite.png);
}
.svg .global_menu_home{
    background-image: url(../img/sprite.svg);
}
.global_menu_border{
    border-bottom: 1px solid #f6f6f6;
    border-bottom: 0.1rem solid #f6f6f6;
}
.global_menu span{
    color: #70a2b9;
}
span#under_bar{
    border-bottom: 1px solid #3289b2;
    border-bottom: 0.1rem solid #3289b2;
    background-image: url(../img/sprite.png);
}
.svg span#under_bar{
    background-image: url(../img/sprite.svg);

}


/* =========================================================
　格納グローバルメニュー
========================================================= */
#menu_area{
    background: #395072;
}
#small_menu li{
    border-bottom: 1px solid rgba(255,255,255,0.5);
    border-bottom: 0.1rem solid rgba(255,255,255,0.5);
}
#small_menu li a{
    color: #ffffff;
}
#trigger.active{
    background-image: url(../img/sprite.png);
}

.svg #trigger.active{
    background-image: url(../img/sprite.svg);
}


/* レスポンシブ
--------------------------------------------------------- */

@media screen and (max-width: 670px){
    #trigger{
        color: #ffffff;
    }
    #trigger span{
        background: #ffffff;
    }
}

/* =========================================================
 .sub_menu  サブメニュー
========================================================= */

.sub_menu li a{
    color: #4f7b9c;
    background: #f9f9f9;
}
.sub_menu li a.current{
    color: #ffffff;
    background: #549fd8;
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.18) inset;
    -moz-box-shadow: 0.1rem 0.1rem 0.3rem  rgba(0,0,0,0.18) inset;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.18) inset;
    -webkit-box-shadow: 0.1rem 0.1rem 0.3rem  rgba(0,0,0,0.18) inset;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.18) inset;
    box-shadow: 0.1rem 0.1rem 0.3rem  rgba(0,0,0,0.18) inset;
}


/* :hover
--------------------------------------------------------- */
.sub_menu li a:not(.current):hover{
    background: #f6f6f6;
}

/* =========================================================
 .footer　フッター
========================================================= */
.footer_bg{
    background: url(../img/bg_footer.png);
}
.footer a{
    color: #ffffff;
}
.footer a.separate{
    border-right: 1px dashed #ffffff;
}
.footer p{
    color: #ffffff;
}

/* :hover
--------------------------------------------------------- */
    .footer a:hover{
        text-decoration: underline;
    }



/* レスポンシブ
--------------------------------------------------------- */
@media screen and (max-width: 670px) {
    .footer a{
        color: #d9d9d9;
    }
}


/************************************************   ページタイプ別    **************************************************/


/* =========================================================
 通信教育コンテンツ
========================================================= */
.course_search input[type=text],
.course_search input.text,
.course_search input[type=search]{
    color: #555555;
    border: 1px solid rgba(88,88,88,0.22);
    border: 0.1rem solid rgba(88,88,88,0.22);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2) inset;
    box-shadow: 0.1rem 0.1rem 0.2rem rgba(0,0,0,0.2) inset;
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2) inset;
    -moz-box-shadow: 0.1rem 0.1rem 0.2rem rgba(0,0,0,0.2) inset;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2) inset;
    -webkit-box-shadow: 0.1rem 0.1rem 0.2rem  rgba(0,0,0,0.2) inset;	  background-image: url(../img/sprite.png);
}
.svg .course_search input[type=text],
.svg .course_search input[type=search]{
    background-image: url(../img/sprite.svg);
}
.course_search input[type=text]::-webkit-input-placeholder,
.course_search input[type=search]::-webkit-input-placeholder{
    color: #555555;
}
.course_searchinput[type=text]:-moz-placeholder,
.course_searchinput[type=search]:-moz-placeholder{
    color: #555555;
}
.course_search input.submit,
.course_search input[type=submit]{
    color: #ffffff;
    background: #4779c3;
}

/* :hover
--------------------------------------------------------- */
.course_search input[type=submit]:hover{
    background: #5a87c9;
}


/* =========================================================
  リスト フォーム
========================================================= */
.ul_form > li{
    border-bottom: 1px dashed #f0f0f0;
    border-bottom: 1px dashed rgba(0,0,0,0.3);
    border-bottom: 0.1rem dashed rgba(0,0,0,0.3);
}

.ul_form > li.first{
    border-top: 1px dashed #f0f0f0;
    border-top: 1px dashed rgba(0,0,0,0.3);
    border-top: 0.1rem dashed rgba(0,0,0,0.3);
}
.ul_form > li > div.head{
    background: url(../img/bg_title.png);
}
@media screen and (max-width: 500px){
    .ul2 > li:last-child{
        border-bottom: none;
    }
}
.ul_form input[type=text],
.ul_form input[type=tel],
.ul_form input[type=email],
.ul_form input[type=number],
.ul_form textarea{
    border: 1px solid rgba(88, 88, 88, 0.22);
    border: 0.1rem solid rgba(88, 88, 88, 0.22);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.2) inset;
}

/************************************************   見出し    *****************************************************/


/* =========================================================
 見出し①(hl = headline)
 div.hl1 > h2
========================================================= */
.hl1{
    background: url(../img/bg_title.png);
}
.hl1 h2{
    border-left: 7px solid #74c6eb;
    border-left: 0.7rem solid #74c6eb;
}

/* =========================================================
 見出し②　青／黄／赤
 h2,h3 .hl2_color
========================================================= */
.hl2_blue,
.hl2_yellow,
.hl2_red{
    color: #636363;;
    background: url(../img/bg_title.png);
}
.hl2_blue{
    border-left: 7px solid #4ac6ff;
    border-left: 0.7rem solid #4ac6ff;
}
.hl2_yellow{
    border-left: 7px solid #eabe54;
    border-left: 0.7rem solid #eabe54;
}
.hl2_red{
    border-left: 7px solid #eb8080;
    border-left: 0.7rem solid #eb8080;
}

/* =========================================================
 見出し③　グレー／青／黄／赤
 h2,h3 .hl3_color
========================================================= */
.hl3_gray,
.hl3_blue,
.hl3_yellow,
.hl3_red{
    color: #515151;
}
.hl3_gray{
    border-left: 7px solid #a5a5a5;
    border-left: 0.7rem solid #a5a5a5;
}
.hl3_blue{
    border-left: 7px solid #74c6eb;
    border-left: 0.7rem solid #74c6eb;
}
.hl3_yellow{
    border-left: 7px solid #ead4a1;
    border-left: 0.7rem solid #ead4a1;
}
.hl3_red{
    border-left: 7px solid #eba2a2;
    border-left: 0.7rem solid #eba2a2;
}

/* =========================================================
 見出し③＋ボーダー　グレー／青／黄／赤
 div.hl3_color_border > h3
========================================================= */
.hl3_gray_border,
.hl3_blue_border,
.hl3_yellow_border,
.hl3_red_border{
    border-bottom: 1px dashed #736f6f;
    border-bottom: 0.1rem dashed #736f6f;
}
.hl3_gray_border h4,
.hl3_gray_border h3,
.hl3_blue_border h4,
.hl3_blue_border h3,
.hl3_yellow_border h4,
.hl3_yellow_border h3,
.hl3_red_border h4,
.hl3_red_border h3{
    color: #515151;
}
.hl3_gray_border h4,
.hl3_gray_border h3{
    border-left: 7px solid #a5a5a5;
    border-left: 0.7rem solid #a5a5a5;
}
.hl3_blue_border h4,
.hl3_blue_border h3{
    border-left: 7px solid #74c6eb;
    border-left: 0.7rem solid #74c6eb;
}
.hl3_yellow_border h4,
.hl3_yellow_border h3{
    border-left: 7px solid #ead4a1;
    border-left: 0.7rem solid #ead4a1;
}
.hl3_red_border h4,
.hl3_red_border h3{
    border-left: 7px solid #eba2a2;
    border-left: 0.7rem solid #eba2a2;
}

/* =========================================================
 見出し④　大　
 div.hl4 > h2,h3
========================================================= */
.hl4{
    background: url(../img/bg_title.png);
}
.hl4 h2{
    color: #636363;
    border-left: 10px solid #3289b2;
    border-left: 1rem solid #3289b2;
}

/* =========================================================
  見出し⑤　新着リンクタイプ
  div.hl5 > span + { ( h4 > a ) or h4
========================================================= */
.hl5{

}
.hl5 span{
    color: #ffffff;
    background: #3289b2;
}
.hl5 h4{
    color: #282828;
}
.hl5 h4 a{
    color: #282828;
    border-bottom: 1px solid #282828;
    border-bottom: 0.1rem solid #282828;
}

/* :hover
--------------------------------------------------------- */

.hl5 h4 a:hover{
    border-bottom-color: #bbbbbb;
}


/* =========================================================
  見出し⑥　講座カリキュラムタイプ
  div.hl6 > span + h3
========================================================= *
.hl6{

}
.hl6 span{
    color: #ffffff;
    background: #99b2c5;
}

/* =========================================================
  見出し⑦　カリキュラム内　「学習内容」タイプ
  h5,h6 .hl7
========================================================= */
.hl7{
    color: #4f7b9c;
    background: #f9f9f9;
}


/************************************************   ボタン    *****************************************************/


/* =========================================================
  ボタン①　アイコン付き　「一覧へ」ボタン
  a.btn1_color > span
========================================================= */
.btn1_green{
    background: #3289b2;
}
.btn1_blue{
    background: #60c1ee;
}
.btn1_yellow{
    background: #eac670;
}
.btn1_red{
    background: #eb8080;
}
.btn1_green,
.btn1_blue,
.btn1_yellow,
.btn1_red{

}
.btn1_green span,
.btn1_blue span,
.btn1_yellow span,
.btn1_red span{
    color: #ffffff;
    background-image: url(../img/sprite.png);
}
.svg .btn1_green span,
.svg .btn1_blue span,
.svg .btn1_yellow span,
.svg .btn1_red span{
    background-image: url(../img/sprite.svg);
}

/* =========================================================
  ボタン②　シンプルボタン
========================================================= */
.btn2_blue{
    color: #ffffff;
    background: #60c1ee;
}
.btn2_yellow{
    color: #ffffff;
    background: #eac670;
}
.btn2_red{
    color: #ffffff;
    background: #eb8080;
}
.btn2_gray{
    color: #ffffff;
    background: #a5a5a5;
}

/* :hover
--------------------------------------------------------- */
.btn1_green:hover{
    background: #3898c6;
}
.btn1_blue:hover,
.btn2_blue:hover{
    background: #77caf0;
}
.btn1_yellow:hover,
.btn2_yellow:hover{
    background: #edcf86;
}
.btn1_red:hover,
.btn2_red:hover{
    background: #ee9696;
}
.btn2_gray:hover{
    background: #bfbfbf;
}

/* =========================================================
  ダウンロードボタン　アイコン付き　
  a.btn_download > span
========================================================= */
.btn_download{
    background: #3289b2;
}
.btn_download span{
    color: #ffffff;
    background-image: url(../img/sprite.png);
}
.svg .btn_download span{
    background-image: url(../img/sprite.svg);
}

/* :hover
--------------------------------------------------------- */
.btn_download:hover{
    background: #3898c6;
}


/* =========================================================
PDFボタン  通信教育モデル体系図PDF
 a.btn_pdf > span
========================================================= */
.btn_pdf{
    background: #435d82;
}
.btn_pdf span{
    color: #ffffff;
    background-image: url(../img/sprite.png);
}
.svg .btn_pdf span{
    background-image: url(../img/sprite.svg);
}

/* :hover
--------------------------------------------------------- */
.btn_pdf:hover{
    background: #4c6993;
}



/* レスポンシブ
--------------------------------------------------------- */

@media screen and (max-width: 860px) {
    #education_content .btn_pdf{
        background: none;
    }
    #education_content .btn_pdf span {
        color: #4f7b9c;
    }	  /* :hover < 860px
    --------------------------------------------------------- */
    #education_content .btn_pdf:hover span{
        color: #7ba0bc;
    }
}




/************************************************   リスト    *****************************************************/


/* =========================================================
  リスト①　枠　＋　境界(あり・なし）
========================================================= */
.ul1 li{
    color: #292929;
    border-top: 1px dashed #d5d5d5;
    border-top: 1px dashed rgba(0,0,0,0.3);
    border-top: 0.1rem dashed rgba(0,0,0,0.3);
}
.ul1 li span,
.ul6 li span{
    background-image: url(../img/sprite.png);
}
.svg .ul1 li span,
.svg .ul6 li span{
    background-image: url(../img/sprite.svg);
}

.ul6.border_bottom{
    border-bottom: 1px dashed #d5d5d5;
    border-bottom: 1px dashed rgba(0,0,0,0.3);
    border-bottom: 0.1rem dashed rgba(0,0,0,0.3);
}
/* =========================================================
  リスト②　年表タイプ
  ul.ul2 > li > span + p
  ※ span内は回折しない
========================================================= */
.ul2 > li{
    border-bottom: 1px dashed #f0f0f0;
    border-bottom: 1px dashed rgba(0,0,0,0.3);
    border-bottom: 0.1rem dashed rgba(0,0,0,0.3);
}

.ul2 > li.first{
    border-top: 1px dashed #f0f0f0;
    border-top: 1px dashed rgba(0,0,0,0.3);
    border-top: 0.1rem dashed rgba(0,0,0,0.3);
}
.ul2 > li > span{
    background: url(../img/bg_title.png);
}
@media screen and (max-width: 500px){
    .ul2 > li:last-child{
        border-bottom: none;
    }
}

/* =========================================================
  リスト③　講座価格タイプ ②の色違い
  ul.ul2 > li > span + p
  ※ span内は回折しない
========================================================= */
.ul3 > li{
    border-bottom: 1px dashed #f0f0f0;
    border-bottom: 1px dashed rgba(0,0,0,0.3);
    border-bottom: 0.1rem dashed rgba(0,0,0,0.3);
}
.ul3 > li.first{
    border-top: 1px dashed #f0f0f0;
    border-top: 1px dashed rgba(0,0,0,0.3);
    border-top: 0.1rem dashed rgba(0,0,0,0.3);
}
.ul3 li span{
    background: url(../img/bg_dark.png);
}

/* レスポンシブ
--------------------------------------------------------- */
@media screen and (max-width: 470px) {
    .ul3 > li{
        border-bottom: none;
    }
    .ul3 > li.first{
        border-top: none;
    }
}

/* =========================================================
  リスト④  赤「・」付きリスト
  ul.ul4 > li
========================================================= */
.ul4  li span{
/*    color: #eb8274; */
    color: #555555;
}
.ul5  li span{
    color: #4d4d4d;
}

/************************************************   リンクリスト    *****************************************************/


/* =========================================================
  リンクリスト① アイコン付きリンクリスト
  ul.ulA1 > li >span + a
========================================================= */
.ulA1 li span{
    background-image: url(../img/sprite.png);
}
.svg .ulA1 li span{
    background-image: url(../img/sprite.svg);
}

/* :hover
--------------------------------------------------------- */
.ulA1 li a:hover{
    color: #1b1b1b;
}

/* =========================================================
  リンクリスト② アイコン付きリンクリスト
  ul.ulA2 > li > span + a
========================================================= */
.ulA2 li{
    border-top: 1px dashed #d5d5d5;
    border-top: 1px dashed rgba(0,0,0,0.3);
    border-top: 0.1rem dashed rgba(0,0,0,0.3);
}
.ulA2 li.first{
    border-top: none;
}
.ulA2 li span{
    background-image: url(../img/sprite.png);
}
.ulA2 li a{
    background: none;
    color: #696969;
}
.svg .ulA2 li span{
    background-image: url(../img/sprite.svg);
}

/* :hover
--------------------------------------------------------- */
.ulA2 li a:hover,
.ulA2 li.current a{
    color: #1b1b1b;
}
#course_menu .ulA2 li a:hover{
    background: none;
}



/* =========================================================
  リンクリスト　更新リスト
  ul.ul_update > li > span + a
========================================================= */
.ulA_update li{
    color: #696969;
}
.ulA_update a{
    color: #696969;
}

/* :hover
--------------------------------------------------------- */
.ulA_update a:hover{
    color: #1b1b1b;
}

/* =========================================================
  リンクリスト　PDFリスト
  ul.ulA_update > li > span + a
========================================================= */
.ulA_pdf li span{
    background-image: url(../img/sprite.png);
}
.svg .ulA_pdf li span{
    background-image: url(../img/sprite.svg);
}
.ulA_pdf a{
    color: #4f7b9c;
}
.ulA_pdf a:hover{
    color: #7ba0bc;
}
/************************************************   その他    *****************************************************/


/* =========================================================
  スクロール
========================================================= */
/*  スクロールバー */
.scroll_180::-webkit-scrollbar {
    width: 2px;
}
.scroll_180::-webkit-scrollbar-track {
    background: #e5e5e5;
}
.scroll_180::-webkit-scrollbar-thumb {
    background: #064077;
}

/* ----- for ie    Perfect Scroll Bar----- */
.ps-container .ps-scrollbar-y-rail {
    background: #e5e5e5;
}
.ps-container .ps-scrollbar-y {
    background-color: #064077;
}

/* =========================================================
  box shadow
========================================================= */
/* ----- shadow1 挿入画像 ----- */
.shadow1{
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0.1rem 0.1rem 0.1rem rgba(0,0,0,0.15);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0.1rem 0.1rem 0.1rem rgba(0,0,0,0.15);
    box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    box-shadow: 0.1rem 0.1rem 0.1rem rgba(0,0,0,0.15);
}

/* =========================================================
  テキスト
========================================================= */
/* ----- 薄め＋ボーダー　　講座キャッチフレーズ ----- */
.p_catchphrase{
    color: #767676;
    border-bottom: 1px dashed #f0f0f0;
    border-bottom: 1px dashed rgba(0,0,0,0.3);
    border-bottom: 0.1rem dashed rgba(0,0,0,0.3);
}


/* =========================================================
  color
========================================================= */
.rgb_1b1b1b{
    color: #1b1b1b;
}

/* for  IE10 only
--------------------------------------------------------- */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
    .ul2 > li{
        border-bottom: 0.1rem dashed rgba(0,0,0,0.2);
    }
    .ul2 > li.first{
        border-top: 0.1rem dashed rgba(0,0,0,0.2);
    }

	  .ul3 > li{	      border-bottom: 0.1rem dashed rgba(0,0,0,0.2);
    }
    .ul3 > li.first{
        border-top: 0.1rem dashed rgba(0,0,0,0.2);
    }

}