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

	.introduction p {
		font-size: 14px;
		line-height: 28px;
	}
	.introduction .place {
		padding: 10px 0 0;
	}
	.introduction .place dl {
		border-radius: 10px;
		margin: 0 0 30px;
		padding: 35px;
	}
	.introduction .place dl dt {
		font-size: 21px;
		line-height: 28px;
		font-weight: bold;
	}
	.introduction .place ul.detail li {
		font-size: 14px;
		line-height: 28px;
	}
	.introduction .place ul.detail li.freedial,
	.introduction .place ul.detail li.freedial a.tel {
		color: #CC0000;
		font-weight: bold;
	}
	.introduction .place dl.fuji {
		background-color: #DCEDEA;
	}
	.introduction .place dl.fuji dt {
		color: #4C9F92;
	}
	.introduction .place dl.komatsu {
		background-color: #EDF7E6;
	}
	.introduction .place dl.komatsu dt {
		color: #009900;
	}
	.introduction .place dl.osaka {
		background-color: #CFEEC6;
	}
	.introduction .place dl.osaka dt {
		color: #659D38;
	}
		
	.introduction .staff ul li {
		display: inline-block;
		margin: 10px 20px;
	}
	.introduction .staff ul li figure {
		display: inline-table;
	}
	.introduction .staff ul li figure img {
		border-right: #FFFFFFF solid 1px;
		border-bottom: #FFFFFFF solid 1px;
		box-shadow: 5px 5px 5px #666666;
		display: table-cell;
	}
	.introduction .staff ul li figure figcaption {
		display: table-cell;
		vertical-align: middle;
		font-size: 16px;
		line-height: 28px;
		padding: 0 0 0 20px;
	}
	
	.introduction .guide ul {
		display: block;
		text-align: center;
	}
	.introduction .guide ul li {
		display: inline-block;
		margin: 15px 20px;
	}
	.introduction .guide ul li figure img {
		width: 100%;
		height: auto;
		border: #FFFFFFF solid 1px;
		box-shadow: 5px 5px 5px #666666;
	}


/* pc */
@media screen and (min-width: 950px) {
	
	.introduction .place dl dd.btn a:hover img {
		position: relative;
		top: 1px;
		left: 1px;
	}
	
}
/* mobile */
@media screen and (max-width: 767px) {
	
	.introduction .place ul.detail li span {
		display: block;
	}
	.introduction .place dl dd.btn {
		text-align: right;
	}
		
}