@charset "UTF-8";


dl, dt, dd {
    margin: 0;
    padding: 0;
}

#lwContent section:first-child {
    padding-top: 40px;
}


.top__title {
    font-size: 23px;
    color: #000;
    letter-spacing: 2px;
    font-weight: 500;
    padding-bottom: 0;
    position: relative;
    margin-bottom: 40px;
}

.top__title.center {
    text-align: center;
}


#lwOutline .tb,
#lwStory .tb {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}

#lwOutline .tb th,
#lwStory .tb th {
    vertical-align: top;
}

.tb {
    width: 100%;
    border-collapse: collapse;
}

.tb tr th {
    width: 25%;
}

.tb tr th,
.tb tr td {
    padding: 32px 0;
    text-align: left;
    font-size: 14px;
    position: relative;
    line-height: 1.7;
}


.tb__inner {
    display: table;
    width: 100%;
}

.tb__inner dt {
    width: 13%;
}
.tb__inner dt, .tb__inner dd {
    display: table-cell;
    text-align: left;
}

.tb__inner dd {
    width: 87%;
}

.tb tr th:after,
.tb tr td:after {
    content: "";
    width: 100%;
    height: 1px;
    background: url(../img/dotline_gray_yoko.png) repeat-x left center / 4px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.tb tr th:after,
.tb tr td:after {
    content: "";
    width: 100%;
    height: 1px;
    background: url(../img/dotline_gray_yoko.png) repeat-x left center / 4px;
    position: absolute;
    bottom: 0;
    left: 0;
}




@media screen and (max-width: 768px) {
    #lwContent section:first-child {
        padding-top: 56px;
    }

    .lw__sc {
        padding: 56px 24px;
    }

    .tb tr th,
    .tb tr td {
        display: block;
        width: 100%;
        padding: 16px 0;
    }


    .tb__inner dt {
        width: 80px;
    }

    .tb__inner dd {
        width: calc(100% - 80px);
    }
}