@charset "utf-8";

/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
#gNavi li:nth-child(4)>a {
    color: #29b572;
}

#conts .flowUl {
    margin-bottom: 90px;
}

#conts .flowUl .flowLi {
    margin-bottom: 10px;
    padding: 25px 25px;
    background: #F1F2F6;
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
}

#conts .flowUl .flowLi .text {
    width: 465px;
}

#conts .flowUl .flowLi .text .ttl {
    margin-bottom: 25px;
    color: #29b572;
    font-size: 17px;
    font-weight: bold;
}

#conts .flowUl .flowLi .text .ttl span {
    padding: 2px 12px 1px;
    margin-right: 1em;
    color: #fff;
    background: #29b572;
    border-radius: 15px;
    font-size: 13px;
    vertical-align: 7.5%;
}

#conts .linkBox {
    margin-top: 30px;
    display: flex;
    justify-content: space-between
}

#conts .linkBox .link {}

#conts .linkBox .link a {
    padding: 9px 18px 8px 32px;
    display: block;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background: #29b572 url(../img/breath/icon01.png) no-repeat left 18px center;
    border-radius: 20px;
    box-sizing: border-box;
    letter-spacing: 1px;
}

#conts .linkBox .link a:hover {
    opacity: 0.7;
}

#conts .flowUl .flowLi .photo {
    margin-left: auto;
    width: 150px;
}

#conts .flowUl .flowLi .photo img {}



@media all and (min-width: 0) and (max-width: 767px) {
    #conts .comImgBox .textBox01 {
        width: 95% !important;
    }

    #conts .flowUl {
        margin-bottom: 60px;
    }

    #conts .flowUl .flowLi {
        padding: 15px 15px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    #conts .flowUl .flowLi .text {
        width: 100%;
    }

    #conts .flowUl .flowLi .text .ttl {
        margin: 0 auto 10px;
        text-align: center
    }

    #conts .flowUl .flowLi .text .ttl span {}

    #conts .linkBox {
        flex-direction: column;
    }

    #conts .linkBox .link {
        margin: 0 auto 10px;
        font-size: 14px;
    }

    #conts .linkBox .link a {
        margin: 0 auto;
        padding: 10px 10px 10px 28px;
        background-size: 6px auto;
        background: #29b572 url(../img/breath/icon01.png) no-repeat left 13px center;
        border-radius: 20px;
        text-align: center;
    }

    #conts .flowUl .flowLi .photo {
        margin: 0 auto 25px;
    }

    #conts .flowUl .flowLi .photo img {}

}