@charset "UTF-8";

/*==============================
		content設定
==============================*/

#contents h3{
	text-align: center;
	margin-bottom: 20px;
	font-weight: bold;
}


/*-----titleImage-----*/

#contents #titleImg{
	background-image: url(/img/access/titleimg_pc.jpg);
}


/*----- マップ -----*/

.campany address{
	flex:0 0 40%;
	-ms-flex:0 0 40%;
}

.campany address p{
	font-size: 16px;
	padding: 20px 10px;
	border-bottom: 1px dotted;
}

.campany .map {
	flex:0 0 55%;
	-ms-flex:0 0 55%;	
}

.campany .map a{
    display: block;
	text-align: right;
}

.campany .map .map_canvas{
    height: 300px;
    width: 100%;
	margin-bottom: 10px;
}



/*------------------------------
	タブレットの設定
------------------------------*/

@media screen and (max-width:960px) {
	

	
	
}



/*------------------------------
	スマホの設定
------------------------------*/

@media screen and (max-width:600px){

	/*-----titleImage-----*/
	
	#contents #titleImg{
		background-image: url(/img/access/titleimg_sp.jpg);
	}
	/*----- マップ -----*/

	.campany address{
		flex:0 0 100%;
		-ms-flex:0 0 100%;
		margin-bottom: 20px;
	}
	.campany .map {
		flex:0 0 100%;
		-ms-flex:0 0 100%;	
	}

}