@charset "UTF-8";
/*************************
 店舗のご案内
 *************************/

.main{
	margin-bottom:80px;
}

.main h2{
	margin-bottom:20px;
}


.body_contents{
	margin-bottom:60px;	
}

.lead02{
	font-size:16px;
	text-align:center;
	margin-bottom:50px;
}

.float:after{
	content:"";
	display:block;
	clear:both;
}

.ttl03{
	margin-bottom:20px;	
}

.map{
	margin-bottom:50px;	
}

.company{
	margin-bottom:50px;	
}

.company .img{
	float:left;
	width:48%;
	margin-right:4%;
}

.company .caption{
	float:left;
	width:48%;
}

.consult {
    margin: 0 0 60px;
}

.consult .ttl {
    background-image:url(../../../../img/page/about/ico_comment.gif);
    background-position: center top;
    background-repeat: no-repeat;
	margin-bottom:20px;
    font-size: 150%;
    font-weight: bold;
	text-align:center;
}

.c-inner{
	width:100%;
	padding:30px 30px 25px;
	border:5px solid #9fc564;
}

.c-inner li {
	position:relative;
	padding-left:1.5em;
	font-size:16px;
	line-height:1.3;
}

.c-inner li:before{
	position:absolute;
	top:0;
	left:0;
	content:"\f046";
	display:inline-block;
	font-family:FontAwesome;
	margin-right:0.5em;
	color:#7bac2f;
}

@media screen and (min-width:641px){

.boxLeft {
    width: 50%;
    float: left;
}

.boxRight {
    width: 50%;
    float: right;
}.boxLeft {
    width: 50%;
    float: left;
}

.boxRight {
    width: 50%;
    float: right;
}

.c-inner li {
	float:left;
	width:49%;
}

.c-inner li:nth-child(1),
.c-inner li:nth-child(2){
	margin-bottom:15px;	
}

}

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

.main{
	margin-bottom:50px;	
}

.boxLeft {
    width: 100%;
    float: left;
}

.boxRight {
    width: 100%;
    float: right;
}

.lead02{
	margin-bottom:30px;
	font-size:14px;
}

.company{
	margin-bottom:40px;	
}

.company .img,
.company .caption{
	width:100%;
}

.company .img{
	margin-bottom:20px;
}

.c-inner{
	padding:20px 20px 15px;	
}

.c-inner li{
	width:100%;
	margin-bottom:15px;
}

.c-inner li:last-child{
	margin-bottom:0;	
}

}