@charset "utf-8";


.accessBigBox {
	padding: 20px;
	margin-top: 50px;
}

.access_area {
	margin-top: 20px;
		padding: 20px;
}
	
	
	
.access_areaR {
	margin-top: 20px;
}
	
.access_text {
	padding-left: 20px;
}


.Tel_access1 {
	font-size: 22px;
}
.Tel_access2 {
	font-size: 27px;
}

.accessBR {
	padding-left: 20px;
}

.accessPhoto1 {
	display: none;
}
.googleMap {
 width: 100vw;/*要素の縦幅は画面の横幅と同じ幅になります。*/
  position: relative;
  left:50%;/*左右設定することでセンターに*/
  right:50%;/*左右設定することでセンターに*/
  margin: 40px -50vw 0px -50vw;/*左右設定することでセンターに*/
}


.access_yoyaku_text{
	text-align: left;
	margin-top: 20px;
	padding: 0 10px 10px 20px;
	font-size: 13px;
}




/* ////////////////////////
タブレット以上
//////////////////////// */
@media (min-width:768px){
	
.accessBigBox {
	padding: 0px;
}	
	
	
	
.accessBigBL {
	flex-basis: 60%;
	order: 1;
}
	
	
.accessBigBR {
	flex-basis: 35%;
	order: 2;
}
	

.access_area {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		padding: 0px;
}
	
.access_areaL {
	flex-basis: 50%;
	margin-top: 0px;
}
	
.access_areaR {
	flex-basis: 45%;
	margin-top: 0px;
}
	
	
	
.accessBigBox {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
	
	
.accessBox {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}

.accessBL {
	flex-basis: 20%;
	order: 1;
}
	
	
.accessBR {
	flex-basis: 75%;
	order: 2;
}

.accessPhoto1 {
	display:block;
}
	
	

}


/* ////////////////////////
パソコン以上
//////////////////////// */
@media screen and (min-width: 1200px) {

	
main {
		font-size: 22px;
	line-height: 2em;
	}
	
	


}