@charset "utf-8";

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

#conts>.text {
    margin: 0 auto 80px;
}

#conts>.text a {
    text-decoration: underline;
    font-weight: bold;
}

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

#conts .estheticMenu li {
    border-bottom: 1px solid #dedede;
}

#conts .estheticMenu li a {
    display: block;
    padding: 25px 0;
}

#conts .estheticMenu li a:hover {
    opacity: 0.7;
}

#conts .estheticMenu li .inner {
    display: flex;
    align-items: center;
}

#conts .estheticMenu li .inner .photo {
    margin-right: 10px;
    width: 14.71%;
}

#conts .estheticMenu li .inner .photo img {
    width: 100px;
}

#conts .estheticMenu li .inner .text {}

#conts .estheticMenu li .inner .text .ttl {
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 18px;
}

#conts .estheticMenu li .inner .text {
    width: 83.82%;
}

#conts .wPhoto {
    margin-bottom: 20px;
}

#conts .wPhoto img {
    width: 100%;
}


@media all and (min-width: 0) and (max-width: 767px) {
    #conts .imgBox01 {
        margin-bottom: 50px;
    }

    #conts .imgBox02 {
        margin: 0 0 44px;
    }

    #conts .comImgBox .textBox01 {
        width: 95% !important;
    }

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

    #conts .estheticMenu li {}

    #conts .estheticMenu li a {
        padding: 15px 0;
    }

    #conts .estheticMenu li a:hover {}

    #conts .estheticMenu li .inner {
        display: flex;
        align-items: center;
    }

    #conts .estheticMenu li .inner .photo {
        margin-right: 5px;
    }

    #conts .estheticMenu li .inner .photo img {
        width: 70px;
    }

    #conts .estheticMenu li .inner .text {}

    #conts .estheticMenu li .inner .text .ttl {
        margin-bottom: 10px;
        font-size: 16px;
    }

    #conts .estheticMenu li .inner .text {}

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

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

    #conts .flowUl .flowLi .text {}

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

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

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

    #conts .flowUl .flowLi .photo img {}

    #conts .flowUl .arrow {
        margin-bottom: 5px;
        text-align: center;
    }

    #conts .flowUl .arrow img {
        width: 50px;
    }
}