@charset "utf-8";

#sec1 {
    padding-bottom: 95px;
}

#sec1 h2 {
    background: url(../img/services/sv04/sec1_h2_bg.png) no-repeat center left 52%;
    height: 131px;
    padding-top: 50px;
    margin-bottom: 30px;
}

/*--------------------------------------*/
#sec2 {
    padding-bottom: 20px;
}

#sec2 h2 {
    padding-bottom: 20px;
    text-align: center;
}

#sec2 .flex_01 p {
    width: 30.5%;
    margin-bottom: 50px;
    position: relative;
}

#sec2 .flex_01 p img {
    display: block;
    padding-bottom: 15px;
}

#sec2 .flex_01 p:after {
    /* content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 67px;
    background: url(../img/services/sv04/sec2_arrow1.png) no-repeat 0 0;
    top: 90px;
    right: -40px;
    z-index: 2; */
}

#sec2 .flex_01 p:last-child:after {
    display: none;
}

.s2_b1 {
    background: #f3f3f3;
    margin-top: 100px;
    padding: 25px 20px;
    position: relative;
}

.s2_b1:after {
    /* content: "";
    display: block;
    position: absolute;
    width: 234px;
    height: 235px;
    background: url(../img/services/sv04/sec2_img04.png) no-repeat 0 0;
    bottom: 0;
    right: 10px;
    z-index: 2; */
}

.s2_b1_in {
    /* background: url(../img/services/sv04/sec2_bg01.png) no-repeat;
    width: 826px;
    height: 149px;
   */

    background: #fff;
    width: 100%;
    height: auto;
    border-radius: 20px;
    border: 1px solid #5EC5ED;
    padding: 20px 55px 20px 30px;
}

.s2_b1_in h3 {
    color: #333;
    font-size: 25px;
}

.comfort_bnr a {
    display: block;
    margin-bottom: 80px;
}


/*--------------------------------------------*/
#sec3 {
    padding: 45px 0 80px;
    text-align: center;
}

#sec3 h2 {
    padding-bottom: 50px;
}

.sec3_link02,
.sec3_link03,
.sec3_link04,
.sec3_link05 {
    margin-left: -20px;
}

.sec4_text {
    margin-bottom: 20px;
}

/*--------------------------------------------*/
#sec4 {
    padding: 45px 0 80px;
    text-align: center;
}

#sec4 a {
    color: #08B6D8;
    text-decoration: underline;
}

/*----------------------------------------------*/
.entry_text {
    text-align: center;
    margin: -30px 0 30px
}

.btn_tel {
    background-color: #ABEFFF;
}

.btn_mail {
    background-image: url(../img/services/sv04/icon_mail2.png);
}

.btn_mail:after {
    border-top: 3px solid #ABEFFF;
    border-right: 3px solid #ABEFFF;
}

@media screen and (max-width:1370px) {
    .s2_b1 {
        margin-top: 30px;
    }

    .s2_b1:after {
        display: none;
    }

    .s2_b1_in {
        background: #fff;
        width: 100%;
        height: auto;
        border-radius: 20px;
        border: 1px solid #5EC5ED;
        padding: 20px 55px 20px 30px;
    }
}

@media screen and (max-width:639px) {
    #sec1 {
        padding: 30px 0;
    }

    #sec1 h2 {
        background: none;
        padding: 0;
        height: auto;
    }

    #sec1 h3 {
        margin-top: -30px;
    }

    #sec1 p {
        text-align: left;
    }

    /*--------------------------------------*/
    #sec2 h2 {
        padding-bottom: 10px;
    }

    #sec2 .flex_01 p {
        width: 100%;
        margin-bottom: 30px;
    }

    #sec2 .flex_01 p:after {
        display: none;
    }

    #sec2 .flex_01 p:last-child:after {
        display: none;
    }

    .s2_b1 {
        padding: 15px;
    }

    .s2_b1_in {
        padding: 15px;
    }

    .s2_b1_in h3 {
        letter-spacing: -0.03em;
        font-size: 18px;
        padding-bottom: 10px;
    }

    /*-----------------------------------------------------*/
    #sec3 {
        padding: 30px 0;
    }

    #sec3 h2 {
        padding-bottom: 20px;
    }

    #sec3 .flex_01 p {
        width: 50%;
        margin-bottom: 10px;
    }

    .sec3_link02,
    .sec3_link04,
        {
        margin-left: -30px;
    }

    .sec3_link03,
    .sec3_link05 {
        margin-left: 0;
    }

    /*--------------------------------------------*/
    #sec4 {
        padding: 30px 0;
    }

    #sec4 p {
        text-align: left;
        padding: 0 4%;
    }
}