.search .article {
    max-width: 800px;
}
.search .search_intro {
    margin-bottom: 40px;
    align-items: flex-end;
}
.search h1 {
    color: inherit;
    margin-right: 30px;
    margin-bottom: 0px;
    font-size: 2rem;
    margin-left: -10px;
}
.search .search_intro p {
    line-height: 1;
}
.search .article .list .list_name {
    width: auto;
    min-width: 120px;
}
.search .pager .btn .btn_link {
    width: 36px;
}
.search .pager .btn.on .btn_link {
    background: #3e8bd5;
    border: #3e8bd5 solid 1px;
    color: #fff;
}
.search .pager .btn {
    margin-right: 16px;
}
@media only screen and (max-width: 640px) {
    .search .article {
        margin: 0 auto;
    }
    .search .search_intro {
        align-items:flex-start;
        flex-direction: column;
        margin-bottom: 30px;
    }
    .search h1 {
        font-size: 1.8rem;
    }
    .search .search_intro p {
        margin-top: 16px;
        font-size: 1.2rem;
    }
    .search .article .list .list_content {
        width: 100%;
    }
    .search .article .list .list_name {
        min-width: 0px;
        margin-right: 20px;
    }
    .search .pager {
        justify-content: center;
    }
}
@media only screen and (max-width: 640px) {
    .search .article .list .list_content p {
        align-self: flex-end;
    }
}