@charset "UTF-8";

/*-------------------------
__housing_style
-------------------------*/

#block02{}
#block02 ul{letter-spacing:-0.1em;text-align:left;padding:20px 0;}
#block02 ul li{display:inline-block;font-size:1.5em;letter-spacing:0.1em;padding:5px 10px;border-radius:3px;color:#e16f21;border:2px solid #e16f21;}
#block02 ul li + li{margin-left:10px;}
#block02 .block02_img{display:inline-block;margin:20px 0 30px;}

#block03 .merit{}
#block03 .merit li{display:flex;align-items:center;box-sizing:border-box;border-radius:8px;border:2px solid #e16f21;}
#block03 .merit li + li{margin-top:20px;}
#block03 .merit li dl{flex:1;margin:20px 0;padding:0 20px;border-right:1px solid #ffe1cf;}
#block03 .merit li dl dt{font-size:1.8em;font-weight:700;line-height:1.4;letter-spacing:0.1em;text-align:left;}
#block03 .merit li dl dt span{display:inline-block;line-height:1;letter-spacing:normal;margin:0 10px 0 0;padding:3px 10px 5px;box-sizing:border-box;border-radius:15px;color:#e26f21;background-color:#ffe1cf;border:2px solid #e26f21;}
#block03 .merit li dl dd{padding:15px 0 0;}

@media screen and (max-width:767px) {
#block02 ul{padding:10px 0;}
#block02 ul li{font-size:1.4em;}
#block02 ul li + li{margin-left:5px;}
#block02 .block02_img{margin:15px 0;}

#block03 .merit li{display:block;border-radius:4px;}
#block03 .merit li dl{margin:0 10px;padding:10px 0;border:none;border-bottom:1px solid #ffe1cf;}
#block03 .merit li dl dt{font-size:1.6em;}
#block03 .merit li dl dt span{font-size:90%;margin:0 0 5px;}
#block03 .merit li dl dd{padding:10px 0 0;}
#block03 .merit li .img{margin:10px 0;}
}
