@charset "UTF-8";

#blc01,
#blc02,
#blc03,
#blc04,
#blc05{
margin-bottom: 7%;
}

.accessBlc{
position: relative;
text-align: center;
width: 100%;
padding: 4% 0;
margin: 20px auto 0;
}

.accessBlc > .info {
text-align: left;
background-color: rgba(252,227,227,0.8);
max-width: 255px;
padding: 2%;
position: absolute;
top: 8px;
right: 30px;
z-index: 2;
}

.accessBlc > .info .ttl {
text-align: center;
font-size: 140%;
font-weight: bold;
margin-bottom: 10px;
}

.accessBlc > .info > .txt {
	text-align: center;
margin-bottom: 10px;
}

.accessBlc > .info > .accessImgBlc {
margin-top: 20px;
width: 130px;
height: 130px;
border-radius: 100%;
overflow: hidden;
margin: 10px auto;
}

.accessBlc > .info > .accessImgBlc > img {
overflow: hidden;
}

.accessBlc > iframe{
width: 100%;
height: 250px;
}

@media screen and (max-width: 540px) {
	.accessBlc{
	position: relative;
	text-align: center;
	width: 100%;
	padding: 4% 0;
	margin: 20px auto 0;
	}

	.accessBlc > .info {
	background-color: rgb(252,227,227);
	max-width: 100%;
	padding: 2%;
	position: relative;
	top: auto;
	right: auto;
	}

}