.tit-s {
        font-size: 24px;
        text-align: left;
        color: #846688;
        margin: 20px 0;
        font-weight: bold;
        border-bottom: 3px solid #846688;
        padding-bottom: 20px;}

    .ul-list li {
        border: 1px solid #eee;
        padding: 30px;
        margin: 20px 0;}

    .ul-list li p {
        font-size: 18px;
        line-height: 35px;
        color: #666;}

    .ul-list li a {
        font-size: 18px;
        line-height: 35px;
        color: #666;}

    .ul-list li:hover {
        background-color: #846688;}

    .ul-list li:hover p {
        color: #fff;}

    .ul-list li:hover a {
        color: #fff;}

    .ul-list li a:hover {
        text-decoration: underline;}

    @media (max-width: 799px) {
        .ul-list li {
            padding: 15px;
            margin: 15px 0;}

        .ul-list li p {
            font-size: 16px;
            line-height: 30px;
            color: #666;}

        .ul-list li a {
            font-size: 16px;
            line-height: 30px;
            color: #666;}

        .tit-s {
            font-size: 20px;
            text-align: left;
            color: #846688;
            margin: 15px 0;
            font-weight: bold;
            border-bottom: 2px solid #846688;
            padding-bottom: 15px;}
    }