/************************************************   主要パーツ    *****************************************************/


html{
    font-size: 10px;
    font-family: "メイリオ", Meiryo, Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body{
    color: #4d4d4d;
}
h1{
    font-size: 30px;
    font-size: 3rem;
    line-height: 45px;
    line-height: 4.5rem;
    font-weight: normal;
    margin-top: -2px;
    margin-top: -0.2rem;
    margin-bottom: 27px;
    margin-bottom: 2.7rem;
}
h1 .subtitle {
	font-size: 14px;
	line-height: 20px;
}
h2{
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    line-height: 2.7rem;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
}
h3{
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    line-height: 2.7rem;
    font-weight: normal;
    color: #515151;
}
h4{
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px;
    line-height: 2.2rem;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
}
h5{
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    line-height: 2.0rem;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
}
h6{
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    line-height: 2.0rem;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
}
p{
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25px;
    line-height: 2.5rem;
}
a{
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25px;
    line-height: 2.5rem;
    color: #696969;
}
li{
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25px;
    line-height: 2.5rem;
}
span{
    font-size: 14px;
    font-size: 1.4rem;
}
dt{
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25px;
    line-height: 2.5rem;
    font-weight: bold;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
}
dd{
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25px;
    line-height: 2.5rem;
}
input[type=search],
input[type=text],
input[type=submit]{
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
input[type=search]{
    -webkit-box-sizing: content-box;
}

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

@media screen and (max-width: 670px){
    h1{
        font-size: 30px;
        font-size: 3rem;
        line-height: 40px;
        line-height: 4rem;
        margin-bottom: 15px;
        margin-bottom: 1.5rem;
    }
}


/* =========================================================
 .header_top 　ログイン／お問い合わせ／サイトマップ
========================================================= */

.header{
    width: 100%;
    overflow: hidden;
}
.header_top_bg{
    width: 100%;
    overflow: hidden;
}
.header_top{
    width: 90%;
    max-width: 1200px;
    max-width: 120rem;
    margin: 0 auto;
}
.head_top ul{
    float: right;
    overflow: hidden;
}
.header_top ul li{
    float: right;
    padding-top: 2px;
    padding-top: 0.2rem;
    border-left: 1px dashed #6494b8;
    border-left: 0.1rem dashed #6494b8;
}
.header_top ul li.last{
    padding-left: 0;
    border-left: none;
}
.header_top ul li a{
    display: block;
    padding: 0 12px;
    padding: 0 1.2rem;
    color: #ffffff;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 19px;
    line-height: 1.9rem;
}

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

@media screen and (max-width: 670px){
    .header_top{
        display: none;
    }

}


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

.header_middle{
    width: 90%;
    max-width: 1200px;
    max-width: 120rem;
    margin: 0 auto;
    overflow: hidden;
}

/* ----- ロゴ＋協会名 ----- */
.logo{
    display: block;
    width: 280px;
    width: 28rem;
    height: 84px;
    height: 8.4rem;
    float: left;
    margin: 7px 0;
    margin: 0.7rem 0;	  background-repeat: no-repeat;
    background-position: -2px -324px;
    background-position: -0.2rem -32.4rem;	  cursor: default;
}
.svg .logo{
    background-position: left -324px;
    background-position: left -32.4rem;
}
.logo p{
    line-height: 1;
    padding-left: 8px;
    padding-left: 0.8rem;
    margin: 23px 0 0 88px;
    margin: 2.3rem 0 0 8.8rem;

}
.logo p span.corporation_name{
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 1;
    font-weight: bold;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
}
.logo p span.corporation_name_en{
    display: block;
    width: 100%;
    margin-top: 5px;
    margin-top: 0.5rem;
    padding-left: 1px;
    padding-left: 0.1rem;
    font-size: 10px;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0;

}

/* ----- .utility ----- */
.utility{
    overflow: hidden;
    float: right;
    margin-top: 24px;
    margin-top: 2.4rem;
}

/* ----- サイト内検索 ----- */
.utility form{
    margin-bottom: 9px;
    margin-bottom: 0.9rem;
    overflow: hidden;
}
.utility input[type=submit],
.utility input.submit{
    width: 68px;
    width: 6.8rem;
    float: right;
    height: 28px;
    height: 2.8rem;
    padding: 0 19px;
    padding: 0 1.9rem;
    margin: 0;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
}
.utility div.search_wrap{
    float: right;
    margin-right: 4px;
    margin-right: 0.4rem;

}
.utility input[type=text],
.utility input.text,
.utility input[type=search],
.utility input.search{
    width: 202px;
    width: 20.2rem;
    height: 24px;
    height: 2.4rem;
    padding-left: 24px;
    padding-left: 2.4rem;
    font-size: 12px;
    font-size: 1.2rem;
    -moz-transition: width 0.5s;
    -webkit-transition: width 0.5s;
    -o-transition: width 0.5s;
    -ms-transition:  width 0.5s;
    transition: width 0.5s;	  background-repeat: no-repeat;
    background-position: 6px -230px;
    background-position: 0.6rem -23rem;

}
.svg .utility input[type=text],
.svg .utility input.text,
.svg .utility input[type=search],
.svg .utility input.search{
    background-position: 9px -230px;
    background-position: 0.9rem -23rem;
}
.utility input[type=search]::-webkit-input-placeholder{
    position: relative;
    top: -1px;
}

/* ----- 印刷ボタン ----- */
.print{
    float: right;
    width: 68px;
    width: 6.8rem;
}
.print a{
    display: block;
    padding: 9px 9px 5px 21px;
    padding: 0.9rem 0.9rem 0.5rem 2.1rem;
    margin-left: 8px;
    margin-left: 0.8rem;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;	  background-repeat: no-repeat;
    background-position: -3px -99px;
    background-position: -0.3rem -9.9rem;
}
.svg .print a{
    background-position: left -99px;
    background-position: left -9.9rem;
}
/* ----- 文字サイズ ----- */
.font_size{
    float: right;
    margin-right: 17px;
    margin-right: 1.7rem;
    overflow: hidden;
}
.font_size ul{
    float: right;
    overflow: hidden;
}
.font_size li{
    float: right;
    margin-left: 1px;
    margin-left: 0.1rem;
}
.font_size a{
    display: block;
    width: 24px;
    width: 2.4rem;
    padding: 6px 0;
    padding: 0.6rem 0;
    text-align: center;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: bold;
}
.font_size span{
    display: block;
    float: right;
    margin: 8px 8px 0;
    margin: 0.8rem 0.8rem 0;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
}

/* for  IE10 only
--------------------------------------------------------- */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
    .utility input[type=search]{
        width: 18rem;
        height: 2.4rem;
        padding-left: 24px;
        padding-left: 2.4rem;
    }
    .svg .utility input[type=search]{
        background-position: 9px -230px;
        background-position: 0.9rem -23rem;
    }
    .utility input[type=search]:-ms-input-placeholder {
        text-indent: 0.7rem;
    }
    .print a{
        padding-top: 0.8rem;
        padding-bottom: 0.6rem;
    }
}

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

@media screen and (max-width: 670px){
    .header_middle{
        width: 100%;
    }
    .logo{
        float: none;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
    }
    .menu_bar{
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    #menu_area{
        width: 100%;
    }
    .utility{
        right: 5%;
        margin: 0;	  }
    .font_size,
    .print{
        display: none;
    }
}
@media screen and (max-width: 400px){
    .utility input[type=text],
    .utility input[type=search]{
        width: 125px;
        width: 12.5rem;
    }
    .utility input[type=submit]{
        padding: 0 9px;
        padding: 0 0.9rem;
    }
}


/* =========================================================
 .header_mv  メインビジュアル
========================================================= */

.header_mv{
    position: relative;
    width: 100%;
    overflow: hidden;
    max-height: 500px;
    max-height: 50rem;
}
.header_mv img{
    z-index: -10;
    width: 100%;
    min-width: 1400px;
    min-width: 140rem;
    position: relative;
    right: 0;
}
.header_mv_inner{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.header_mv_content{
    position: absolute;
    top: 35.5%;
    width: 100%;
    max-width: 1200px;
    max-width: 120rem;
}
.header_mv_content span{
    margin-left: 33px;
    margin-left: 3.3rem;
    font-size: 18px;
    font-size: 1.8rem;
}
.header_mv_content h1{
    margin: 6px 0 10px;
    margin: 0.6rem 0 1rem;
    font-size: 64px;
    font-size: 6.4rem;
    line-height: 68px;
    line-height: 6.8rem;
    font-weight: bold;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
}
.btn_black{
    float: left;
}
.btn_black span,
.icon_question{
    display: block;
    padding: 9px 0 7px 36px;
    padding: 0.9rem 0 0.7rem 3.6rem;
    margin: 0 20px;
    margin: 0 2rem;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    font-weight: bold;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;	  background-repeat: no-repeat;
    background-position: -2px -32px;
    background-position: -0.2rem -3.2rem;
}
.svg .btn_black span,
.svg .icon_question{
    background-position: left -32px;
    background-position: left -3.2rem;
}
/* レスポンシブ
--------------------------------------------------------- */
@media screen and (max-width: 1400px){
    .header_mv{
        height: 364px;
    }
    .header_mv img{
        position: absolute;
        right: 0;
    }
    .header_mv_inner{
        width: 90%;
    }
}
@media screen and (max-width: 860px){
    .header_mv_content span{
        font-size: 16px;
        margin-left: 19px;
    }
    .header_mv_content h1{
        font-size: 52px;
        line-height: 1;
    }

}

@media screen and (max-width: 670px){
    .header_mv{
        height: auto;
    }
    .header_mv img{
        position: relative;
        width: 180%;
        min-width: 0;
        right: 63%;
    }
    .header_mv_content{
        position: absolute;
        top: 44%;
        left: 5%;
        padding-top: 0;
    }
    .header_mv_content > span{
        font-size: 10px;
        margin-left: 0;
    }
    .header_mv_content h1{
        font-size: 26px;
        line-height: 1;
    }
}
@media screen and (max-width: 470px){
    .header_mv{
        height: auto;
    }
    .header_mv img{
        width: 180%;
        min-width: 0;
        right: 63%;
    }
    .header_mv_content{
        top: 47%;
    }
    .header_mv_content > span{
        display: none;
    }
    .header_mv_content h1{
        font-size: 16px;
        font-weight: normal;
        line-height: 1;
        margin-top: 2px;
        margin-top: 0.2rem;
    }
    .header_mv_content .btn_black span{
        font-size: 10px;
        font-size: 1rem;
        padding: 9px 0 8px 27px;
        padding: 0.9rem 0 0.8rem 2.7rem;
        margin: 0 13px 0 12px;
        margin: 0 1.3rem 0 1.2rem;	      background-position: -2px -21px;
        background-position: -0.2rem -2.1rem;
    }
    .svg .header_mv_content .btn_black span{
        background-position: left -23px;
        background-position: left -2.3rem;
    }
}


/* =========================================================
　.global_menu  グローバルメニュー
========================================================= */

.global_menu{
    position: relative;
    width: 100%;
}
#home_global_menu{
    background: none;
}
.global_menu_border{
    position: absolute;
    width: 100%;
    bottom: 0;
}
.global_menu ul{
    display: table;
    width: 90%;
    max-width: 1200px;
    max-width: 120rem;
    margin: 0 auto;
}
.global_menu li{
    display: table-cell;
}
li.global_menu_home{
    width: 61px;
    width: 6.1rem;
    vertical-align: middle;
}
li.global_menu_information{
    width: 15%;
}
li.global_menu_education{
    width: 22%
}
li.global_menu_consulting{
    width: 25%;
}
li.global_menu_examination{
    width: 20%;
}
li.global_menu_seminar{
    width: 18%
}
.global_menu a{
    display: block;
    padding: 19px 0 17px;
    padding: 1.9rem 0 1.7rem;
    line-height: 1;
}
.global_menu_home{
    background-repeat: no-repeat;
    background-position: center 27px;
    background-position: center  2.7rem;
}
#home_global_menu .global_menu_home{
    background-position: center 37px;
    background-position: center  3.7rem;
}
#home_global_menu a{
    padding-top: 28px;
    padding-top: 2.8rem;
}
.global_menu p{
    margin-bottom: 9px;
    margin-bottom: 0.9rem;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1;
}
.global_menu span{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 10px;
    font-size: 1rem;
}
.global_menu_home a{
    width: 61px;
    width: 6.1rem;
    height: 37px;
    height: 3.7rem;
    text-align: center;
}
span#under_bar{
    position: absolute;
    display: block;
    width: 61px;
    width: 6.1rem;
    left: -100rem;
    bottom: 0;
    height: 6px;
    height: 0.6rem;	  background-repeat: no-repeat;
    background-position: center -273px;
    background-position: center -27.3rem;
}

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

@media screen and (max-width: 950px){
    li.global_menu_consulting{
        width: 27%;
    }
}
@media screen and (max-width: 860px){
    .global_menu_home,
    #home_global_menu .global_menu_home,
    .svg .global_menu_home,
    .svg #home_global_menu .global_menu_home{
        background-position: center 14px;
        background-position: center 1.4rem;
    }
    .global_menu a{
        padding: 10px 0 8px;
        padding: 1rem 0 0.8rem;
    }
    .global_menu_home a{
        height: 26px;
        height: 2.6rem;
    }
    #home_global_menu a{
        padding-top: 10px;
        padding-top: 1rem;
    }
    .global_menu p{
        margin-bottom: 4px;
        margin-bottom: 0.4rem;
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: bold;
        letter-spacing: 1px;
        letter-spacing: 0.1rem;
    }
}
@media screen and (max-width: 670px){
    .global_menu{
        display: none;
    }
}


/* =========================================================
　格納グローバルメニュー
========================================================= */
#menu_bar{
    overflow: hidden;
}
#trigger{
    display: none;
    float: left;
    width: 25px;
    width: 2.5rem;
    height: 20px;
    height: 2rem;
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    padding: 10px 5px 5px 5px;
    padding: 1rem 0.5rem 0.5rem 0.5rem;
    margin-top: 8px;
    margin-top: 0.8rem;
    margin-left: 5%;
}
#small_menu{
    display: none;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    max-height: 0;
    -moz-transition: max-height 0.3s ease-in;
    -webkit-transition: max-height 0.3s ease-in;
    -o-transition: max-height 0.3s ease-in;
    -ms-transition:  max-height 0.3s ease-in;
    transition: max-height 0.3s ease-in;
}
#small_menu li{
    overflow: hidden;
    display: block;
    width: 100%;
}
#small_menu li a{
    display: block;
    width: 90%;
    overflow: hidden;
    padding: 12px 5%;
    padding: 1.2rem 5%;
}
#small_menu li.last_menu{
    border-bottom: none;
}


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

@media screen and (max-width: 670px){
    #trigger{
        display: block;
        color: #ffffff;
    }
    #trigger.active{
        line-height: 20px;
        background-position: -60px -290px;
        background-position: -6rem -29rem;
        background-repeat: no-repeat;
    }
    .svg #trigger.active{
        background-position: -57px -290px;
        background-position: -5.7rem -29rem;
    }
    #trigger span{
        display: block;
        width: 25px;
        width: 2.5rem;
        height: 3px;
        height: 0.3rem;
        background: #ffffff;
        margin-bottom: 5px;
        margin-bottom: 0.5rem;
    }
    #trigger span.last{
        margin-bottom: 5px;
        margin-bottom: 0.5rem;
    }
    .utility{
        margin-right: 5%;
    }
    .utility form.site_search{
        margin: 12px 0;
        margin: 1.2rem 0;
    }
    #menu_area{
        width: 100%;
    }	  #small_menu{
        display: block;
    }
    #small_menu.active{
        max-height: 400px;
        max-height: 40rem;	  }
}

/* =========================================================
 .content （サイドバー　＋　記事）
========================================================= */

.content{
    display: table;
    width: 90%;
    max-width: 1200px;
    max-width: 120rem;
    margin-top: 64px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}


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

@media screen and (max-width: 860px){
    .content{
        margin-top: 40px;
        margin-top: 4rem;
    }
}


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

.sub_menu{
    display: table-cell;
    width: 34.5%;
    padding-right: 8.7%;
    vertical-align: top;
    overflow: hidden;
}
.sub_menu li{
    margin-bottom: 8px;
    margin-bottom: 0.8rem;
}
.sub_menu li a{
    display: block;
    white-space: nowrap;
    padding: 7px 38px 5px;
    padding: 0.7rem 3.8rem 0.5rem;
    line-height: 25px;
    line-height: 2.5rem;
    font-weight: bold;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
}
#consulting_content .sub_menu li a{
    padding: 7px 20px 5px;
    padding: 0.7rem 2rem 0.5rem;
}

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

@media screen and (max-width: 1100px){
    .sub_menu{
        padding-right: 3.7%;
    }
    #course_content .sub_menu{
        width: 34.5%;
    }
    .sub_menu li a{
        padding: 7px 18px 5px;
        padding: 0.7rem 1.8rem 0.5rem;
    }
    #consulting_content .sub_menu{
        width: 34.5%;
    }
    #consulting_content .sub_menu li a{
        white-space: normal;
    }
    #consulting_content .sub_menu li a br{
        display: none;
    }
}
@media screen and (max-width: 860px){
    .sub_menu,
    #course_content .sub_menu,
    #consulting_content .sub_menu{
        display: block;
        width: 100%;
        padding-right: 0;
        margin-bottom: 40px;
        margin-bottom: 4rem;
    }
}

/* for  IE10 only
--------------------------------------------------------- */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){	  .sub_menu{
        min-width: 28rem;
    }
    .sub_menu li a{
        padding: 0.7rem 5% 0.5rem;
    }

}



/* =========================================================
　.article  メインコンテンツ
========================================================= */

.article{
    display: table-cell;
}
@media screen and (max-width: 860px){
    .article{
        display: block;
        clear: both;
        width: 100%;
        margin-top: 68px;
        margin-top: 6.8rem;
    }
    #education_content .article,
    #site_map_content .article,
    #contact_content .article,
    #privacy_policy_content .article{
        margin-top: 0;
    }

}
@media screen and (max-width: 670px){
    .article{
        top: 0;
    }
}


/* =========================================================
 .footer　フッター
========================================================= */

.footer_bg{
    width: 100%;
    height: 96px;
    height: 9.6rem;
}
.footer{
    overflow: hidden;
    width: 90%;
    max-width: 1200px;
    max-width: 120rem;
    margin: 0 auto;
    padding-top: 62px;
    padding-top: 6.2rem;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
}
.footer a{
    float: left;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
}
.footer a.separate{
    margin-right: 12px;
    margin-right: 1.2rem;
    padding-right: 12px;
    padding-right: 1.2rem;
}
.footer p{
    float: right;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
}

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

@media  screen and (max-width: 860px){
    .footer a,
    .footer p,
    .footer span{
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 18px;
        line-height: 1.8rem;
    }
}
@media  screen and (max-width: 670px){
    .footer{
        text-align: center;
        padding-top: 34px;
        padding-top: 3.4rem;
    }
    .footer_link{
        margin-bottom: 10px;
        margin-bottom: 1rem;
    }
    .footer a{
        float: none;
        font-size: 10px;
        font-size: 1rem;
        line-height: 1;
    }
    .footer p{
        float: none;
        font-size: 10px;
        font-size: 1rem;
    }
}


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


/* =========================================================
 トップページコンテンツ
========================================================= */

#home_content{
    margin-top: 37px;
    margin-top: 3.7rem;
    margin-bottom: 76px;
    margin-bottom: 7.6rem;
}
/* ----- 大見出し hl4 ----- */
@media  screen and (max-width: 900px){
    #home_content .hl4 h2{
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 27px;
        line-height: 2.7rem;
        margin-top: 10px;
        margin-top: 1rem;
        margin-bottom: 8px;
        margin-bottom: 0.8rem;
        padding-left: 10px;
        padding-left: 1rem;
    }
}
@media  screen and (max-width: 670px){
    #home_content .hl4 h2{
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 30px;
        line-height: 3rem;
        margin: 1.4rem 0 1.2rem 1.6rem;
        padding-left: 14px;
    }
}
@media  screen and (max-width: 470px){
    #home_content .hl4 h2{
        font-size: 18px;
        line-height: 24px;
        margin-top: 10px;
        margin-bottom: 8px;
        padding-left: 10px;
    }
}

/* ----- 重要なお知らせ ----- */
.notice{
    width: 51%;
    float: left;
}
.recent_release{
    margin-top: 35px;
    margin-top: 3.5rem;
}
.scroll_bx{
    width: 100%;
    display: block;
}
a#read_more{
    display: none;
}
@media  screen and (max-width: 670px){
    .notice{
        width: 100%;
        float: none;
        margin-bottom: 51px;
        margin-bottom: 5.1rem;
    }
    a#read_more{
        display: block;
        margin-top: -10px;
        margin-top: -1rem;
    }
    #home_content .ulA_update.scroll_180{
        overflow: hidden;
        height: auto;
        width: 100%;
    }
    #home_content .ulA_update li{
        margin-bottom: 0;	      max-height: 0;
        -moz-transition: max-height 0.7s ease-in;
        -webkit-transition:max-height 0.7s ease-in;
        -o-transition: max-height 0.7s ease-in;
        -ms-transition: max-height 0.7s ease-in;
        transition: max-height 0.7s ease-in;	      opacity: 0;
        -moz-transition: opacity 0.5s ease-in ;
        -webkit-transition:opacity 0.5s ease-in;
        -o-transition: opacity 0.5s ease-in;
        -ms-transition: opacity 0.5s ease-in;
        transition: opacity 0.5s ease-in;	  }
    #home_content .ulA_update li.show{
        max-height: 1000px;
        max-height: 100rem;
        margin-bottom: 8px;
        margin-bottom: 0.8rem;
        opacity: 1;
    }

}
@media screen and (max-width: 470px) {
    #home_content .hl5 h4 a{
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 22px;
        line-height: 2.2rem;
        padding-bottom: 0;
    }
}
@media screen and (max-width: 470px) {
    #home_content .ulA_update li.show{
        margin-bottom: 15px;
        margin-bottom: 1.5rem;
    }
    #home_content .ulA_update span{
        float: none;
        width: 100%;
        margin-bottom: 4px;
        margin-bottom: 0.4rem;
    }
    #home_content .ulA_update a{
        margin-left: 20px;
        margin-left: 2rem;
    }
}
/* for  IE10 only
--------------------------------------------------------- */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){	  #home_content .ulA_update.scroll_180{
        width: 98%;
        padding-right: 2%;
    }

}

/* ----- 講座資料ダウンロード ----- */
.download{
    width: 39.16%;
    float: right;
    margin-bottom: 51px;
    margin-bottom: 5.1rem;
}
@media screen and (max-width: 670px){
    .download{
        width: 100%;
        float: none;
    }
}
/* ----- 今月の月刊公開経営 ----- */
.monthly_publication{
    width: 39.16%;
    float: right;
    margin-bottom: 74px;
    margin-bottom: 7.4rem;
}
@media screen and (max-width: 950px){
    .monthly_publication img{
        width: 100%;
        float: none;
    }
    .monthly_publication p{
        width: 100%;
    }
}
@media screen and (max-width: 670px){
    .monthly_publication{
        float: none;
        width: 100%;
        overflow: hidden;
        margin-bottom: 51px;
        margin-bottom: 5.1rem;
    }
    .monthly_publication img{
        float: left;
        width: auto;
    }
}
@media screen and (max-width: 470px){
    .monthly_publication img{
        float: none;
        width: 100%;
    }
}

/* ----- 通信教育のご案内 ----- */
.education{
    clear: both;
    float: left;
    width: 30.83%;
    margin-right: 3.66%;
}
@media screen and (max-width: 670px){
    .education{
        clear: both;
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 60px;
        margin-bottom: 6rem;
    }
}
/* ----- 検定試験のご案内 ----- */
.examination{
    float: left;
    width: 30.83%;
    margin-right: 3.66%;
}
@media screen and (max-width: 670px){
    .examination{
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 6rem;
    }
}
/* ----- 研修・コンサルティングのご案内 ----- */
.consulting{
    float: right;
    width: 30.83%;
}
@media screen and (max-width: 670px){
    .consulting{
        float: none;
        width: 100%;	  }
}
span#hide_less1150{
    background: none;
    padding-left: 0;
}

@media screen and (max-width: 1150px) {
    span#hide_less1150{
        display: none;
    }
}

/* =========================================================
 JCI概要コンテンツ
========================================================= */

@media screen and (max-width: 670px){
    #container #information_content .mB90{
        margin-bottom: 35px;
        margin-bottom: 3.5rem;
    }
}

/* =========================================================
 通信教育コンテンツ
========================================================= */
.course_search{
    display: table;
    width: 100%;
    margin-top: 8px;
    margin-top: 0.8rem;
}
.course_search_text{
    display: table-cell;
}
.course_search_submit{
    display: table-cell;
    vertical-align: top;
    width: 68px;
    width: 6.8rem;
}
.course_search input[type=text],
.course_search input.text,
.course_search input[type=search]{
    width: 76%;
    height: 34px;
    height: 3.4rem;
    padding-left: 35px;
    padding-left: 3.5rem;
    border: 1px solid rgba(88,88,88,0.22);
    box-shadow: 2px 2px 2px rgba(0,0,0,0.55) inset;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
    color: #555555;	  background-repeat: no-repeat;
    background-position: 7px -225px;
    background-position: 0.7rem -22.5rem;
}
.svg .course_search input[type=text],
.svg .course_search input.text,
.svg .course_search input[type=search]{
    background-position: 10px -225px;
    background-position: 1rem -22.5rem;
}
.course_search input[type=text]::-webkit-input-placeholder,
.course_search input[type=search]::-webkit-input-placeholder{
    color: #555555;
    position: relative;
    top: -1px;
    top: -0.1rem;
    left: -9px;
    left: -0.9rem;
}
.course_searchinput[type=text]:-moz-placeholder,
.course_searchinput[type=search]:-moz-placeholder{
    color: #555555;
}
.course_search input.submit,
.course_search input[type=submit]{
    margin: 0 0 0 10px;
    margin: 0 0 0 1rem;
    padding: 12px 19px 12px;
    padding: 1.2rem 1.9rem 1.2rem;
    background: #4779c3;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
    color: #ffffff;
}
@media screen and (max-width: 860px) {
    .course_search{
        width: 100%;
        margin-top: 18px;
        margin-top: 1.8rem;
    }
    .course_search input[type=text],
    .course_search input[type=search]{
        width: 91%;
    }
}
@media screen and (max-width: 670px) {
    .course_search input[type=text],
    .course_search input[type=search]{
        width: 86%;
    }
}
@media screen and (max-width: 470px) {
    .course_search input[type=text],
    .course_search input[type=search]{
        width: 80%;
    }
}
.catchphrase{
    margin-bottom: 7px;
    margin-bottom: 0.7rem;
    padding-top: 2px;
    padding-top: 0.2rem;
}
.p_catchphrase{
    display: inline-block;
    padding-bottom: 2px;
    padding-bottom: 0.2rem;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    font-weight: bold;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
}
@media screen and (max-width: 670px) {
    #education_content .p_catchphrase{
        font-size: 14px;
        font-size: 1.4rem;
    }
}

/* =========================================================
 サイトマップコンテンツ
========================================================= */
#site_map_content h1{
    margin-bottom: -13px;
    margin-bottom: -1.3rem;
}


/************************************************    レイアウト    ***************************************************/

.clear{
    clear: both;
    float: none;
}

/* =========================================================
 画像
 img.align*****
========================================================= */
.aligncenter,
.alignleft,
.alignright,
.alignnone{
    max-width: 100%;
    height: auto;
}
.alignleft{
    float: left;
    margin: 0 15px 15px 0;
    margin: 0 1.5rem 1.5rem 0;
}
.alignright{
    float: right;
    margin: 0 0 15px 15px;
    margin: 0 0 1.5rem 1.5rem ;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 470px){
    img.alignleft,
    img.alignright{
        width: 100%;
    }
    #information_content img.alignleft{
        width: auto;
    }
}
/* =========================================================
 ２カラムボックス     「学習内容」＆「内容詳細」タイプ
 div.box1_L,R
========================================================= */
.box1_L{
    width: 47.4%;
    float: left;
}
.box1_R{
    width: 47.4%;
    float: right;
}
/*
.box1_L,
.box1_R{
    margin-bottom: 33px;
    margin-bottom: 3.3rem;
}*/
@media screen and (max-width: 670px){
    #site_map_content .box1_L,
    #site_map_content .box1_R{
        width: 100%;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 470px){
    .box1_L{
        width: 100%;
    }
    .box1_R{
        width: 100%;
    }
    #education_content .box1_L{
        margin-bottom: 0;
    }

}



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



/* =========================================================
 見出し①(hl = headline)　標準タイプ
 div.hl1 > h2
========================================================= */
.hl1{
    width: 100%;
    overflow: hidden;
    margin-top: 40px;
    margin-top: 4rem;
    margin-bottom: 10px;
    margin-bottom: 1rem;
}
.hl1 h2{
    margin: 11px 0 9px 12px;
    margin: 1.1rem 0 0.9rem 1.2rem;
    padding-left: 16px;
    padding-left: 1.6rem;
}
/* =========================================================
 見出し②   トップページ　下部セクションタイプ
 h2,h3 .hl2_color
========================================================= */
.hl2_blue,
.hl2_yellow,
.hl2_red{
    overflow: hidden;
    margin-top: 30px;
    margin-top: 3rem;
    margin-bottom: 14px;
    margin-bottom: 1.4rem;
    padding: 9px 0 7px 15px;
    padding: 0.9rem 0 0.7rem 1.5rem;
    font-weight: normal;
}
/* =========================================================
 見出し③　グレー／青／黄／赤　　トップページ　「最近の更新」タイプ
 h3,h4 .hl3_color
========================================================= */
.hl3_gray,
.hl3_blue,
.hl3_yellow,
.hl3_red{
    padding-left: 7px;
    padding-left: 0.7rem;
    margin: 27px 0 12px 6px;
    margin: 2.7rem 0 1.2rem 0.6rem;
    font-weight: normal;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    line-height: 2.7rem;
}

h4.hl3_gray,
h4.hl3_blue,
h4.hl3_yellow,
h4.hl3_red{
    padding-top: 2px;
    padding-top: 0.2rem;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 21px;
    line-height: 2.1rem;
}
/* =========================================================
 見出し③＋ボーダー　グレー／青／黄／赤　トップページ　「注目の〜」タイプ
 div.hl3_color_border > h3
========================================================= */
.hl3_gray_border,
.hl3_blue_border,
.hl3_yellow_border,
.hl3_red_border{
    padding-bottom: 7px;
    padding-bottom: 0.7rem;
    margin-top: 27px;
    margin-top: 2.7rem;
    margin-bottom: 12px;
    margin-bottom: 1.2rem;
}
.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{
    margin-left: 6px;
    margin-left: 0.6rem;
    padding-left: 7px;
    padding-left: 0.7rem;
    font-weight: normal;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    line-height: 2.7rem;
}
/* =========================================================
 見出し④　大　トップページ上部セクションタイプ
 div.hl4 > h2
========================================================= */
.hl4{
    width: 100%;
    overflow: hidden;
    margin-bottom: 16px;
    margin-bottom: 1.6rem;
}
.hl4 h2,
.hl4 h3{
    margin: 12px 0 8px 16px;
    margin: 1.2rem 0 0.8rem 1.6rem;
    padding-left: 14px;
    padding-left: 1.4rem;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 36px;
    line-height: 3.6rem;
    font-weight: normal;
    letter-spacing: 0;
}
/* =========================================================
  見出し⑤　マーク付き　新着リンクタイプ
  div.hl5 > span + { ( h4 > a ) or h4
========================================================= */
.hl5{
    margin-bottom: 12px;
}
.hl5 span{
    display: block;
    float: left;
    padding: 8px 5px 6px;
    padding: 0.8rem 0.5rem 0.6rem;
    background: #3289b2;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
    color: #ffffff;
}
.hl5 h3,
.hl5 h4{
    margin-left: 52px;
    margin-left: 5.2rem;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    line-height: 2.7rem;
    color: #282828;
}
.hl5 h3 a,
.hl5 h4 a{
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    line-height: 2.7rem;
    font-weight: bold;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
    color: #282828;
    border-bottom: 1px solid #282828;
}

/* =========================================================
  見出し⑥　講座カリキュラム内タイプ
  div.hl6 > span + h3
========================================================= *
.hl6{
    margin-top: 30px;
    margin-top: 3rem;
    margin-bottom: 5px;
    margin-bottom: 0.5rem;
}
.hl6 span{
    display: block;
    float: left;
    margin-top: 7px;
    margin-top: 0.7rem;
    padding: 5px 3px 2px 4px;
    padding: 0.5rem 0.3rem 0.2rem 0.4rem;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
}
.hl6 h3,
.hl6 h4{
    margin: 0 0 5px 30px;
    margin: 0 0 0.5rem 3rem;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: normal;
    line-height: 34px;
    line-height: 3.4rem;
}

/* =========================================================
  見出し⑥　講座カリキュラム内タイプ
  div.hl6 >  h3 > span + span
========================================================= */
.hl6{
    margin-top: 30px;
    margin-top: 3rem;
    margin-bottom: 5px;
    margin-bottom: 0.5rem;
}
.hl6 span.main{
    display: block;
    margin: 0 0 5px 30px;
    margin: 0 0 0.5rem 3rem;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: normal;
    line-height: 34px;
    line-height: 3.4rem;	  color: #4d4d4d;
}
.hl6 span.order{
    float: left;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: normal;
    line-height: 34px;
    line-height: 3.4rem;	  color: #4d4d4d;
/*
    margin-top: 4px;
    margin-top: 0.4rem;
    padding: 5px 3px 2px 4px;
    padding: 0.5rem 0.3rem 0.2rem 0.4rem;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
    line-height: 1;	  color: #ffffff;
    background: #99b2c5;
*/
}
.hl6 h3,
.hl6 h4{
    margin-bottom: 5px;
    margin-bottom: 0.5rem;
}

/* =========================================================
  見出し⑦　カリキュラム内　「学習内容」タイプ
  h5,h6 .hl7
========================================================= */
.hl7{
    width: 100%;
    margin-bottom: 8px;
    margin-bottom: 0.8rem;
    padding: 4px 0 2px;
    padding: 0.4rem 0 0.2rem;
    text-align: center;
    font-weight: bold;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
}

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


/* =========================================================
  ボタン①　アイコン付き　「一覧へ」ボタン
  a.btn1_color > span
========================================================= */
.btn1_green,
.btn1_blue,
.btn1_yellow,
.btn1_red{
    display: block;
    width: 100%;
    margin-top: 8px;
    margin-top: 0.8rem;
    margin-bottom: 27px;
    margin-bottom: 2.7rem;
    padding: 6px 0 4px;
    padding: 0.6rem 0 0.4rem;
    text-align: center;
    line-height: 1;
}
.btn1_green span,
.btn1_blue span,
.btn1_yellow span,
.btn1_red span{
    padding: 6px 0 4px 27px;
    padding: 0.6rem 0 0.4rem 2.7rem;
    font-size: 12.6px;
    font-size: 1.26rem;
    line-height: 18.6px;
    line-height: 1.86rem;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;	  background-repeat: no-repeat;
    background-position: -3px -66px;
    background-position: -0.3rem -6.6rem;
}
.svg .btn1_green span,
.svg .btn1_blue span,
.svg .btn1_yellow span,
.svg .btn1_red span{
    background-position: left -66px;
    background-position: left -6.6rem;
}

/* =========================================================
  ボタン②　シンプルボタン
========================================================= */
.btn2_blue,
.btn2_yellow,
.btn2_red,
.btn2_gray{
    display: block;
    width: 100%;
    margin-top: 8px;
    margin-top: 0.8rem;
    margin-bottom: 27px;
    margin-bottom: 2.7rem;
    padding: 6px 0 4px;
    padding: 0.6rem 0 0.4rem;
    text-align: center;
    line-height: 1;
}


/* =========================================================
  ダウンロードボタン　アイコン付き　
  a.btn_download > span
========================================================= */
.btn_download{
    display: block;
    width: 100%;
    margin-top: 8px;
    margin-top: 0.8rem;
    margin-bottom: 27px;
    margin-bottom: 2.7rem;
    padding: 6px 0 4px;
    padding: 0.6rem 0 0.4rem;
    text-align: center;
    line-height: 1;
}
.btn_download span{
    padding: 6px 0 4px 27px;
    padding: 0.6rem 0 0.4rem 2.7rem;
    font-size: 12.6px;
    font-size: 1.26rem;
    line-height: 18.6px;
    line-height: 1.86rem;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;	  background-repeat: no-repeat;
    background-position: -2px -131px;
    background-position: -0.2rem -13.1rem;
}
.svg .btn_download span{
    background-position: left -131px;
    background-position: left -13.1rem;
}
/* =========================================================
 PDFボタン アイコン付き　 通信教育モデル体系図PDF
 a.btn_pdf > span
========================================================= */
.btn_pdf{
    display: block;
    margin-top: 8px;
    margin-top: 0.8rem;
    margin-bottom: 27px;
    margin-bottom: 2.7rem;
    padding: 7px 0 5px;
    padding: 0.7rem 0 0.5rem;
    line-height: 1;
    text-align: center;
}
.btn_pdf span{
    padding: 7px 0 5px 28px;
    padding: 0.7rem 0 0.5rem 2.8rem;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 17px;
    line-height: 1.7rem;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;	  background-repeat: no-repeat;
    background-position: -3px -163px;
    background-position: -0.3rem -16.3rem;
}
.svg .btn_pdf span{
    background-position: left -163px;
    background-position: left -16.3rem;
}

@media screen and (max-width: 860px) {
    #education_content .btn_pdf{
        width: 190px;
        font-weight: bold;
        text-align: right;
        margin-left: auto;
        margin-top: 18px;
        margin-top: 1.8rem;
    }
}

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



/* =========================================================
  リスト①　チェックアイコン　＋　境界
========================================================= */
.ul1{
    margin-top: 17px;
    margin-top: 1.7rem;
    margin-bottom: 17px;
    margin-bottom: 1.7rem;
}
.ul1 li{
    padding: 24px 0;
    padding: 2.4rem 0;
}
.ul1 li.first{
    border: none;
}
.ul1 li span{
    display: block;
    overflow: hidden;
    text-indent: -100px;
    float: left;
    width: 25px;
    width: 2.5rem;
    height: 25px;
    height: 2.5rem;	  background-repeat: no-repeat;
    background-position: -3px -297px;
    background-position: -0.3rem -29.7rem;
}
.svg .ul1 li span{
    background-position: left -297px;
    background-position: left -29.7rem;
}
.ul1 li p{
    margin-left: 32px;
    margin-left: 3.2rem;
}
/* =========================================================
  リスト②　年表タイプ
  ul.ul2 > li > span + p
  ※ span内は回折しない
========================================================= */
.ul2{
    display: table;
    width: 100%;
    border-collapse: collapse;
    margin-top: 25px;
    margin-top: 2.5rem;
    margin-bottom: 25px;
    margin-bottom: 2.5rem;
}
.ul2 > li{
    display: table-row;
}
.ul2 > li > span{
    display: table-cell;
    width: 15%;
    white-space: nowrap;
    padding: 4px 30px 3px;
    padding: 0.4rem 30px 0.3rem;
    text-align: center;
    font-weight: bold;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
}
.ul2 > li > p,
.ul2 > li > dl{
    display: table-cell;
    padding: 4px 0 3px 32px;
    padding: 0.4rem 0 0.3rem 3.2rem;
}

@media screen and (max-width: 500px){
    .ul2{
        display: block;
    }
    .ul2 > li{
        display: block;
    }
    .ul2 > li span{
        width: 100%;
        display: block;
        padding: 2px 10px 0 10px;
        text-align: left;
    }
    .ul2 > li > p,
    .ul2 > li > dl{
        width: 90%;
        display: block;
        padding: 2px 3% 15px 7%;
    }
}
/* =========================================================
  リスト③　講座価格タイプ ②の色違い
  ul.ul2 > li > span + p
  ※ span内は改行しない
========================================================= */
.ul3{
    display: table;
    width: 100%;
    border-collapse: collapse;
    margin-top: 25px;
    margin-top: 2.5rem;
    margin-bottom: 25px;
    margin-bottom: 2.5rem;
}
.ul3 > li{
    display: table-row;
}
.ul3 li span{
    display: table-cell;
    width: 28%;
    white-space: nowrap;
    padding: 4px 30px 3px;
    padding: 0.4rem 30px 0.3rem;
    text-align: center;
    font-weight: bold;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
}
.ul3 li p{
    display: table-cell;
    padding: 4px 0 3px 32px;
    padding: 0.4rem 0 0.3rem 3.2rem;
}
@media screen and (max-width: 470px){
    .ul3{
        display: block;
    }
    .ul3 > li{
        display: block;
    }
    .ul3 > li > span{
        width: 100%;
        display: block;
        padding: 2px 0 0 0;
        text-align: center;
    }
    .ul3 > li > p{
        width: 100%;
        display: block;
        padding: 2px 0 15px 0;
        text-align: center;
    }
}
/* =========================================================
  リスト④,⑤　  「・」付きリスト
  ul.ul4 > li > span + p
  ul.ul5 > li > span + p
========================================================= */
.ul4,
.ul5{
    width: 100%;
    margin-top: 8px;
    margin-top: 0.8rem;
    margin-bottom: 8px;
    margin-bottom: 0.8rem;
}
.ul4  li,
.ul5  li{
    margin-left: 14px;
    margin-left: 1.4rem;
}
.ul4 li span,
.ul5 li span{
    display: block;
    float: left;
}
.ul4 li p,
.ul4 li dl,
.ul5 li p,
.ul5 li dl{
    margin-left: 20px;
    margin-left: 2rem;
}

/* =========================================================
  順序リスト　  「・」付きリスト
  ol.ol4 > li > span + p
========================================================= */

.ol1{
    width: 100%;
    margin-top: 8px;
    margin-top: 0.8rem;
    margin-bottom: 8px;
    margin-bottom: 0.8rem;
}
.ol1  li{
    margin-left: 14px;
    margin-left: 1.4rem;
}

.ol1 li span{
    display: block;
    float: left;
}

.ol1 li p{
    margin-left: 20px;
    margin-left: 2rem;
}


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


/* =========================================================
  リンクリスト① アイコン付きリンクリスト
  ul.ulA1 > li > a
========================================================= *
.ulA1{
    margin-top: 12px;
    margin-top: 1.2rem;
    margin-bottom: 12px;
    margin-bottom: 1.2rem;
}
.ulA1 li{
    margin-bottom: 3px;
    margin-bottom: 0.3rem;
}
.ulA1 li a span{
    display: block;
    float: left;
    width: 21px;
    height: 25px;
    overflow: hidden;
    text-indent: -100px;	  background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
    background-position: -2px -199px;
    background-position: -0.2rem -19.9rem;
}
.svg .ulA1 li a span{
    background-image: url(../img/sprite.svg);
    background-position: left -199px;
    background-position: left -19.9rem;
}
.ulA1 li a p{
    display: block;
    margin-left: 21px;
    margin-left: 2.1rem;
    font-weight: bold;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
}

/* =========================================================
  リンクリスト① アイコン付きリンクリスト
  ul.ulA1 > li > a
========================================================= */
.ulA1{
    margin-top: 12px;
    margin-top: 1.2rem;
    margin-bottom: 12px;
    margin-bottom: 1.2rem;
}
.ulA1 li{
    margin-bottom: 3px;
    margin-bottom: 0.3rem;
}
.ulA1 li span{
    display: block;
    float: left;
    width: 21px;
    height: 25px;
    overflow: hidden;
    text-indent: -100px;
    cursor: pointer;	  background-repeat: no-repeat;
    background-position: -2px -199px;
    background-position: -0.2rem -19.9rem;
}
.svg .ulA1 li span{
    background-position: left -199px;
    background-position: left -19.9rem;
}
.ulA1 li div{
    margin-left: 21px;
    margin-left: 2.1rem;
}
.ulA1 li a{	  font-weight: bold;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
}

/* =========================================================
  リンクリスト　更新リスト
  ul.ulA_update > li > span + a
========================================================= */
.ulA_update{
    width: 100%;
    margin-top: 12px;
    margin-top: 1.2rem;
    margin-bottom: 12px;
    margin-bottom: 1.2rem;
}
.ulA_update li{
    width: 100%;
    overflow: hidden;
    margin-bottom: 8px;
    margin-bottom: 0.8rem;
    line-height: 2.2rem;
}
.ulA_update span{
    float: left;

}
.ulA_update a{
    display: block;
    margin: 0 10px 0 122px ;
    margin: 0 1rem 0 12.2rem ;
    font-weight: bold;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
}

/* =========================================================
  pdfリスト
  ul.ulA_pdf > li > span + div > a
========================================================= */
.ulA_pdf{
    width: 100%;
    margin-top: 12px;
    margin-top: 1.2rem;
    margin-bottom: 12px;
    margin-bottom: 1.2rem;
}
.ulA_pdf li{
    width: 100%;
    overflow: hidden;
    margin-bottom: 8px;
    margin-bottom: 0.8rem;
}
.ulA_pdf li span{
    display: block;
    overflow: hidden;
    text-indent: -100px;
    text-indent: -10rem;
    float: left;
    width: 25px;
    width: 2.5rem;
    height: 25px;
    height: 2.5rem;
    cursor: pointer;	  background-repeat: no-repeat;
    background-position: -3px -167px;
    background-position: -0.3rem -16.7rem;
}
.svg .ulA_pdf li span{
    background-position: left -167px;
    background-position: left -16.7rem;
}
.ulA_pdf div{
    margin-left: 28px;
    margin-left: 2.8rem;
    width: auto;
}
.ulA_pdf a{
    font-weight: bold;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
}

/************************************************   　 その他　    *************************************************/

/* =========================================================
　文章内リンク
========================================================= */
a.a_solo{
    font-weight: bold;
    letter-spacing: 1px;
    text-decoration: underline;
}
/* =========================================================
　PDFリンク
========================================================= */
div.link_pdf{
    margin: 7px 0 5px 0;
    margin: 0.7rem 0 0.5rem 0;
}
.link_pdf span{
    display: block;
    overflow: hidden;
    text-indent: -100px;
    text-indent: -10rem;
    float: left;
    width: 25px;
    width: 2.5rem;
    height: 25px;
    height: 2.5rem;
    cursor: pointer;	  background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
    background-position: -3px -167px;
    background-position: -0.3rem -16.7rem;
}
.svg .link_pdf  span{
    background-image: url(../img/sprite.svg);
    background-position: left -167px;
    background-position: left -16.7rem;
}
.link_pdf div{
    margin-left: 28px;
    margin-left: 2.8rem;
}
.link_pdf div a{
    font-weight: bold;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
    color: #4f7b9c;
}

.link_pdf div a:hover{
    color: #7ba0bc;
}


/* =========================================================
　単独リンク
========================================================= */
div.link1{
    margin: 7px 0 5px 0;
    margin: 0.7rem 0 0.5rem 0;
}
.link1 span{
    display: block;
    overflow: hidden;
    text-indent: -100px;
    text-indent: -10rem;
    float: left;
    width: 25px;
    width: 2.5rem;
    height: 25px;
    height: 2.5rem;
    cursor: pointer;	  background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
    background-position: -2px -199px;
    background-position: -0.2rem -19.9rem;
}
.svg .link1  span{
    background-image: url(../img/sprite.svg);
    background-position: left -199px;
    background-position: left -19.9rem;
}
.link1 div{
    margin-left: 21px;
    margin-left: 2.1rem;
}
.link1 div a{
    font-weight: bold;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
}
.link1 a:hover{
    color: #1b1b1b;
}


/* =========================================================
　スクロール
========================================================= */

.scroll_180{
    height: 180px;
    height: 18rem;
    overflow: auto;
}

/* ----- for ie    Perfect Scroll Bar----- */
.ps-container .ps-scrollbar-y-rail {
    position: absolute; /* please don't change 'position' */
    right: 3px; /* there must be 'right' for ps-scrollbar-y-rail */
    width: 2px;
}
.ps-container .ps-scrollbar-y {
    position: absolute; /* please don't change 'position' */
    right: 0; /* there must be 'right' for ps-scrollbar-y */
    width: 2px;
}
.ps-container .ps-scrollbar-x-rail{
    display: none;
}


/* =========================================================
  テキスト
========================================================= */
/* ----- p 　濃、狭 ----- */
.p1{
    line-height: 22.5px;
    line-height: 2.25rem;
    color: #1b1b1b;
}

/* ----- 回り込みさせない ----- */
.nowrap{
    display: table-cell;
}


/* =========================================================
  margin  マージン
========================================================= */
/* ----- margin-top ----- */
#container  .mT0{
    margin-top: 0;
}
#container  .mT5{
    margin-top: 5px;
    margin-top: 0.5rem;
}
#container  .mT10{
    margin-top: 10px;
    margin-top: 1rem;
}
#container  .mT15{
    margin-top: 15px;
    margin-top: 1.5rem;
}
#container  .mT20{
    margin-top: 20px;
    margin-top: 2rem;
}
#container  .mT25{
    margin-top: 25px;
    margin-top: 2.5rem;
}
#container  .mT30{
    margin-top: 30px;
    margin-top: 3rem;
}
#container  .mT35{
    margin-top: 35px;
    margin-top: 3.5rem;
}
#container  .mT40{
    margin-top: 40px;
    margin-top: 4rem;
}
#container  .mT45{
    margin-top: 45px;
    margin-top: 4.5rem;
}
#container  .mT50{
    margin-top: 50px;
    margin-top: 5rem;
}

#container  .mT-5{
    margin-top: -5px;
    margin-top: -0.5rem;
}
#container  .mT-10{
    margin-top: -10px;
    margin-top: -1rem;
}
#container  .mT-15{
    margin-top: -15px;
    margin-top: -1.5rem;
}
#container  .mT-20{
    margin-top: -20px;
    margin-top: -2rem;
}
#container  .mT-25{
    margin-top: -25px;
    margin-top: -2.5rem;
}
#container  .mT-30{
    margin-top: -30px;
    margin-top: -3rem;
}
#container  .mT-35{
    margin-top: -35px;
    margin-top: -3.5rem;
}
#container  .mT-40{
    margin-top: -40px;
    margin-top: -4rem;
}
#container  .mT-45{
    margin-top: -45px;
    margin-top: -4.5rem;
}
#container  .mT-50{
    margin-top: -50px;
    margin-top: -5rem;
}

/* ----- margin-right ----- */
#container  .mR0{
    margin-right: 0;
}
#container  .mR5{
    margin-right: 5px;
    margin-right: 0.5rem;
}
#container  .mR10{
    margin-right: 10px;
    margin-right: 1rem;
}
#container  .mR15{
    margin-right: 15px;
    margin-right: 1.5rem;
}
#container  .mR20{
    margin-right: 20px;
    margin-right: 2rem;
}
#container  .mR25{
    margin-right: 25px;
    margin-right: 2.5rem;
}
#container  .mR30{
    margin-right: 30px;
    margin-right: 3rem;
}
#container  .mR35{
    margin-right: 35px;
    margin-right: 3.5rem;
}
#container  .mR40{
    margin-right: 40px;
    margin-right: 4rem;
}
#container  .mR45{
    margin-right: 45px;
    margin-right: 4.5rem;
}
#container  .mR50{
    margin-right: 50px;
    margin-right: 5rem;
}

/* ----- margin-bottom ----- */
#container  .mB0{
    margin-bottom: 0;
}
#container  .mB5{
    margin-bottom: 5px;
    margin-bottom: 0.5rem;
}
#container  .mB10{
    margin-bottom: 10px;
    margin-bottom: 1rem;
}
#container  .mB15{
    margin-bottom: 15px;
    margin-bottom: 1.5rem;
}
#container  .mB20{
    margin-bottom: 20px;
    margin-bottom: 2rem;
}
#container  .mB25{
    margin-bottom: 25px;
    margin-bottom: 2.5rem;
}
#container  .mB30{
    margin-bottom: 30px;
    margin-bottom: 3rem;
}
#container  .mB35{
    margin-bottom: 35px;
    margin-bottom: 3.5rem;
}
#container  .mB40{
    margin-bottom: 40px;
    margin-bottom: 4rem;
}
#container  .mB45{
    margin-bottom: 45px;
    margin-bottom: 4.5rem;
}
#container  .mB50{
    margin-bottom: 50px;
    margin-bottom: 5rem;
}
#container  .mB90{
    margin-bottom: 90px;
    margin-bottom: 9rem;
}
#container  .mB125{
    margin-bottom: 125px;
    margin-bottom: 12.5rem;
}

#container  .mB-5{
    margin-bottom: -5px;
    margin-bottom: -0.5rem;
}
#container  .mB-10{
    margin-bottom: -10px;
    margin-bottom: -1rem;
}
#container  .mB-15{
    margin-bottom: -15px;
    margin-bottom: -1.5rem;
}
#container  .mB-20{
    margin-bottom: -20px;
    margin-bottom: -2rem;
}
#container  .mB-25{
    margin-bottom: -25px;
    margin-bottom: -2.5rem;
}
#container  .mB-30{
    margin-bottom: -30px;
    margin-bottom: -3rem;
}
#container  .mB-35{
    margin-bottom: -35px;
    margin-bottom: -3.5rem;
}
#container  .mB-40{
    margin-bottom: -40px;
    margin-bottom: -4rem;
}
#container  .mB-45{
    margin-bottom: -45px;
    margin-bottom: -4.5rem;
}
#container  .mB-50{
    margin-bottom: -50px;
    margin-bottom: -5rem;
}

/* ----- margin-left ----- */
#container  .mL0{
    margin-left: 0;
}
#container  .mL5{
    margin-left: 5px;
    margin-left: 0.5rem;
}
#container  .mL10{
    margin-left: 10px;
    margin-left: 1rem;
}
#container  .mL15{
    margin-left: 15px;
    margin-left: 1.5rem;
}
#container  .mL20{
    margin-left: 20px;
    margin-left: 2rem;
}
#container  .mL25{
    margin-left: 25px;
    margin-left: 2.5rem;
}
#container  .mL30{
    margin-left: 30px;
    margin-left: 3rem;
}
#container  .mL35{
    margin-left: 35px;
    margin-left: 3.5rem;
}
#container  .mL40{
    margin-left: 40px;
    margin-left: 4rem;
}
#container  .mL45{
    margin-left: 45px;
    margin-left: 4.5rem;
}
#container  .mL50{
    margin-left: 50px;
    margin-left: 5rem;
}

/* =========================================================
  padding  パディング
========================================================= */
/* ----- padding-top ----- */

#container .pdT0{
    padding-top: 0;
}
#container .pdT1{
    padding-top: 1px;
    padding-top: 0.1rem;
}
#container .pdT2{
    padding-top: 2px;
    padding-top: 0.2rem;
}
#container .pdT3{
    padding-top: 3px;
    padding-top: 0.3rem;
}
#container .pdT4{
    padding-top: 4px;
    padding-top: 0.4rem;
}
#container .pdT5{
    padding-top: 5px;
    padding-top: 0.5rem;
}
#container .pdT6{
    padding-top: 6px;
    padding-top: 0.6rem;
}
#container .pdT7{
    padding-top: 7px;
    padding-top: 0.7rem;
}
#container .pdT8{
    padding-top: 8px;
    padding-top: 0.8rem;
}
#container .pdT9{
    padding-top: 9px;
    padding-top: 0.9rem;
}
#container .pdT10{
    padding-top: 10px;
    padding-top: 1rem;
}
#container .pdT15{
     padding-top: 15px;
     padding-top: 1.5rem;
 }
#container .pdT20{
    padding-top: 20px;
    padding-top: 2rem;
}
#container .pdT25{
    padding-top: 25px;
    padding-top: 2.5rem;
}
#container .pdT30{
    padding-top: 30px;
    padding-top: 3rem;
}
#container .pdT35{
    padding-top: 35px;
    padding-top: 3.5rem;
}
#container .pdT40{
    padding-top: 40px;
    padding-top: 4rem;
}
#container .pdT45{
    padding-top: 45px;
    padding-top: 4.5rem;
}
#container .pdT50{
    padding-top: 50px;
    padding-top: 5rem;
}

/* ----- padding-right ----- */

#container .pdR0{
    padding-right: 0;
}
#container .pdR1{
    padding-right: 1px;
    padding-right: 0.1rem;
}
#container .pdR2{
    padding-right: 2px;
    padding-right: 0.2rem;
}
#container .pdR3{
    padding-right: 3px;
    padding-right: 0.3rem;
}
#container .pdR4{
    padding-right: 4px;
    padding-right: 0.4rem;
}
#container .pdR5{
    padding-right: 5px;
    padding-right: 0.5rem;
}
#container .pdR6{
    padding-right: 6px;
    padding-right: 0.6rem;
}
#container .pdR7{
    padding-right: 7px;
    padding-right: 0.7rem;
}
#container .pdR8{
    padding-right: 8px;
    padding-right: 0.8rem;
}
#container .pdR9{
    padding-right: 9px;
    padding-right: 0.9rem;
}
#container .pdR10{
    padding-right: 10px;
    padding-right: 1rem;
}
#container .pdR15{
    padding-right: 15px;
    padding-right: 1.5rem;
}
#container .pdR20{
    padding-right: 20px;
    padding-right: 2rem;
}
#container .pdR25{
    padding-right: 25px;
    padding-right: 2.5rem;
}
#container .pdR30{
    padding-right: 30px;
    padding-right: 3rem;
}
#container .pdR35{
    padding-right: 35px;
    padding-right: 3.5rem;
}
#container .pdR40{
    padding-right: 40px;
    padding-right: 4rem;
}
#container .pdR45{
    padding-right: 45px;
    padding-right: 4.5rem;
}
#container .pdR50{
    padding-right: 50px;
    padding-right: 5rem;
}

/* ----- padding-bottom ----- */

#container .pdB0{
    padding-bottom: 0;
}
#container .pdB1{
    padding-bottom: 1px;
    padding-bottom: 0.1rem;
}
#container .pdB2{
    padding-bottom: 2px;
    padding-bottom: 0.2rem;
}
#container .pdB3{
    padding-bottom: 3px;
    padding-bottom: 0.3rem;
}
#container .pdB4{
    padding-bottom: 4px;
    padding-bottom: 0.4rem;
}
#container .pdB5{
    padding-bottom: 5px;
    padding-bottom: 0.5rem;
}
#container .pdB6{
    padding-bottom: 6px;
    padding-bottom: 0.6rem;
}
#container .pdB7{
    padding-bottom: 7px;
    padding-bottom: 0.7rem;
}
#container .pdB8{
    padding-bottom: 8px;
    padding-bottom: 0.8rem;
}
#container .pdB9{
    padding-bottom: 9px;
    padding-bottom: 0.9rem;
}
#container .pdB10{
    padding-bottom: 10px;
    padding-bottom: 1rem;
}
#container .pdB15{
    padding-bottom: 15px;
    padding-bottom: 1.5rem;
}
#container .pdB20{
    padding-bottom: 20px;
    padding-bottom: 2rem;
}
#container .pdB25{
    padding-bottom: 25px;
    padding-bottom: 2.5rem;
}
#container .pdB30{
    padding-bottom: 30px;
    padding-bottom: 3rem;
}
#container .pdB35{
    padding-bottom: 35px;
    padding-bottom: 3.5rem;
}
#container .pdB40{
    padding-bottom: 40px;
    padding-bottom: 4rem;
}
#container .pdB45{
    padding-bottom: 45px;
    padding-bottom: 4.5rem;
}
#container .pdB50{
    padding-bottom: 50px;
    padding-bottom: 5rem;
}

/* ----- padding-left ----- */

#container .pdL0{
    padding-left: 0;
}
#container .pdL1{
    padding-left: 1px;
    padding-left: 0.1rem;
}
#container .pdL2{
    padding-left: 2px;
    padding-left: 0.2rem;
}
#container .pdL3{
    padding-left: 3px;
    padding-left: 0.3rem;
}
#container .pdL4{
    padding-left: 4px;
    padding-left: 0.4rem;
}
#container .pdL5{
    padding-left: 5px;
    padding-left: 0.5rem;
}
#container .pdL6{
    padding-left: 6px;
    padding-left: 0.6rem;
}
#container .pdL7{
    padding-left: 7px;
    padding-left: 0.7rem;
}
#container .pdL8{
    padding-left: 8px;
    padding-left: 0.8rem;
}
#container .pdL9{
    padding-left: 9px;
    padding-left: 0.9rem;
}
#container .pdL10{
    padding-left: 10px;
    padding-left: 1rem;
}
#container .pdL15{
    padding-left: 15px;
    padding-left: 1.5rem;
}
#container .pdL20{
    padding-left: 20px;
    padding-left: 2rem;
}
#container .pdL25{
    padding-left: 25px;
    padding-left: 2.5rem;
}
#container .pdL30{
    padding-left: 30px;
    padding-left: 3rem;
}
#container .pdL35{
    padding-left: 35px;
    padding-left: 3.5rem;
}
#container .pdL40{
    padding-left: 40px;
    padding-left: 4rem;
}
#container .pdL45{
    padding-left: 45px;
    padding-left: 4.5rem;
}
#container .pdL50{
    padding-left: 50px;
    padding-left: 5rem;
}



/* =========================================================
  ダウンロード画面
========================================================= */
p.common_desc{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #736f6f;
}
.download_files{
    display: table;
    width: 99%;
    margin-top: 10px;
    border-collapse: collapse;
}
.download_files .row{
    display: table-row;
    width: 100%;
    overflow: hidden;
}
.download_files .head{
    display: table-cell;
    padding: 0 10px;
    font-size: 14px;
    line-height: 25px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    border: 1px solid gray;
    background: url(../img/bg_title.png);
}
.download_files .body{
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
    font-size: 14px;
    line-height: 25px;
    border: 1px solid gray;
}
.download_files .body.file_name{
    width: 25%;
}

.download_files .body.count{
    text-align: center;
    width: 20%;
}
.download_files .body.action{
    text-align: center;
    white-space: nowrap;
    width: 15%;
}
.download_files .body span{
    display: none;
}
.download_files .body input[type=radio]{
    display: none;
}
.download_files .body label{
    cursor: pointer;
    color: #696969;
    font-weight: bold;
    letter-spacing: 1px;
}
.download_files .body label:hover{
    color: #000;
}
label.btn_download{
    margin-top: 25px;
    margin-bottom: 50px;
}
label.btn_download input[type=radio]{
    display: none;
}

@media screen and (max-width: 860px){
    #download_content .article,
    #login_content .article{
        margin-top: 0;
    }
    .download_files{
        display: block;
    }
    .download_files .row:not(.head_row){
        display: block;
        margin-bottom: 14px;
        border: 1px solid gray;	  }
    .download_files .head{
        display: none;
    }
    .download_files .body{
        display: block;
        border: none;
    }
    .download_files .body.file_name{
        font-weight: bold;
        background: url(../img/bg_title.png);
        width: auto;
    }
    .download_files .body.desc{
        margin-bottom: 7px;
    }
    .download_files .body.count{
        width: auto;
        text-align: left;
        float: left;
        margin-right: 10px;
    }
    .download_files .body span{
        display: inline;
    }
    .download_files .body.action{
        display: block;
        width: auto;
        float: left;
        text-align: left;
    }
    .download_files .body label{	  }
    .download_files .body span.icon{
        display: block;
        float: left;
        width: 16px;
        height: 25px;
        background-image: url(../img/sprite.svg);
        background-position: left -199px;
    }
}

#login_content .ul2 li p{
    padding-top: 10px;
    padding-top: 1rem;
    padding-bottom: 10px;
    padding-bottom: 1rem;
}
#login_content .ul2 li p span{
    background: none;
    padding-left: 10px;
    padding-left: 1rem;
    white-space: nowrap;
}
#login_content input[type=text],
#login_content input[type=password]{
    font-size: 14px;
    font-size: 1.4rem;
    height: 24px;
    height: 2.4rem;
    padding-left: 7px;
    padding-left: 0.7rem;
	  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;

}
#login_content input[type=submit]{
    display: block;
    width: 100%;
    margin-top: 8px;
    margin-top: 0.8rem;
    margin-bottom: 27px;
    margin-bottom: 2.7rem;
    padding: 5px 0 4px;
    padding: 0.5rem 0 0.4rem;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18.6px;
    line-height: 1.86rem;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
    color: #ffffff;	  background: #3289b2;
}
#login_content input[type=submit]:hover{
    background: #3898c6;
}
#login_content p.error{
    color: red;
}
@media screen and (max-width: 500px){
    #login_content input[type=text],
    #login_content input[type=password]{
        width: 90%;
    }
}
input[type=password]{
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

/* =========================================================
  講座テキスト　リスト７
========================================================= */
.ul7 {
    display: table;
    width: auto;
    border-collapse: collapse;
    margin-bottom: 25px;
    margin-bottom: 2.5rem;
}
.ul7b {
    display: table;
    width: auto;
    border-collapse: collapse;
    margin-bottom: 25px;
    margin-bottom: 5px;
}
.kadai_attendance {
	font-size: 14px;
	line-height: 20px;
}
.ul7 > li,
.ul7b > li {
    display: table-row;
}
.ul7 > li > span,
.ul7b > li > span {
    display: table-cell;
    width: 15%;
    white-space: nowrap;
    padding: 4px 30px 3px 10px;
    padding: 0.4rem 30px 0.3rem 1rem;
    text-align: left;
    font-weight: bold;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
}
.ul7 > li > p,
.ul7 > li > dl,
.ul7b > li > p,
.ul7b > li > dl {
    display: table-cell;
    padding: 4px 0 3px 32px;
    padding: 0.4rem 0 0.3rem 3.2rem;
}

.ul7 > li,
.ul7b > li {
    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);
}

.ul7 > li.first,
.ul7b > li.first {
    border-top: none;
}

@media screen and (max-width: 600px){
    .ul7 > li > span,
    .ul7b > li > span {
        padding-right: 0;
    }
    .ul7 > li > p,
    .ul7b> li > p {
        padding-left: 0;
        text-align: right;
    }
}
@media screen and (max-width: 470px){

}


/* =========================================================
  講座テキストが像
========================================================= */
img.course_text{
    width: 200px;
    float: left;
    margin: 8px 15px 15px 0;
    margin: 0.8rem 1.5rem 1.5rem 0;
}
@media screen and (max-width: 470px){
    img.course_text{
        width: 100%;
    }
}