/* pager */
ul#jquery-tab-pager-navi li {
    float: left !important;
    list-style: none !important;
    margin: 30px !important;
    text-align: center !important;
}

ul#jquery-tab-pager-navi {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}

#counselor-list .category-selector {
    display: flex;
    justify-content: center;
}
@media (min-width: 768px) {
    #counselor-list .category-selector {
        width: 25em;
    }
}
#counselor-list .nice-select {
    border-radius: 0;
}
#counselor-list .nice-select * {
    color: #999;
}
#counselor-list .nice-select .selected {
    color: #3e3e3e!important;
    font-weight: normal;
}
#counselor-list .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1) translateY(0);
    width: 100%;
    min-height: 50px;
    max-height: 200px;
    overflow-y: scroll;
}
#counselor-list .nice-select .list {
    background-color: #fff;
    box-shadow: 0 0 0 1px rgba(68,68,68,.11);
    box-sizing: border-box;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    transform-origin: 50% 0;
    transform: scale(.75) translateY(-21px);
    transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
    z-index: 9;
    min-height: 50px;
    max-height: 150px;
    border-radius: 0;
}
#counselor-list .post-content {
    margin-top: 15px!important;
    padding-top: 0!important;
}
#counselor-list .post-content .post-tags {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px!important;
}
#counselor-list .post-tags li {
    border: 1px solid #239CD9;
    margin: 0 0.25em 0.25em 0;
    list-style: none;
}
#counselor-list .post-tags li a {
    color: #239CD9;
    width: 100%;
    height: 100%;
    display: block;
    padding: 0.1em 0.5em;
    transition: all 0.4s ease-in-out;
}
#counselor-list .post-tags li a:hover {
    border: none;
    color: #ececec !important;
    background-color: #239CD9;
}

.list-style-inside li{
    list-style-position:inside;
}


@media screen and (min-width: 767px){
    .text-align-right{
        text-align: right;
    }
    }


/* tab-border関連 */
@media screen and (max-width: 767px){
    .custom-tabs.tab-style-4{
        border-bottom: none !important; /*全てのborder-bottomを消す*/
    }
    .tab-list-white li.active.tab-item a,.custom-tabs.tab-style-4 li.active a,.tab-list-white li.active,.custom-tabs.tab-style-4 li a:hover {
        border: none !important; /*aタグでborderを表示させない*/
    }

    .tab-style-4.tab-list .tab-item{
        border-bottom:  1px solid #f08418 !important; /*liタグ個々でborder-bottomを表示*/
    }

    .custom-tabs.tab-style-4 li.active{
        border: 1px solid #f08418 !important;
        border-bottom: none !important;

    }
    .custom-tabs.tab-style-4 li:hover{
        border: 1px solid #f08418;
        border-bottom: none;
    
    }
    }


/* 表(全て） */

.table>thead>tr>th{
    border-bottom: none !important;
}

@media screen and (max-width: 767px){
    table{
        table-layout: fixed;
    }
    .table>tbody>tr>td{
        width: 17% !important;
        padding: 8px 8px !important;
    }
    .table>tbody>tr>th{
        padding: 10px 5px !important;
    }
    .mrg-top-30-5{
        margin-top: 5px !important;
    }
    }

/* カリキュラム ルートBの時間割例 表 */
@media screen and (max-width: 767px){
    .routeB-table{
        table-layout: fixed;
    }
    .routeB-table.table>tbody>tr>th {
        font-size: 10px;
    }
    .routeB-table.table>tbody>tr>td {
        padding: 8px 5px !important;
        font-size: 10px;
    }
    }

/* table th width 10% */
@media screen and (max-width: 767px){
    .table-w-10{
        width: 10% !important;
    }
    }


/* 改行（SPのみ） */
@media screen and (min-width: 767px){
    .sp_only{
        display: none;
    }
}

/* 海外費用 表 */

@media screen and (max-width: 767px){
    .abroad-money-table{
        table-layout: fixed;
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
    .abroad-money-table td{
        padding :8px 10px !important;
    }
    .abroad-money-table::-webkit-scrollbar {
        height: 10px;
        background:#ccc;
        width:10px;
      }
      .abroad-money-table::-webkit-scrollbar-track {
        margin: 0 2px;
        background: #ccc;
        border-radius: 5px;
      }
      .abroad-money-table::-webkit-scrollbar-thumb {
        background:#aaa;
        border-radius: 50px;
        height: 50px;
      }
    .abroad-money-table.table>tbody>tr>th {
        width: 5%;
    }
    .abroad-money-table.table>tbody>tr>td {
        padding: 8px 10px !important;
    }
      .abroad-money-table::-webkit-scrollbar-track-piece {
        background: #efefef;
      }

    .money-table-arrow{
        position: absolute;
        right: 2%;
        top: 30%;
    }
}

/* 矢印*/
.accordion-white .panel-heading a{
    position: relative;
}
@media screen and (max-width: 767px){
      .accordion-white .panel-heading a {
          padding-right: 10%;
      }
      .arrow_sp{
          position: absolute !important;
          right: 1% !important;
          top: 45%;
      }
      .ielts-qanda-table-arrow{
          position: absolute;
          right: 5%;
      }
    }

/* アカデミックライティングコース  表*/
.online-academic-english-table-th{
    width: 20% !important;
}
@media screen and (max-width: 767px){
    .online-academic-english-table-th{
        width: 10% !important;
    }
}

/* 留学奨学金情報紹介 panel */
@media screen and (max-width: 767px){
    .row1-arrow_sp{
        position: absolute;
        right: 0.5%;
        margin-top: 2px;
        margin-right: 14px;
    }

    .scholarship-table{
        table-layout: fixed;
    }

    .scholarship-table.table>tbody>tr>td {
        width: 65% !important;
    }
    .scholarship-table.table>tbody>tr>td>a {
        word-break: break-all;
    }
    }

/* 会社沿革 */
@media screen and (max-width: 767px){
    .history-table tbody tr th,.history-table tbody tr td{
        padding: 15px 0 !important;
    }
    .history-table_month{
        width: 23%;
    }
}

/* コース一覧 */
.course-tag-list a:hover{
    color: #239cd9 !important;
    border-bottom: 1px solid #239CD9 !important;
}

/* 第一改装全て */

@media screen and (max-width: 767px){
    .sec-hierarchy-hd{
        padding-top: 90px !important; 
    }
    
    .header-lg, .header-md {
        padding-top: 135px !important;
    }
    
    }

/* 学校検索 */
@media screen and (max-width: 767px){
    .collegesearch-hd-sp{
        padding-top: 60px !important;
    }
    }

/* NCUK関連 */

    /* NCUK５つのメリット */
    @media screen and (max-width: 769px){
        .infography-merit{
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }
        .merit-sp-title{
            margin-bottom: 20px !important;
            height: 185px !important;
        }
        .merit-sp{
            margin-bottom: 20px !important;
        }
        }

/* 大学院留学の基礎知識 表*/
@media screen and (max-width: 767px){
    .graduate-school_table{
        table-layout: fixed;
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
    .graduate-school_table::-webkit-scrollbar {
        height: 10px;
        background:#ccc;
        width:10px;
      }
      .graduate-school_table::-webkit-scrollbar-track {
        margin: 0 2px;
        background: #ccc;
        border-radius: 5px;
      }
      .graduate-school_table::-webkit-scrollbar-thumb {
        background:#aaa;
        border-radius: 50px;
        height: 50px;
      }
    .graduate-school_table.table>tbody>tr>th {
        width: 5%;
    }
    .graduate-school_table.table>tbody>tr>td {
        padding: 8px 10px !important;
    }
      .graduate-school_table::-webkit-scrollbar-track-piece {
        background: #efefef;
      }
    }

/* 通信（Distance Learning）ベーシックサポート 表 */
@media screen and (max-width: 767px){
    .distance-learning-tr{
        width: 20%;
    }
    }

/* 英語スコア対策 */
@media screen and (max-width: 767px){
    .sp-ielts-tips{
        height: 305px !important;
    }
    .sp-ielts-tips_inner{
        height: 285px !important;
    }
    }


/* 法人の皆様へ */
@media screen and (max-width: 767px){
    .corporation-subtitle{
        font-size: 18px; 
        font-weight: bold;
    }
    .corporation-text-sp{
        width: 85%;
        margin: 0 auto;
        line-height: 30px;
        text-align: left;
    }
  }

/* ホーム イベント一覧 */

@media screen and (max-width: 767px){
    .event-home-wrap{
        position: relative;
    }
    .event-home-wrap a{
        display: block;
        width: 90%;
    }
    .event-home-wrap i{
        position: absolute;
        right: 5%;
        top: 40%;
    }
  }

    /*先生、カウンセラー一覧*/
    .sp-detail-btn {
        display: none;
        padding: 10px 13px;
        background: #30424e;
        color: #ececec;
      }
    
      .panel-heading a.collapsed i.ti-angle-down,
      .panel-heading a.collapsed i.fa-angle-down {
        position: absolute;
        top: 50%;
        right: 1%;
        transform: translate(-50%, -50%) rotate(-90deg);
        -webkit-transform: translate(-50%, -50%) rotate(-90deg);
      }