@charset "UTF-8";


/* HEADER
---------------------------------------- */
.hd_img {
    padding:50px;
    background-position:center bottom;
}

.hd_txt h1 + p {
    margin-top:0;
}

.hd_txt .hd_inner {
    padding:50px 50px 40px 50px;
}

@media (max-width: 767px) {
    .hd_txt .hd_inner {
        padding:40px 40px 30px 40px;
    }
}

@media (max-width: 500px) {
    .hd_img {
        padding:30px;
    }
    .hd_txt .hd_inner {
        padding:30px 30px 20px 30px;
    }
}

@media (max-width: 350px) {
    .hd_txt .hd_inner {
        padding:30px 10px 20px 10px;
    }
}

/* BTN
---------------------------------------- */
.shiryo-btn {
    text-align:center;
    color:#fff;
}

.shiryo-btn a {
    padding:15px;
    display:block;
    color:#fff;
    font-size:1.6rem;
    transition:0.5s;
    background:#0d1146;
    border:1px solid #0d1146;
}

.shiryo-btn a:hover {
    background:#fff;
    color:#0d1146;
}

.shiryo-btn a:after {
    font-family: FontAwesome;
    content : "\f105";
    margin-left:10px;
}


/* CONTENTS
---------------------------------------- */
#sec-about {
    padding:60px 0;
}

#sec-about h2 {
    text-align:center;
    padding-bottom:25px;
    margin-bottom:25px;
    background:url(../img/co_ln_00.gif) no-repeat bottom center;
}

.aboutbox {
    margin:50px auto 0;
    width:90%;
}

h3 {
    font-size:2rem;
    font-weight:normal;
    margin-bottom:20px;
}

h3:before {
    content:"●";
    color:#6262a8;
}

table {
    width:100%;
}

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

td, th {
    padding: 10px 20px;
    width: 30px;
    border:1px dotted #ccc;
}
th {
    background: #e6e6fa;
    text-align:left;
    font-weight:normal;
}

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

@media (max-width: 767px) {
    .aboutbox {
        width:100%;
    }
    td, th {
        padding:10px 15px;
    }
}

@media (max-width: 500px) {
    table,td, th,tr,tbody {
        display:block;
        width:100%;
    }
    td, th {
        padding:10px;
        border-left:none;
        border-right:none;
        border-top:none;
    }

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

/* FOOTER
---------------------------------------- */
footer {
    border-top:1px solid #efefef;
}

.btnbox {
    text-align:center;
}

.btnbox li.pagetop {
    float:right;
}

@media (max-width: 500px) {
    .btnbox li.btnl {
        width:77%;
    }
}