@charset "utf-8";

/*------------------------------------------------------------
------------------------------------------------------------*/
.main {
    padding: 50px 0;
    overflow: hidden;
}

.conts {
    padding-bottom: 68px;
}

.pagePath {
    margin-bottom: 100px;
}

.conts .comTitle {
    margin-bottom: 27px;
}

.conts .comTitle .sub {
    overflow: hidden;
    zoom: 1;
}

.conts .comTitle p {
    margin-right: 40px;
    float: left;
}

.conts .comTitle .comSearchBox {
    padding-top: 3px;
    width: 100%;
    max-width: 475px;
    float: right;
}

.conts .comTitle .comSearchBox input {
    display: block;
}

.conts .comTitle .comSearchBox a {
    top: 15px;
}

.conts .listUl li {
    margin-bottom: 28px;
    padding-bottom: 11px;
    border-bottom: 1px solid rgba(113, 111, 111, 0.24);
}

.conts .listUl li a {
    display: block;
    overflow: hidden;
    zoom: 1;
    font-size: 22px;
}

.conts .listUl li a:hover {
    color: #483994;
}

.conts .listUl li a .date {
    float: right;
    display: block;
}

.conts .listUl li a .ttl {
    margin-right: 130px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media all and (min-width: 1241px) and (max-width: 1750px) {}

@media all and (min-width: 768px) and (max-width: 1240px) {
    .main {
        padding: 40px 0;
    }

    .pagePath {
        margin-bottom: 40px;
    }

    .conts {
        padding-bottom: 0;
    }

    .conts .comTitle {
        margin-bottom: 20px;
    }

    .conts .comTitle .sub {
        overflow: visible;
        display: flex;
        justify-content: space-between;
    }

    .conts .comTitle p {
        float: none;
        white-space: nowrap;
    }

    .conts .comTitle .comSearchBox {
        margin-top: 5px;
        padding: 0 !important;
        float: none;
    }

    .conts .comTitle .comSearchBox a {
        top: 12px;
    }

}

@media all and (min-width: 0) and (max-width: 767px) {
    .main {
        padding: 20px 0;
    }

    .pagePath {
        margin-bottom: 20px;
    }

    .conts {
        padding-bottom: 0;
    }

    .conts .comTitle {
        margin-bottom: 20px;
    }

    .conts .comTitle .sub {
        overflow: visible;
        display: flex;
        justify-content: space-between;
    }

    .conts .comTitle p {
        margin-right: 20px;
        float: none;
        white-space: nowrap;
    }

    .conts .comTitle .comSearchBox {
        margin-top: -7px;
        padding: 0 !important;
        float: none;
    }

    .conts .comTitle .comSearchBox a {
        top: 8px;
    }

    .conts .listUl li {
        margin-bottom: 12px;
    }

    .conts .listUl li a {
        font-size: 14px;
    }

    .conts .listUl li a .ttl {
        margin-right: 80px;
    }
}