@charset "UTF-8";

/* ½Ì†T½B½é
-----------------------------------------*/
#bodyDivision div.leadArea p {
    margin-bottom: 0;
}

#bodyDivision .teacherGroup > div.topDotlineBox {
    padding-top: 0;
}

#bodyDivision .teacherGroup > div.topDotlineBox:nth-of-type(1) {
    background: none;
}

#bodyDivision .column3 .box,#bodyDivision .column3 .topDotlineBox {
    float: left;
    width: 33.33%;
    background: none;
    box-sizing: border-box;
    padding-left: 19px;
}

#bodyDivision .teacherGroup > div.topDotlineBox:nth-of-type(1) .column3 .topDotlineBox {
    padding-top: 0;
}

#bodyDivision div.image100 p.image {
    float: none;
}

#bodyDivision div.image100 p.image a {
    text-align: center;
}

#bodyDivision div.image100 div.detail {
    float: none;
    width: auto;
    margin-top: 10px;
}

#bodyDivision .image100 .detail dl.plainDef dd ul.plainList li {
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .responsive #bodyDivision .teacherGroup > div.topDotlineBox {
        border-top: none;
        padding-bottom: 0;
        padding-top: 0;
    }
    .responsive #bodyDivision div.image100 p.image {
        float: left;
    }
    .responsive #bodyDivision .column3 {
        margin-left: 0;
    }
    .responsive #bodyDivision .column3 .box,#bodyDivision .column3 .topDotlineBox {
        width: auto;
        padding-left: 0;
        float: none;
        box-sizing: content-box;
    }
    .responsive #bodyDivision .teacherGroup > div.topDotlineBox:nth-of-type(1) .column3 .topDotlineBox {
        padding-top: 10px;
    }
    
    .responsive #bodyDivision div.box {
        padding-top: 15px;
    }
    
    .responsive .teacherGroupTab {
        margin-top: 17px;
        border-bottom: 1px solid #dddddd;
        position: relative;
        height: 49px;
    }
    .responsive .teacherGroupTab ul {
        overflow: hidden;
        position: absolute;
        height: 50px;
        width: 100%;
        z-index: 1;
    }
    .responsive .teacherGroupTab ul li {
        position: relative;
        float: left;
        border: 1px solid #dddddd;
        border-top: 3px solid #ffde00;
        font-size: 16px;
        font-weight: bold;
        color: #005ea1;
        line-height: 46px;
        text-align: center;
        margin-right: 5px;
        cursor: pointer;
        padding: 0 32px;
        -moz-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
        -o-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
        -ms-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
        border-radius: 5px 5px 0 0 / 5px 5px 0 0;
    }
    .responsive .teacherGroupTab ul li.select {
        color: #222222;
        cursor: auto;
        border-bottom: 1px solid #fff;
        background-image:    -moz-linear-gradient( -90deg, #f5f2ea 0%, #fff 100%);
        background-image: -webkit-linear-gradient( -90deg, #f5f2ea 0%, #fff 100%);
        background-image:     -ms-linear-gradient( -90deg, #f5f2ea 0%, #fff 100%);

    }
    .responsive #bodyDivision .image100 .detail {
        font-size: 12px;
        line-height: 1.25;
        margin-top: 0;
    }
    .responsive #bodyDivision .image100 .detail dl.normalNarrowDef dt {
        margin: 0;
        line-height: 1.25;
    }
    .responsive #bodyDivision .image100 .detail dl.normalNarrowDef dt a {
        font-size: 14px;
        font-weight: bold;
        color: #005ea1;
        line-height: 1.25;
    }
    .responsive #bodyDivision .image100 .detail dl.normalNarrowDef dd {
        margin: 1px 0 10px 0;
        line-height: 1.25;
    }
    .responsive #bodyDivision .image100 .detail dl.plainDef dt {
        font-size: 11px;
        color: #7f7f7f;
        margin: 6px 0 0 0;
        line-height: 1.25;
    }
    .responsive #bodyDivision .image100 .detail dl.plainDef dd,
    .responsive #bodyDivision .image100 .detail dl.plainDef dd ul.plainList li {
        line-height: 1.25;
    }

    .responsive #bodyDivision .teacherGroup {
        display: none;
    }
    .responsive #bodyDivision .teacherGroup.select {
        display: block;
        border-bottom: 1px dotted #e3e3e3;
    }
}