@charset "utf-8";
/* CSS Document */

/*------------------------------------
    撥水・防汚
------------------------------------*/
/*----h2下キャプション----*/
.hasbouoCont .captionBox p:after{
    background-image: linear-gradient(to bottom, #2263bd 0, #b0cbf8 100%)
}

.hasbouoCont section > h3.hLine{
    border-left: 7px solid #2462b7;
    border-bottom: 1px solid #2462b7;
}
.hasbouoCont section > h3.hLine em{
    color: #2462b7;
}

/*----特徴/用途/生地----*/
.hasbouoCont .featureBox .inner dl dt,
.hasbouoCont .useBox .inner.type2 div dl dt,
.hasbouoCont .clothBox .inner dl dt{
    color: #2462b7;
}

/*----動画----*/
.hasbouoCont .movieBox > h3:after{
    background-color: #2462b7;
}

/**/
.hasbouoCont .featureBox .hassuiSr{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 500px;
    margin: 40px auto;
}
.hasbouoCont .featureBox .hassuiSr p{
    width: 60%;
}
.hasbouoCont .featureBox .hassuiSr p.linkBtn a{
    background-color: #2ca907;
}
.hasbouoCont .featureBox .hassuiSr p.linkBtn a:after{
    content: "＋";
    display: block;
    width: 25px;
    height: 25px;
    border: none;
    font-size: 25px;
    right: 10px;
}
.hasbouoCont .featureBox .hassuiSr div{
    width: 30%;
}

@media screen and (max-width: 768px) {
    /**/
    .hasbouoCont .featureBox .hassuiSr{
        width: 90%;
    }
    .hasbouoCont .featureBox .hassuiSr p{
        width: 65%;
    }
}