.b-deco-coil-border {
    padding: 2rem 0rem ;
    position: relative;
    display: inline-block;
    width: 100%;
}
.b-deco-coil-border .b-deco-coil-border-icon {
    position: absolute;
    display: block;
    width: 6%;
    top: -12%;
    right: 10%;
}
.b-deco-coil-border:before,
.b-deco-coil-border:after {
    content: '';
    position: absolute;
    top: 0%;
    display: inline-block;
    height: 4px;
}
.b-deco-coil-border.b-deco-coil-border-color-main:before,
.b-deco-coil-border.b-deco-coil-border-color-main:after {
    background-color: #1571da;
}
.b-deco-coil-border.b-deco-coil-border-color-black:before,
.b-deco-coil-border.b-deco-coil-border-color-black:after {
    background-color: #000000;
}
.b-deco-coil-border.b-deco-coil-border-color-white:before,
.b-deco-coil-border.b-deco-coil-border-color-white:after {
    background-color: #ffffff;
}
.b-deco-coil-border.b-deco-coil-border-color-main svg {
    fill: #1571da;
}
.b-deco-coil-border.b-deco-coil-border-color-black svg {
    fill: #000000;
}
.b-deco-coil-border.b-deco-coil-border-color-white svg {
    fill: #ffffff;
}
.b-deco-coil-border:before {
    left: 0;
    width: 84%;
}

.b-deco-coil-border:after {
    right: 0;
    width: 10%;
}
@media screen and (max-width: 767px) {/* SP */
    .b-deco-coil-border .b-deco-coil-border-icon {
        position: absolute;
        display: block;
        width: 14%;
        top: -7%;
        right:6%;
    }
    .b-deco-coil-border:before,
        .b-deco-coil-border:after {
            height: 3px;
        }
    .b-deco-coil-border:before {
        left: 0;
        width: 80%;
    }

    .b-deco-coil-border:after {
        right: 0;
        width: 6%;
    }
}