@charset "utf-8";

/*共通*/
#page-customer h3 {
    font-weight: bold;
    text-align: center;
    border: 1px solid #a49d76;
    background: url(../images/company/bg-h3.jpg) repeat;
}
#page-customer .cs-ttl {
    color: #0d2c55;
    font-weight: bold;
    border-bottom: 1px solid #0d2c55;
    position: relative;
}
#page-customer .cs-ttl:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #0d2c55;
}
#page-customer .cs-list {
    border-top: 1px dotted #929292;
}
#page-customer .cs-list dt {
    font-weight: bold;
    color: #0d2c55;
}
#page-customer .cs-list dd {
    border-bottom: 1px dotted #929292;
}
#page-customer .cs-note {
    padding-left: 1.22em;
    text-indent: -1.22em;
}
#page-customer .cs-sign {
    text-align: right;
    font-weight: bold;
}

@media screen and (min-width:768px){
/*pc・タブレットcss*/

    #page-customer {
        width: 1100px;
        margin: 0 auto 100px;
    }
    #page-customer h3 {
        font-size: 24px;
        padding: 5px 0;
        margin: 0 0 40px;
    }
    #page-customer .cs-lead,
    #page-customer .cs-block {
        width: 1000px;
        margin: 0 auto 50px;
    }
    #page-customer p {
        font-size: 15px;
        line-height: 1.9;
        margin: 0 0 15px;
    }
    #page-customer .cs-ttl {
        font-size: 20px;
        padding: 0 0 8px 18px;
        margin: 0 0 20px;
    }
    #page-customer .cs-ttl:before {
        width: 5px;
        bottom: 8px;
    }
    #page-customer .cs-list {
        padding: 25px 0 0;
        margin: 20px 0 15px;
    }
    #page-customer .cs-list dt {
        font-size: 18px;
        margin: 0 0 12px;
    }
    #page-customer .cs-list dd {
        font-size: 15px;
        line-height: 1.8;
        padding: 0 0 25px;
        margin: 0 0 25px;
    }
    #page-customer .cs-note {
        font-size: 14px;
    }
    #page-customer .cs-sign {
        width: 1000px;
        font-size: 18px;
        margin: 0 auto;
    }

}
@media screen and (max-width:767px){
/*スマホ用css*/

    #page-customer {
        margin: 0 0 15%;
        font-size: 0.95em;
        line-height: 1.7;
    }
    #page-customer h3 {
        font-size: 1.2em;
        padding: 2% 0;
        margin: 0 0 8%;
    }
    #page-customer .cs-lead,
    #page-customer .cs-block {
        padding: 0 5%;
        margin: 0 0 10%;
    }
    #page-customer p {
        margin: 0 0 4%;
    }
    #page-customer .cs-ttl {
        font-size: 1.1em;
        line-height: 1.5;
        padding: 0 0 2% 14px;
        margin: 0 0 5%;
    }
    #page-customer .cs-ttl:before {
        width: 4px;
        bottom: 2%;
    }
    #page-customer .cs-list {
        padding: 6% 0 0;
        margin: 5% 0 4%;
    }
    #page-customer .cs-list dt {
        font-size: 1.1em;
        margin: 0 0 3%;
    }
    #page-customer .cs-list dd {
        padding: 0 0 6%;
        margin: 0 0 6%;
    }
    #page-customer .cs-note {
        font-size: 0.9em;
    }
    #page-customer .cs-sign {
        font-size: 1.15em;
        padding: 0 5%;
    }

}