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

/*-----------------------------------------------
color
#4CAF50 緑
#7CBD27 黄緑
-----------------------------------------------*/

main .hoken {
overflow:hidden;
}
main .hoken dl {
float:left;
width:47.5%;
margin-left:5%;
}
main .hoken dl:first-child {
margin-left:0;
}
main .hoken dt {
padding:0.25em 0;
letter-spacing:0.1em;
text-align:center;
color:#FFF;
background:#80BA4C;
border-radius:10px 10px 0 0;
}
main .hoken dd {
padding:1em;
background:#F5F5F5;
}

main dl.service {
overflow:hidden;
}
main dl.service dt {
margin-top:0.5em;
font-size:1.2em;
color:#4CAF50;
}

main .flow img {
width:60%;
}

#contact {
margin-top:2em;
}
#contact h2 {
margin:0;
padding:0.25em 1.5em;
font-size:1.2em;
color:#FFF;
background:#4CAF50;
}
#contact h2 span {
margin-left:2em;
font-size:0.85em;
}
#contact .data {
padding:1em 1.5em;
background:#F5F5F5;
border:1px solid #CCC;
}
#contact ul {
margin-top:0;
}
#contact .tel {
display:inline-block;
font-size:1.25em;
color:#4CAF50;
}
#contact .tel span {
font-size:1.5em;
}
#contact .fax {
margin-top:10px;
display:inline-block;
font-size:1.25em;
color:#4CAF50;
}
#contact .fax span {
font-size:1.25em;
}
#contact dl.hour {
margin-top:0;
overflow:hidden;
}
#contact dl.hour dt {
font-weight:bold;
}
#contact dl.hour dd {
float:left;
margin-right:1em;
}
#contact dl.hour dd:last-child {
margin-right:0;
}


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

main .flow img {
width:100%;
}

#contact h2 {
text-align:center;
}
#contact .tel {
display:block;
font-size:1em;
text-align:center;
}
#contact .fax {
margin-top:0;
display:block;
font-size:1em;
text-align:center;
}
#contact dl.hour {
text-align:center;
}
#contact dl.hour dd {
float:none;
margin-right:0;
}


}