body,html{padding: 0; margin: 0;}
.content{
    margin: .8em;
}
.main-phone{
    text-align: right;
    font-weight: bold;
    margin-bottom: .5em;
    font-size:.8em;
}
.c-title-img{
    /*height: 210px;
    background: url('../img/banner.png') no-repeat;*/
}
.c-title-img img{
    width: 100%;
}
.c-title{
    text-align: center;
}
.c-title-btn-border{
    position: relative;
    display: inline-block;
    border: solid  1px  #36343A;
    border-radius: 1px;
    margin: 2.5em 0 .5em 0;
    text-align:center;
    box-shadow: 1px 1px 1px #888888;
}
.c-title-btn{
    background: #36343A;
    font-size: 18px;
    padding: .5em 2em;
    letter-spacing: 1px;
    position: relative;
    top: -2px;
    left:-2px;
    color: #C5C4C6;
    border-radius: 1px;
    box-shadow: 1px 1px 1px #888888;
}
.c-str{
    font-size: 15px;
    color: #282828;
}
.c-str p{
    margin: 4px 0;
}
.c-str-tile{
    padding: .5em 0;
    font-size: 15px;
    color: #282828;
}
.c-str a{
    text-decoration: none;
}
.c-case-list{
    margin: 1em 0;
}
.c-case-item{
    display: flex;
    justify-content: space-between;
    margin: 1em 0 0 0;
}
.c-case-list-item{
    width: 48%;
}
.c-case-list-item-img
{
    width: 100%;
}
.c-case-list-item img{
    width: 100%;
}
.c-case-str-title{
    font-size: 15px;
    color: #282828;
     margin: .3em 0;
}
.c-case-str-content{
    font-size: 14px;
    color: #777777;
}
.c-str-tel{
    display:flex;
    font-size: 14px;
    color: #282828;
    flex-wrap: wrap;
}
.c-str-tel p {
    width: 50%;
}

.c-str-tel-list,.main-phone a{
    color: #282828;
    text-decoration: none;
}
.align{
    text-align: right;
}
.c-math-img img{
    width: 100%;
    margin: 1.1em 0 0 0;
}