@charset "UTF-8";
/* CSS Document */

#mainVisual { width:100%; background:url(../img/property/subtit_outline_01.png) center top / auto 100% no-repeat; height: 400px; margin:0 auto 40px auto;}


/* OUTLINE */
#outline h4 { color:#9d8166; text-align:center; font-size:32px; font-weight:bold; line-height:1; margin:0 auto 20px auto;}
#outlineBox { display:flex; flex-wrap:wrap; justify-content:space-between; }
#outlineBox ul { margin:0 0 0 0;  flex-grow:0; flex-shrink:1; flex-basis:calc( ( 100% - 10px ) / 2);}
#outlineBox ul li { position:relative; display:block; padding:0 0 0 8em; font-size:14px; box-sizing:border-box; margin:0 0 10px 0; line-height:1.5em; }
#outlineBox ul li span { position:absolute; left:0; top:0; width:8em; white-space:nowrap; font-weight:bold; }


@media screen and (max-width:1000px){
#mainVisual { padding:55% 0 0 0; height: auto;}
}




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


/* OUTLINE */
#outline h4 { font-size:5vw; }
#outlineBox ul { flex-basis:100%; }

}

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

}