@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 %
---------------------------------------------------------------------*/


	.sub_bg{
		background-image:url("../img/header_bg.jpg");
		}
		
	address{
		background-color:#f7f7f7;
		}


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

	.bar{
		width: 189px;
		left: 938.640625px;
		}
		
	#map{
		width:100%;
		height:400px;		
		}
		address{
			padding:20px 30px;
			}
			address h3{
				font-size:116%;
				margin-bottom:5px;
				}
				
	.how_access{
		}
		.accsess_1 > dt,.accsess_2 > dt{
			color:#003589;
			font-size:116%;
			font-weight:bold;
			margin-bottom:5px;
			}
				
			.accsess_2{
				margin-top:27px;
				padding-top:27px;
				border-top: 1px solid #b8c6dd;
				}
				
			.accsess_2 > dd dl:not(:nth-of-type(1)){
				margin-top:10px;
				}
				.accsess_2 > dd dl dt{
					font-weight:bold;
					}

}






/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
@media only screen and (max-width: 800px) {
	

	#map{
		width:100%;
		height:300px;		
		}
		address{
			padding:20px 30px;
			}
			address h3{
				font-size:116%;
				margin-bottom:5px;
				}
				
	.how_access{
		}
		.accsess_1 > dt,.accsess_2 > dt{
			color:#003589;
			font-size:116%;
			font-weight:bold;
			margin-bottom:5px;
			}
				
			.accsess_2{
				margin-top:27px;
				padding-top:27px;
				border-top: 1px solid #b8c6dd;
				}
				
			.accsess_2 > dd dl:not(:nth-of-type(1)){
				margin-top:10px;
				}
				.accsess_2 > dd dl dt{
					font-weight:bold;
					}
	
}