
/* contnts ==================================================================== */
.mainbox {
	padding:20px 20px 30px 20px;
}

.accessBox {
	overflow:hidden;
	margin-bottom:20px;
}

.accessLeft {
	/* float:left; */
	/* width:380px; */
}

.accessLeft .txt {
	margin-bottom:20px;
}

.accessLeft .bord {
	background:#ff6561;
	display:inline-block;
	padding:5px;
	line-height:1;
	color:#ffffff;
	margin:0 6px 6px 0;
	width:60px;
	text-align:center;
}

.accessLeft .titleStyle01 {
	font-size:22px;
	font-weight:normal;
	margin-bottom:10px;
}

.accessLeft .titleStyle02 {
	font-size:18px;
	font-weight:normal;
	margin-bottom:10px;
}

.accessRight {
	float:right;
	width:540px;
}

.mapBox {
	background:url(../../access/img/icon_map.png) 50% 0 no-repeat;
	padding-top:55px;
}

.mapBoxInner {
	border:solid 1px #dbd2c8;
}


@media screen and (max-width: 768px) {
.mainbox {
	padding:20px 10px 30px 10px;
}

.accessBox {
	overflow:hidden;
	margin-bottom:20px;
}

.accessLeft {
	float:none;
	width: inherit;
}

.accessLeft .titleStyle01 {
	font-size:20px;
	font-weight:normal;
	margin-bottom:10px;
}

.accessLeft .titleStyle02 {
	font-size:16px;
	font-weight:normal;
	margin-bottom:10px;
}

.accessRight {
	float: none;
	width: inherit;
}

.accessRight img {
	max-width:100%;
}

.mapBox {
	background:url(../../access/img/icon_map.png) 50% 0 no-repeat;
	padding-top:55px;
}

.mapBoxInner {
	border:solid 1px #dbd2c8;
}

.mapBoxInner {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.mapBoxInner iframe,
.mapBoxInner object,
.mapBoxInner embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}