@charset "UTF-8";

/* --------------------------------------------------
BASE
-------------------------------------------------- */
#l-main {
    padding-top:0;
}

/* ------------------------------
HEADER
------------------------------ */
header {
    margin-bottom:70px;
}

header .inner {
    background:url(../img/outline/hd_bg_01.jpg) no-repeat center center;
    background-size:cover;
    padding:40px 20px 230px 20px;
}

h1 {
    display:inline-block;
    background:rgba(255,255,255,0.7);
    padding:20px 20px 5px;
}

h1 img {
    width:600px;
    max-width:100%;
    height:auto;
}

table {
    width:100%;
    margin-bottom:80px;
}

table , td, th {
    border: 1px solid #ddd;
    border-collapse: collapse;
}

td, th {
    padding: 10px 20px;
    border:1px dotted #ddd;
}
th {
    background:url(../img/co_bg_01.jpg) repeat left top;
    text-align:left;
    width:250px;
    font-weight:bold;
    max-width:250px;
}

sup {
    vertical-align: super;
    font-size: smaller;
}

.list-dot li {
    list-style-type: disc;
    list-style-position:inside;
    padding-left: 1em;
    text-indent: -1em;
}

@media (max-width: 767px) {
    header {
        margin-bottom:0;
    }

    td, th {
        padding:10px 15px;
    }

    h1 {
        width:100%;
    }

    h1 img {
        max-width:77%;
    }
}

@media (max-width: 500px) {
    header .inner {
        padding:0 0 230px 0;
    }
    h1 {
        display:block;
        background:#fff;
    }

    h1 img {
        width:90%;
        max-width:90%;
    }

    table,td, th,tr {
        display:block;
        width:100%;
    }
    td, th {
        padding:10px;
        border-left:none;
        border-right:none;
        border-top:none;
    }

    th {
        width:100%;
        max-width:100%;
    }

    td {
        border-bottom:1px solid #ddd;
    }

    table tr:last-of-type td {
        border-bottom:none;
    }

    .sec-hd {
        padding-top:70px;
    }
}


.ft-btn-area ul {
    text-align:center;
}

.ft-btn-area li {
    float:none;
    display:inline-block;
}

@media (max-width: 767px) {
    .ft-btn-area li {
        width:100%;
        max-width:100%;
    }
}

@media (max-width: 500px) {
    .ft-btn-area li {
        width:100%;
    }
}