@charset "UTF-8";

/* ▼▼▼ 事務所概要・アクセス
=====================================*/
#main{
	font-size: 18px;
	}
	#main a{
		color: #000;
		}
		
#title_area{
	background: url(../img/office/main.jpg) no-repeat center/cover;
	}

table.overview{
	border-top: 2px dotted #ccc;
	width: 100%;
	margin-bottom: 100px;
	}
	table.overview th,
	table.overview td{
		border-bottom: 2px dotted #ccc;
		}
	table.overview th{
		background: #E6F1FF;
		width: 18%;
		padding: 20px 20px;
		}
	table.overview td{
		padding: 20px 30px;
		}
	table.overview td li{
		padding-left: 1em;
		text-indent: -1em;
		}
	table.overview td .tel-moji{
		display: block;
		}

.access_map{
	height: 460px;
	margin-bottom: 40px;
	}
.access_txt{
	padding-left: 40px;
	position: relative;
	}
	.access_txt:not(:last-of-type){
		margin-bottom: 20px;
		}
	.access_txt:before{
		content: "";
		background: url(../img/office/access_01.png) no-repeat center/100%;
		width: 24.34px;
		height: 34.11px;
		position: absolute;
		top: -5px;
		left: 0;	
		}
	.access_txt:last-of-type:before{
		background: url(../img/office/access_02.png) no-repeat center/100%;
		width: 33.81px;
		height: 25.77px;
		top: -3px;
		left: -2px;
		}
	.access_txt span{
		display: block;
		font-weight: bold;
		padding-bottom: 10px;
		}


/* ▼▼▼ 768px
=====================================*/
@media screen and (max-width: 768px) {
#mine{
	font-size: 18px;
	}

table.overview{
	display: block;
	border-top: 2px dotted #ccc;
	width: 100%;
	margin-bottom: 100px;
	word-break: break-all;
	}
	table.overview th,
	table.overview td{
		display: block;
		border-bottom: 2px dotted #ccc;
		}
	table.overview th{
		background: #E6F1FF;
		border: none;
		width: 100%;
		padding: 20px;
		}
	table.overview td{
		padding: 20px;
		}
.access_map{
	height: 250px;
	}

}