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



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/




/* PC */
@media screen and (min-width:481px), print {




#wrapper{
	overflow:hidden;
}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* access */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */




.access h3{
	margin-bottom:40px;
	}





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





#midosuji{
	
	}
#midosuji dl{
	margin-bottom:20px;
	padding-bottom:30px;
	background:url(../img/access_line01.png) no-repeat left bottom;
	width:100%;
	
	}
#midosuji dl.last{
	background:none;
	}
#midosuji dl dt{
	float:left;
	width:400px;
	}
#midosuji dl dd{
	float:left;
	width:580px;
	margin-left:20px;
	font-size:18px;
	line-height:26px;
	font-weight:bold;
	
	}
#midosuji dl dd p{
	margin-top:15px;
	
	}



#jr{
	
	}
#jr dl{
	margin-bottom:20px;
	padding-bottom:30px;
	background:url(../img/access_line01.png) no-repeat left bottom;
	width:100%;
	
	}
#jr dl.last{
	background:none;
	}
#jr dl dt{
	float:left;
	width:400px;
	}
#jr dl dd{
	float:left;
	width:580px;
	margin-left:20px;
	font-size:18px;
	line-height:26px;
	font-weight:bold;
	
	}
#jr dl dd p{
	margin-top:15px;
	
	}











}






/* スマホ */
@media only screen and (max-width: 480px) {




.access h3{
	width:100%;
	margin-bottom:6%;
	}
.access h3 img{
	width:100%;
	}




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






#midosuji{
	margin-bottom:9%;
	}
#midosuji dl{
	margin-bottom:3%;
	padding-bottom:8%;
	background:url(../img/access_line01_sp.png) no-repeat left bottom;
	background-size:contain;
	width:100%;
	
	}
#midosuji dl.last{
	background:none;
	}
#midosuji dl dt{
	width:80%;
	margin:0 auto;
	margin-bottom:3%;
	margin-top:3%;
	}
#midosuji dl dt img{
	width:100%;
	}
#midosuji dl dd{
	width:100%;
	margin-bottom:3%;
	}
#midosuji dl dd img{
	width:30%;
	float:left;
	margin-right:5%;
	}
#midosuji dl dd p{
	width:65%;
	float:right;
	}



#jr{
	
	}
#jr dl{
	margin-bottom:3%;
	padding-bottom:8%;
	background:url(../img/access_line01_sp.png) no-repeat left bottom;
	background-size:contain;
	width:100%;
	
	}
#jr dl.last{
	background:none;
	}
#jr dl dt{
	width:80%;
	margin:0 auto;
	margin-bottom:3%;
	}
#jr dl dt img{
	width:100%;
	}
#jr dl dd{
	width:100%;
	margin-bottom:3%;
	}
#jr dl dd img{
	width:30%;
	float:left;
	margin-right:5%;
	}
#jr dl dd p{
	width:65%;
	float:right;
	}






}