@charset "utf-8";

/**
 *
 *  ページ用CSS
 *　map
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/
#Visual .breadcrumb li,
#Visual .breadcrumb a{
	color:#297C6C;
}

/* map
-----------------------------------------------------------------*/
.map{
	padding: 0 0 50px;	
}
.map h2{
	margin-bottom: 55px;
	text-align:center;
	font-weight:normal;	
}
.map h2 span{
	display:block;
	padding-top: 5px;
	font-size:115%;
	/*color:#8E8E8E;*/
	letter-spacing:1px;	
}
.map-cont{
	max-width:910px;
	margin: 0 auto;	
	color:#FFF;	
}
.map-cont .map-image{
	border:2px solid #5A5250;	
}
.map-cont .map-code{
	display:flex;
	padding: 5px 15px;
	background:#000;
}
.map-cont .map-code .ico{
	padding: 4px 5px 0 0;
	flex-shrink:0;	
}
.map-cont .map-code .code{
	font-size:220%;
	width: 10em;
    margin-right: 10px;
	flex-shrink:0;
	line-height:1;
}
.map-cont .map-code .code span{
    font-size:80%;
}
.map-cont .map-code .txt{
	font-size:93%;
	line-height:1.5;	
}
.map-cont .inq{
	padding: 20px 0;
	background:#297C6C;
}
.map-cont .inq .txt{
	margin-bottom: 18px;
	text-align:center;
	font-size:129%;
	line-height:1.5;
}
.map-cont .inq .tel{
	text-align:center;
	line-height:1.4;	
}
.map-cont .inq .tel span{
	display:inline-block;	
}
.map-cont .inq .tel span img{
	position: relative;
	top:-15px;
	margin-left: 30px;
}
@media all and (-ms-high-contrast: none){
.map-cont .inq .tel span img{
	top:0;
}
}

.btn-util{
	margin-top: 50px;
	text-align:center;
}
.btn-util li{
	display:inline-block;	
}
.btn-util li+li{
	margin-left: 20px;	
}
.btn-util li a{
	display:block;
	border:3px solid #000;
	transition:.3s;
}
.btn-util li a:hover{
	opacity:.7;
}





/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {



/* map
-----------------------------------------------------------------*/
.map{
	padding: 0 0 30px;	
}
.map h2{
	margin-bottom: 20px;	
}
.map h2 img{
	width: auto;
	height: 20px;	
}
.map h2 span{
	padding-top: 5px;
	font-size:86%;
}

.map-cont .map-image{
	border:1px solid #5A5250;	
}
.map-cont .map-code{
	display:flex;
	flex-wrap:wrap;
	padding: 10px;
}
.map-cont .map-code .ico{
	width: 20%;
	padding: 4px 5px 0 0;
	flex-shrink:1;	
}
.map-cont .map-code .code{
	font-size:200%;
	width: 8em;
	flex-shrink:1;
	line-height:1;
}
.map-cont .map-code .code span{
    font-size:70%;
}
.map-cont .map-code .code span{
    font-size:80%;
}
.map-cont .map-code .txt{
	width: 100%;
	font-size:72%;
	padding-top: 5px;
}
.map-cont .inq{
	padding: 15px;
	background:#297C6C;
}
.map-cont .inq .txt{
	margin-bottom: 10px;
	font-size:93%;
	text-align:left;
}
.map-cont .inq .tel{
	text-align:center;
	line-height:1.4;	
}
.map-cont .inq .tel a{
	display:flex;
	color:#FFF;	
}
.map-cont .inq .tel a span:first-of-type{
	width: 80px;
	flex-shrink:0;
	font-size:68%;
}
.map-cont .inq .tel a img{
	position: relative;
	top:2px;
	margin-left: 0;
}
.btn-util{
	margin-top: 30px;
	text-align:center;
}
.btn-util li{
	display:none;	
}
.btn-util li+li{
	display:block;	
	width: 220px;
	margin: 0 auto;
}
.btn-util li a{
	display:block;
	border:2px solid #000;
	transition:.3s;
}
.btn-util li a:hover{
	opacity:.7;
}


}


@media print {
body {
zoom: 100%; /
}

h2, .btn-util, .intro, #Footer .tel{
	display:none;
	}

}