.visual_area {
    background: url(../img/exhibition_visual.jpg) no-repeat center;
    background-size: cover;
    margin-bottom: 50px;
}
.list {
    width: 1400px;
    margin: 0 auto;
}
.list h3 {
    font-size: 2.25em;
    text-align: center;
    font-weight: 500;
    margin-bottom: 50px;
}
.list_wrap span {
    display: block;
    box-sizing: border-box;
}
.list_wrap .term {
    width: 20%;
}
.list_wrap .title {
    width: 40%;
}
.list_wrap .sub_title {
    width: 40%;
}
.list_top {
    display: flex;
    flex-wrap: wrap;
    background: #f8f8f8;
    border-top: 1px solid #111;
    border-bottom: 1px solid #ddd;
    text-align: center;
}
.list_top span {
    padding: 15px 0;
    font-weight: 700;
}
.list_con {
    border-bottom: 1px solid #ddd;
}
.list_con a {
    display: flex;
    flex-wrap: wrap;
    padding: 15px 0;
    font-size: 1.125em;    
}
.list_con a .term {
    text-align: center;
    color: #999;    
    font-weight: 500;
}
.list_con a .title {
    padding-left: 20px;
}
.list_con a .sub_title {
    padding-left: 20px;
}
@media screen and (max-width:1280px) {
    .list {
        width: 100%;
    }
}
@media screen and (max-width:1024px) {
    .list_top {
        display: none;
    }
    .list_con:nth-of-type(2) {
        border-top: 1px solid #111;
    }
    .list_con a span {
        width: 100% !important;
        padding-left: 0;
        text-align: center;
    }
    .list_con a .term {
        order: 3;
    }
}
@media screen and (max-width:640px) {
    .list_con a {
        font-size: 1em;
    }
    .list_con a .title {
        font-size: 1.143em;
        font-weight: 700;
    }
    .list_con a .sub_title {
        margin-bottom: 10px;
    }
}