@charset "utf-8";

/* carento
==================================*/
header nav ul li#navi3{background:url(/common/img/navhover.png) center no-repeat;}
/* about
==================================*/
#about{width:1040px; margin:0 auto 60px;}
#about p.ttl{text-align:center; font-size:0; line-height:0;}
#about .inbox{padding:20px; background:url(/common/img/bakImg03.gif) left top repeat; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
#about .inbox .floatbox{padding:2em 30px; background:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
#about .inbox .floatbox p{float:left; width:135px; font-size:0; line-height:0;}
#about .inbox .floatbox dl{float:right; width:750px; padding:1em 0;}
#about .inbox .floatbox dl dt{margin-bottom:20px; font-size:24px; color:#ff9f00;}
@media screen and (max-width: 640px){
#about{width:auto; margin:0 0 30px; padding:15% 0 0;}
#about p.ttl{margin:0 5%;}
#about .inbox{padding:5%;}
#about .inbox .floatbox{padding:2em 3%;}
#about .inbox .floatbox p{float:left; width:35%; margin-right:10px;}
#about .inbox .floatbox dl{float:none; width:auto; padding:1em 0;}
#about .inbox .floatbox dl dt{font-size:16px;}
}
/* flow
==================================*/
#flow{width:1040px; margin:0 auto 60px;}
#flow ul{list-style:none;}
#flow ul li{margin-bottom:30px;}
#flow ul li.last{margin-bottom:0;}
#flow ul li p.ph{float:left; width:300px; margin-right:70px;}
#flow ul li dl{float:left; width:670px;}
#flow ul li dt{margin-bottom:10px; font-size:24px; color:#ff6a9c; font-weight:bold;}
#flow ul li dd span{display:block; padding-top:2em;}
@media screen and (max-width: 640px){
#flow{width:auto; margin:0 3% 60px;}
#flow>dt img{width:40%;}
#flow ul li p.ph{float:none; width:auto; margin-right:0; text-align:center;}
#flow ul li dl{float:none; width:auto;}
#flow ul li dt{margin-bottom:10px; font-size:20px;}
#flow ul li dd span{padding-top:1em;}
}