.access main header {
	background-image: url(../../access/img/visual.jpg);
}



#access .row  {
	overflow: hidden;
}

#access .row  .col {
	float: left;
}

#access .row  .col:first-child {
	width: 60%;
}

@media(max-width:768px){
	#access .row  .col:first-child {
		width: 100%;
	}
}

#access .row  .col:first-child + .col {
	width: 40%;
	padding-left: 40px;
}

@media(max-width:768px){
	#access .row  .col:first-child + .col {
		width: 100%;
		padding-left: 0;
		margin-top: 12px;
	}
}

#access .row .movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#access .row .movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


#access ul  {
	border: 12px solid #f6f6f6;
	background-color: #fcfcfd;
	padding: 20px 20px;
	margin-top: 20px;
	font-size: 13px;
	line-height: 20px;
}


@media(max-width:768px){
	#access ul  {
		display: block;
		padding: 15px;
		margin-top: 15px;
		border-width: 8px;
	}
}

#access ul li {
	padding-left: 40px;
	position: relative;
}

@media(max-width:768px){
	#access ul li {
	}
}

#access ul li + li {
	margin-top: 20px;
}

@media(max-width:768px){
	#access ul li + li {
		margin-left: 0;
		margin-top: 12px;
	}
}

#access ul li:first-child:before {
	content: "";
	background-image: url(../../img/access_02_icon.png);
	width: 24px;
	height: 24px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

#access ul li:first-child + li:before {
	content: "";
	background-image: url(../../img/access_01_icon.png);
	width: 24px;
	height: 24px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}


#access ul li:first-child + li + li:before {
	content: "";
	background-image: url(../../img/access_03_icon.png);
	width: 24px;
	height: 24px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}


main .map iframe {
	width: 100%;
}