/* CSS Document */

#haab_wrap{
    max-width: 800px;
    text-align: center;
    margin: 30px auto;
}

#haab_wrap li{
    list-style: none;
}

#haab_wrap img{
    max-width: 100%;
}

#haab_wrap ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 60px;
}

#haab_wrap ul li{
    width: 48%;
}

#haab_wrap ul:after{
    content: "";
    width: 48%;
    display: block;
    height: 0;
}

#haab_wrap ol li{
    margin-bottom: 30px;
}


#haab_wrap .plus-ttl{
    background: #96B6B6;
    font-size: 20px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    padding: 15px 0;
    color: #fff;
}

#haab_wrap .skin-ttl{
    background: #928459;
    font-size: 20px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    padding: 15px 0;
    color: #fff;
}


#haab_wrap .plus-ttl br,
#haab_wrap .skin-ttl br{
    display: none;
}

#haab_wrap #select {
        padding: 15% 0;
    }

#haab_wrap #select p {
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-size: 46px;
    line-height: 1.5;
}

#haab_wrap #select .border_ {
    border-bottom: 3px solid;
    border-top: 3px solid;
    display: inline-block;
    line-height: 2.5;
    padding: 0 15%;
    margin-top: 8%;
}



@media only screen and (max-width: 480px) {

    #haab_wrap .plus-ttl br,
    #haab_wrap .skin-ttl br{
        display: block;
    }
    
    #haab_wrap #select p {
    font-size: 24px;
}

    #haab_wrap #select .border_ {
    border-bottom: 1px solid;
    border-top: 1px solid;
}

}