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

h2 img{
    max-width: 140px;
}
.mainV{
	max-width:100%;
	margin-bottom:30px;
}

div.picBlock{
	overflow:hidden;
	margin-bottom: 30px;
}

div.pic{
	float:right;
	width:40%;
}

div.txt{
	float:left;
	width:57%;
	margin-right:3%;
}

 .ggmap {
position: relative;
padding-bottom: 30%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#philosophy{ background: #FFF; }

#philosophy.detailBlock { padding-bottom: 60px; }

#philosophy dl {
	text-align: center;
	background: #fff;
	font-size: 0;
	
	margin-top: 15px;
}

#philosophy dl dt {
	float: none;
	width: auto;
	text-align: center;
	/*display: inline-block;*/
	background: #fff;
	/*border-bottom: 1px solid #e8e8e8;*/
	font-size: 0.9rem;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 0;
}

#philosophy dl dd {
	float: none;
	display: inline-block;
	font-size: 1.1rem;
	/*font-weight: bold;*/
	margin-right: 1em;
	
	padding: 0;
	border: none;
}

#philosophy dl dd:last-child { margin-right: 0; }

#philosophy dl.policy { margin-top: 0; }
#philosophy dl.policy dd {
	font-size: 1.6rem;
	letter-spacing: 0.2em;
	line-height: 1.4;
}

#philosophy h4 {
	margin: 30px 0 5px 0;
	font-size: 0.9rem;
	font-weight: bold;
}

#group h4{
	text-align:left;
}
#group ul{
	line-height:1.8;
	margin-top:30px;
}

#group ul li{
	 border-bottom:1px solid #dbdbdb;
	 padding:15px 0;
	 overflow:hidden;
	 font-weight:normal;
}

#group ul div.shop{
	float:left;
	width:280px;
}
#group ul div.shop h4{
font-size: 0.9rem;
font-weight:bold;
}

#group ul div.shop i{
	margin-right:5px;
}

#group ul div.shop a:link{
	color:#645f5f;
}

#group ul div.shop a:hover{
	text-decoration:underline;
}

#group ul div.address{
	float:left;
	width:300px;
}

#group ul li:last-child{
	border-bottom:none;
}

.btnGoogle,.btnGoogle{
	float:right;
	background:#074294;
	padding:10px 14px 10px 14px;
	display:block;
	color:#FFF;
}
.btnGoogle:hover{
background:#121212;
}
#group ul div.btnGoogle a{
	color:#FFF;
}

#philosophy dl.motto dd {
	display: block;
	margin-right: 0;
	margin-left: 9rem;
}

/* スマホ
-------------------------------------------------- */

@media print, screen and (max-width:767px) {

	#philosophy dl.motto dd {
		display: block;
		margin-right: 0;
		margin-left: 0;
	}
	
	/*#philosophy dl.motto dd:nth-of-type(2)  {
		margin-left: 1em;
	}*/

}

@media print, screen and (max-width:479px) {

	#philosophy h4 { text-align: left; }

}


@media print, screen and (max-width:570px) {
	#company h2 img{
	    max-width: 130px;
	}
	
	div.pic{
		float:none;
		width:100%;
		margin-bottom:30px;
	}

	div.txt{
		float:none;
		width:100%;
		margin-right:0;
	}
	
	dl {
		width:100%;
	}
    
    dl dt,
    dl dd {
        padding: 8px 20px;
    }
    
    dl dt {
        float: none;
        background-color: #eff2f6; /* 背景色を指定 */
        border-top:1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
		color:#121212;
    }
    
    dl dd {
        border-top: 1px solid #FFF;
        border-bottom: 1px solid #FFF;
    }
	
}

/* PC
-------------------------------------------------- */
@media print, screen and (min-width: 571px) {
	dl {
        background: #FFF url(img/bg.png) repeat-y -150px 0; /* dlで背景画像をyリピートし、dtの背景色のように見せる。positionはdtの幅に応じて調整 */
    }
    
    dl dt,
    dl dd {
        padding: 10px;
    }
    
   dl dt {
        clear: both;
        float: left;
        width: 110px; /* 幅を指定 */
		background:#eff2f6;
		color:#121212;
    }
    
   dl dd {
        padding-left: 170px; /* dtの分、左にpaddingを取る */
        border-bottom: 1px solid #e8e8e8;
    }
	
	#greetings,#access{
		padding-bottom:50px;
	}
	
	#outline{
		background:url(img/bg1.jpg) no-repeat;
		background-size:cover;
		padding-bottom: 50px;
	}
	
	#access dl{
		border: 1px solid #e8e8e8;
		border-bottom:none;
		margin-bottom:30px;
	}
	/*沿革*/   
    #history dt,
    #history dd {
        padding: 10px;
    }
    
    #history dt {
        clear: both;
        float: left;
        width: 55px; 
		font-weight:bold;
    }
    
    #history dd {
        padding-left: 93px;
    }
	#history{
		background:url(img/bg2.jpg) no-repeat;
		background-size:cover;
		padding-bottom: 50px;
	}
	#history dl {
    	background: #FFF url(img/bg2.png) repeat-y 0 0;
	}
	
	
	

}