<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/**
 *
 *  ページ用CSS
 *　access
 */

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

/*--------------------------------------------------------------------------
   #Visual
---------------------------------------------------------------------------*/
#Visual{
	margin-top: 10px;
	height: 400px;
	background:url(../images/access/bg_kv.jpg) no-repeat center center;
	background-size:cover;
}

#Visual .breadcrumb li,
#Visual .breadcrumb a{
	color:#297C6C;
	text-shadow: #FFF 0 0 2px;
}

.VisualNote{
	position: absolute;
	top:160px;
	right:10px;
	color:#FFF;}
@media screen and (max-width: 768px) {
.VisualNote{
	top:252px;
	right:4px;
}
}

	
	
/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* access
-----------------------------------------------------------------*/
.access h2{
	margin-bottom: 80px;	
}
.access .lead{
	margin-bottom: 60px;
	text-align:center;	
}
.access .station-list{
	display:flex;
	max-width:1130px;
	margin: 0 auto 95px;
}
.access .station-list li+li{
	margin-left: 45px;
}	

.access .station-list .txt{
	margin-top: 20px;
}
.access .station-list .txt span{
	display:block;
	padding-top: 5px;
	font-size:79%;
}

.access .train-map{
	margin-bottom: 30px;
	text-align:center;
	background:#f3f3f3;	
}
.access .access-map{
	display:flex;
	max-width:1000px;
	margin: 0 auto 50px;
}
.access .access-map p{
	width: 50%;	
	text-align:center;	
}
.access .notes{
	max-width:1050px;
	margin: 0 auto;
}


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


/*--------------------------------------------------------------------------
   #Visual
---------------------------------------------------------------------------*/
#Visual{
	margin-top: 0;
	height: 180px;
}


/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* access
-----------------------------------------------------------------*/
.access h2{
	margin-bottom: 20px;	
}
.access .lead{
	margin-bottom: 20px;	
}
.access .station-list{
	flex-wrap:wrap;
	margin: 0 auto 30px;
}
.access .station-list li{
	width: 100%;	
}
.access .station-list li+li{
	width: 50%;
	margin: 15px 0 0;
	padding: 0 5px 0 0;
}	
.access .station-list li+li+li{
	padding: 0 0 0 5px;
}
.access .station-list li:first-child .txt img{
	max-width:350px;
	width: 48.7%;
}
.access .station-list .txt{
	margin-top: 10px;
	line-height:0;	
}
.access .station-list .txt span{
	display:block;
	padding-top: 5px;
	font-size:72%;
	line-height:1.5;
}

.access .train-map{
	margin-bottom: 30px;	
}
.access .access-map{
	display:block;
	margin: 0 auto 30px;
}
.access .access-map p{
	width: 100%;	
	text-align:center;	
}
.access .access-map .txt-area{
	margin-bottom: 15px;
	text-align:left;	
}
.access .access-map .txt-area img{
	max-width:490px;
	width: 58%;
}


}</pre></body></html>