@charset "utf-8";


/* kuusitu */

div#kuusituArealist {width: 100%; background:#fff; position:relative; padding:0 0 30px;}
div#kuusituArealist h3 {margin:-1px 0 0 -1px; position:relative;}

div#kuusituArealist dl {width:100%; display:flex; flex-flow:row wrap; justify-content:flex-start; align-content:flex-start; align-items:flex-start;}

div#kuusituArealist dl dt,
div#kuusituArealist dl dd {margin-bottom: 10px; padding:0; font-size:13px; line-height:40px; display:inline;}

div#kuusituArealist dl dt {
    width:15%;
    color:#FFF; font-weight:bold; text-decoration:none;  text-align: center;
}
div#kuusituArealist dl dt a {color:#FFF; font-weight:bold; text-decoration:none;}
div#kuusituArealist dl dt a:hover {text-decoration:underline;}
div#kuusituArealist dl dd {width: 30%; margin: 0 10px 10px 5px;
}

div#kuusituArealist dl.w100 dt {width:15%;}
div#kuusituArealist dl.w100 dd {width:76.5%;}
div#kuusituArealist dl.w100 {width:100%;}
      
div#kuusituArealist dl.kenhoku dd {background:#f3fcf1;}
div#kuusituArealist dl.kenhoku.w100 {margin-bottom: 40px;}
div#kuusituArealist dl.kensei dd {background-color:#fbf1ed;}
div#kuusituArealist dl.kennan dd {background-color:#fffbe3;}
div#kuusituArealist dl.kennan.w100 {margin-top: 40px;}
div#kuusituArealist h4{text-align: center;}

@media screen and (max-width: 600px) {
  	
	div#kuusituArealist {width: 100%;}
	div#kuusituArealist dl {width:100%;}
	div#kuusituArealist dl dt,
	div#kuusituArealist dl dd {width: 100%; font-size:13px; line-height:40px;}
	div#kuusituArealist dl dt {
	color:#FFF; font-weight:bold; text-decoration:none;}
	div#kuusituArealist dl dt a {color:#FFF; font-weight:bold; text-decoration:none;}
	div#kuusituArealist dl dt a:hover {text-decoration:underline;}

	div#kuusituArealist dl dd{
	text-align: center;
	margin-bottom: 15px;
}		

	div#kuusituArealist dl dt{
	margin-bottom: 5px;	
}

	div#kuusituArealist dl.w100 dt{
	width: 100%;
}
div#kuusituArealist dl.w100 dd{
	width: 100%;
	line-height: 1.8;
}
	
	div#kuusituArealist dl dd {margin: 0 0 20px;
	}

}