@charset "UTF-8";

/* CSS Document */
#intro {
    background: url(../images/bath/mv_bg.png) top center no-repeat;
}

#intro .commonparts_box {
    height: 190px;
}

@media screen and (max-width: 767px) {
    #intro {
        background-size: cover;
    }
    .mini-sp {
        font-size: 2.5vw !important;
    }
}


/*==============util=============*/
.ttl_bb {
    font-size: 1.8rem;
    margin-bottom: 22px;
}
.ttl_bb span{
    font-size: 2.2rem;
    font-weight: normal;
    color: #1e4dc6;
    text-align: center;
    margin-bottom: 22px;
    background: #ebf5fb;
    padding: 5px 0;
}

.flexArea {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flexArea p {
    height: auto;
    line-height: 20px;
}

.gr01 {
    margin-bottom: 80px;
}

.gr01__box__txt_l {
    font-size: 1.6rem;
}

.gr01__box__txt_l span {
    font-size: 2rem;
    font-weight: normal;
}
.txt_symbol {
    width: 60%;
    margin-top: 20px;
}


@media screen and (max-width: 767px) {
.flexArea p {
    height: auto;
}
.gr01__box__txt_l {
    font-size: 3vw;
}
.gr01__box__txt_l span {
    font-size: 3.5vw;
}
.gr01 {
    margin-bottom: 10.43vw;
}
}


/*sec*/
#sec01,#sec02,#sec03,#sec04,#sec05 {
    margin-bottom: 120px;
}
#sec06{
    margin-bottom: 66px;
}


#totop {
    width: 100%;
    padding-bottom: 60px;
}

.icon_reform, .icon_new, .icon_nini, .icon_hissu {
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: padding-box;
    box-sizing: padding-box;
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 0;
}
@media screen and (max-width: 767px) {
    #sec01{
        margin-bottom: 15.65vw;
    }
    #sec02{
        margin-bottom: 8.6vw;
    }
}