body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin:0;padding:0;
}

body{
	color: #000000;
	background: #ffffff;
}

a{
	color: #000000;
	text-decoration: none;
}

a:hover, .active{
  text-decoration: underline;
}



/* ヘッダー */

#header{
	text-align: center;
}

#logo_head{
	padding: 0px 0px 0px 0px;
	text-align: center;
}

#logo_head h1{
	padding: 20px 0px 20px 0px;
}



/* フッター */

#footer{
	clear: both;
	padding: 50px 10px 50px 0;
	text-align: center;
	font-size: 12px;
}



/* 共通設定 */

img{
	max-width: 100%;
	height: auto;
}

section{
	clear:both;
	padding-top: 70px;
}

section h2{
	width: 60%;
	margin: 0 auto 40px;
	font-size: 22px;
	font-weight:normal;
	text-align: center;
	background: url(../images/line_dot.png) repeat-x 0 50%;
	background-size: 4px 1px;
}

section h2 span {
	background: #fff;
	padding: 0 80px;
}

.block_inter{
	width: 60%;
	margin: 0 auto;
	padding-bottom: 80px;
}



/* 当事務所について */

#block01 img{
	width: 100%;
	margin-bottom: 30px;
}



/* アクセス情報 */

#block02 p{
	margin-bottom: 5px;
}

.col2 li{
	display: inline-block;
	width: 100%;
	margin: 20px 0;
}

#g_map{
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
	z-index: 0;
}

#g_map iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	border: 0;
}



/* レスポンシブの設定 */

@media only screen and (min-width: 641px){
.col2 li{
	width: 60%;
	vertical-align: top;
}
.col2 li:first-child{
	width: 35%;
	padding-right: 4%;
	}
}

@media only screen and (max-width: 640px){
section h2{
	width: 70%;
	margin: 0 auto 40px;
	font-size: 22px;
	font-weight:normal;
	text-align: center;
	background: url(../images/line_dot.png) repeat-x 0 50%;
	background-size: 4px 1px;
}
section h2 span {
	background: #fff;
	padding: 0 3px;
}
section p {
	line-height: 1.5em;
}
.block_inter{
	width: 90%;
	margin: 0 auto;
	padding-bottom: 10px;
}
#g_map iframe{
	width: 100% !important;
	}
}