@charset "euc-jp";


/*----------------------------------------------------
	TOP
----------------------------------------------------*/
body { background: #F9F7EF url(../parts/top_main_bg.jpg) no-repeat center top;}
#title { max-width:960px; text-align:center; margin:60px auto; text-align:left; }

@media screen and (max-width:960px) {
	body { background: #F9F7EF url(../parts/top_main_bg.jpg) no-repeat center -30px;}
	#title { margin:30px auto; text-align:left; }
	#title img { max-width:100%; }
}

.mt50 {
    margin-top: 50px;
}

.mb50 {
    margin-bottom: 50px;
}
.mb100 {
    margin-bottom: 100px;
}

.boxs {
	background: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 2px 0 #E8E8E8;
	-moz-box-shadow: 0 0 2px 0 #E8E8E8;
	box-shadow: 0 0 2px 0 #E8E8E8; 
	}
.boxs:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

.box { margin-bottom:40px; }
.box:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}


#inside { width: 650px; margin:0 auto 26px auto; padding:30px; }
#inside h3 { clear:both; margin-bottom:26px; padding:0 0 2px 40px; font-size:23px; font-weight:normal; letter-spacing:0.1em;
 background:url(../parts/ico_h3.png) no-repeat left 3px; border-bottom:1px solid #00A6E9; }
#inside .telhref span { display:inline-block; margin-right:10px; padding-left:50px; color:#E71B1B; font-size:18px; font-weight:bold;}

@media only screen and (max-width: 960px) {
#inside { width: 85%; padding:5%; }
#inside img { max-width:100%; margin-bottom:10px;} 
}



/* 番号・E好・-------------------------------------------- */
ol.listn { margin:5px; padding:0; overflow:hidden;}
ol.listn li { margin:0 0 5px 0; padding:0 0 2px 25px; list-style:none;}

.no01, .no02, .no03, .no04, .no05 { margin:0 0 5px 0; padding:5px 0 2px 28px; list-style:none; font-size:16px; font-weight:normal;}

.no01 { background:url(../parts/no1.gif) no-repeat left 5px;}
.no02 { background:url(../parts/no2.gif) no-repeat left 5px;}
.no03 { background:url(../parts/no3.gif) no-repeat left 5px;}
.no04 { background:url(../parts/no4.gif) no-repeat left 5px;}
.no05 { background:url(../parts/no5.gif) no-repeat left 5px;}

.work h4 { border-bottom:1px dashed #94C71D; margin-bottom:10px;}



/*----------------------------------------------------
	弁勾徇
----------------------------------------------------*/

.lawyer { padding:15px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #33C6EF ;
	-webkit-box-shadow: 0 0 2px 0 #E8E8E8;
	-moz-box-shadow: 0 0 2px 0 #E8E8E8;
	box-shadow: 0 0 2px 0 #E8E8E8;
    background: #DFF6FC;
	}

.lawyer:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

.lawyer img { float:left; padding-right:25px; background:#DFF6FC; }
.lawyer p { border-bottom:1px dashed #33C6EF; padding:5px;}
.lawyer p .name { font-size:24px;}

@media only screen and (max-width: 960px) {
.lawyer img { float:none; margin:0 auto 10px auto; padding-right:0; }

}

.incident {}
.incident ul { margin-bottom:20px; overflow:hidden;}
.incident ul li { margin-bottom:5px; padding-left:15px; background:url(../parts/ico_arrow.png) no-repeat left 4px;}

.kaimu {}
.kaimu ul { margin-bottom:20px; overflow:hidden;}
.kaimu ul li { margin-bottom:5px; padding-left:15px; background:url(../parts/ico_arrow.png) no-repeat left 4px;}

.rinen h4 { clear:both; margin-bottom:10px; padding:20px 0 3px 16px; border-bottom:1px solid #94C71D; background:url(../parts/ico_h4.gif) no-repeat left 20px; font-size:116%; font-weight:normal; }

.box h4 { clear:both; margin-bottom:10px; padding:20px 0 3px 16px; border-bottom:1px solid #94C71D; background:url(../parts/ico_h4.gif) no-repeat left 20px; font-size:116%; font-weight:normal; }

.rinen .rinen-point { border:1px solid #E7DBD7; padding:0 22px 10px 22px; margin:20px auto; }
.rinen h5 { margin:26px 0 10px 0; color:#00A6E9; font-size:20px; font-weight: normal; letter-spacing:0.07em; line-height:1.1; }
.rinen h5:after { content:" "; display:block; clear:both;}
.rinen h5.point1 { background:url(../parts/lawyer_point1.gif) no-repeat left bottom; padding:30px 0 8px 100px;}
.rinen h5.point2 { background:url(../parts/lawyer_point2.gif) no-repeat left bottom; padding:45px 0 8px 100px; border-top:1px dashed #4CCDF1;}
.rinen h5.point3 { background:url(../parts/lawyer_point3.gif) no-repeat left bottom; padding:45px 0 8px 100px; border-top:1px dashed #4CCDF1;}
.rinen h5.point4 { background:url(../parts/lawyer_point4.gif) no-repeat left bottom; padding:45px 0 8px 100px; border-top:1px dashed #4CCDF1;}

@media only screen and (max-width: 640px) {
	.rinen h5 { font-size:16px; }


}


/*----------------------------------------------------
	取扱分・E
----------------------------------------------------*/
.work { }

#main .work h3 { clear:both; margin-bottom:26px; padding:0 0 2px 0; font-size:23px; font-weight:normal; letter-spacing:0.1em;
 background:url(../parts/ico_cloud.png) no-repeat left top; border-bottom:1px solid #00A6E9; }

#main .work h3 span { padding:0 20px 0 14px; color:#fff; font-size:20px; font-weight:bold; letter-spacing:0;}
#main .work h3 span.dig { padding:0 18px 0 8px; color:#fff; font-size:19px; letter-spacing:0;}

.work ul { margin-bottom:20px;}
.work ul li { margin-bottom:5px; padding-left:15px; background:url(../parts/ico_arrow.png) no-repeat left 4px;}
.work ul:after { content:" "; display:block; clear:both;}

.work .work-answer { clear:both; margin:20px auto 20px auto; padding:0 0 0 45px; font-size:15px; letter-spacing:0.05em; background:url(../parts/work_answer.png) no-repeat left 5px;}

/* 吹き出し */
.work .work-answer .balloon{ position: relative; padding: 17px 12px 15px 12px; border: 1px solid #66CAF2; border-radius: 7px; background:#E5F8FD;}
.work .work-answer .balloon::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -10px;
  top: 30%;
  border-right: 10px solid #66CAF2;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.work .work-answer .balloon::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -9px;
  top: 30%;
  border-right: 10px solid #E5F8FD;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}




@media only screen and (max-width: 960px) {
#main .work .box img.imgR { display:block; float:none; margin:0 auto 10px auto; width:auto;} 
.work ul { clear:both;}

}


/*----------------------------------------------------
	表
----------------------------------------------------*/

dl { clear:both; margin:10px 0;}
dl:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
dl dt { clear: both; float: left; width: 150px; margin-bottom: 5px; padding:0 0 5px 14px; background:url(../parts/ico_dl.gif) no-repeat 2px 5px; font-weight: normal;}
dl dd { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #999;}

.enkaku dl dt { width: 150px; }
.enkaku dl dd { padding-left: 160px; }

.bunya dl dt { width: 200px; font-weight: normal; font-size:15px; }
.bunya dl dd { padding-left: 210px; }

.gaiyou { }
.gaiyou dl dt { width: 100px; }
.gaiyou dl dd { padding-left: 110px; }

.houterasu { float:right; width:230px; margin-left:10px; border:1px solid #C2DA7C; padding:10px 10px 0 10px; }
.houterasu dl dt { width: 70px; font-weight: normal; }
.houterasu dl dd { padding-left: 80px; }
.houterasu h4 { clear:both; margin-bottom:20px; border-bottom:1px solid #94C71D; font-size:15px; font-weight:normal; color:#FF581E; }

/*----------------------------------------------------
	費用について
----------------------------------------------------*/
.fee h4 { clear:both; margin-bottom:20px; padding:20px 0 3px 16px; border-bottom:1px solid #94C71D; background:url(../parts/ico_h4.gif) no-repeat left 20px; font-size:116%; font-weight:normal; }
.fee h5 { clear:both; font-weight:bold; font-size:14px; letter-spacing:0.05em; padding-top:15px; margin-bottom:5px; }

.fee strong { font-weight: normal; color: #00A6E9;}

.fee ul {}
.fee ul li { margin-bottom:5px; padding-left:18px; background:url(../parts/ico_caution.png) no-repeat left 4px;}

#main .fee table { margin-bottom:10px; }
.fee table:after { content:" "; display:block; clear:both;}
.fee #fee2 table { margin-top:20px; }
.fee table th, 
.fee table td { border:#CCC 1px solid; text-align:left; padding: 7px 10px 5px 10px; }
.fee table th { width:20%; background-color: #EDE8E4; font-weight: normal;}
.fee table td.md { font-weight: bold; background-color: #E3DCD7; color:#2C1F1B; }

.fee .feelink { padding:10px 0;}
.fee .feelink a:link,
.fee .feelink a:visited { margin-right:50px; padding-left:12px; background:url(../parts/ico_arrow.png) no-repeat left 5px;}
.fee .feelink a:hover { color: #EC9797;}


@media only screen and (max-width: 640px) {
.fee table th { width:30%; background-color: #EDE8E4; font-weight: normal;}
}

/*----------------------------------------------------
	・E繁〔海砲弔い・
----------------------------------------------------*/
.affairis {}

.affairis .catch { font-size:17px; margin-bottom:15px; letter-spacing:0.1em;}
.affairis .affairis-about {  }
.affairis .affairis-txt { float:left; width:58%; }
.affairis .affairis-img { float:right; width:42%; margin-bottom:15px; }

.affairis .contact { border:1px solid #E7DBD7; padding:20px ; margin:20px auto; }

@media only screen and (max-width: 640px) {
	.affairis .affairis-txt { float:none; width:100%; }
	.affairis .affairis-img { float:none; width:100%; margin:10px auto; text-align:center; }
}


/*----------------------------------------------------
	理念
----------------------------------------------------*/
#main .policy h3 { clear:both; margin-bottom:20px; padding:0 0 2px 0; background:none;}
#main .policy h4 { clear:both; margin-bottom:20px; padding:20px 0 3px 0px; border-bottom:1px solid #94C71D; }
#main .policy strong { color: #00A6E9;} 
#main .policy .imgR { float: right; margin: 0 0 0 5px;}

/*----------------------------------------------------
	・E未領・・
----------------------------------------------------*/

#main .contact h4 { clear:none; margin-bottom:10px; padding:0 0 3px 0; background:none; border:none;}
.flow { clear:both; margin-bottom:20px; padding:0 0 35px 0;  background:url(../parts/contact_flowbg.jpg) no-repeat center bottom;}
.flow:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

.flowlast { clear:both; margin-bottom:20px; padding:0 0 17px 0;  background:url(../parts/contact_flowbglast.jpg) no-repeat center bottom;}
.flowlast:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}


/*----------------------------------------------------
	せいうん便・E
----------------------------------------------------*/
.let_ti { display:block; margin-bottom:5px; padding:5px 20px; border-top: 1px solid #EDE8E4; border-right: 1px solid #EDE8E4; border-left: 1px solid #EDE8E4; background:url(../parts/info_let_ti.jpg) repeat-x;overflow:hidden; }
#inside .let_ti h3 { clear:both; padding:30px 30px 0 0; margin:0; font-size:21px; font-weight:normal; letter-spacing:0.1em;  background:url(../parts/info_let_h3.png) no-repeat right bottom ; border-bottom: 1px solid #B7A393; }
#inside .let_ti h3.fonts { font-size:19px;}
.let_day { padding:0 30px 10px 30px; border-left: 1px solid #EDE8E4; border-right: 1px solid #EDE8E4; text-align: right; font-size: 10px; color: #7D6757;}
.let { padding:5px 30px; border-left: 1px solid #EDE8E4; border-right: 1px solid #EDE8E4;}
.let:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

article a { overflow-wrap: break-word;}

#inside .let ol { margin-left: 1em;}
#inside .let ol li { margin-bottom: 0.7em; list-style-type: decimal;}
#inside .let figure { margin-bottom: 1.5em;}
#inside .let figure figcaption { margin-top: -0.5em; padding: 4px 5px 4px; text-align: center; font-size: 13px; background: #EDE8E4;}
#inside .let figure:nth-child(even) img { margin: 0 25%;}

@media only screen and (max-width: 960px) {
	#inside .let figure img { margin-bottom: 0px;}
}

@media only screen and (max-width: 815px) {
	#inside .let figure:nth-child(even) img { margin: auto;}
}

@media only screen and (max-width: 640px) {
	.let img { float:none; margin:0 auto; max-width:100%; }
}


/*----------------------------------------------------
	アクセス
----------------------------------------------------*/
.access h4 { clear:both; margin-bottom:20px; padding:20px 0 3px 16px; border-bottom:1px solid #94C71D; background:url(../parts/ico_h4.gif) no-repeat left 20px; font-size:116%; font-weight:normal; }
.access li { background:url(../parts/ico_access.gif) no-repeat 2px 3px; padding-left:22px; padding-bottom:10px;}
.access li.last { background:url(../parts/ico_access2.gif) no-repeat left 5px; padding-left:22px; }

.access .box .box { clear:both; margin:0;}
.access .map { margin-bottom:20px; width:100%;}
.access .map:after { content:" "; display:block; clear:both;}
.access .map iframe { width:100%; height:450px;}
.access .map:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
.access .map .kakudai { text-align:right; margin:0; padding:0; font-size:13px;}
.access .access-add { clear:both; width:100%;}

.access .access-boxs { clear:both; margin:0 0 20px 0; border-bottom:1px dotted #CCC; padding-bottom:10px; text-align:center;}
.access .access-boxs:after { content:" "; display:block; clear:both;}
.access .access-boxs h4 { clear:both; margin:0 0 20px 0; padding:0 0 3px 16px; border-bottom:1px solid #94C71D; background:url(../parts/ico_h4.gif) no-repeat left top; font-size:116%; font-weight:normal; }
.access .access-boxs img { float:right; width:42.6%; }
.access .access-boxs .txt { float:left; width:54%; margin:0; padding:0; text-align:left;}

.access em { color: #00A6E9; font-style:normal; }
.access h5 { clear:both; background: #E7DBD7; border-radius: 7px; padding:8px 5px 2px 10px; margin:0 0 15px 0;}
#main .access h5 img { margin:0; padding:0; line-height:1;}

.access .access-route .parking-img { float:right; margin-left:15px;}

#office { clear: both;}
#office .gaiyou { float: right;}
#office img { float: left;}


@media only screen and (max-width: 960px) {
	.access .map { height:300px;}
	.access .map iframe { width:100%; height:280px; }
	.gaiyou dl dd br.sp { display: none;}
	#office img { float: none;}
}

@media only screen and (max-width: 800px) {
	#office .gaiyou { float: none; width: 100%;}
}

@media only screen and (max-width: 640px) {
	.access .box .txt { float:none; width:100%; }
	.access .access-boxs img { float:none; margin:0 auto; max-width:100%; width:277px; }
}

@media only screen and (max-width: 400px) {
	.access .access-route .parking-img { float:none; text-align:center; margin:0 auto;}
}


/*----------------------------------------------------
	民事法律扶助について
----------------------------------------------------*/

.l-aid{}

#main .l-aid h3 { clear:both; margin-bottom:26px; padding:0 0 2px 0; font-size:23px; font-weight:normal; letter-spacing:0.1em;
 background:url(../parts/ico_cloud.png) no-repeat left top; border-bottom:1px solid #00A6E9; }

#main .l-aid h3 span { padding:0 20px 0 14px; color:#fff; font-size:20px; font-weight:bold; letter-spacing:0;}
#main .l-aid h3 span.dig { padding:0 18px 0 8px; color:#fff; font-size:19px; letter-spacing:0;}

.l-aid strong { font-weight: normal; color: #00A6E9;}
.l-aid .box img { float:right; margin-left:15px;}


/*----------------------------------------------------
	自治会ホーム・充ヤー制度のご案・E
----------------------------------------------------*/

.homelawyer-about {}
.homelawyer-about .catch { font-size:16px; margin-bottom:15px; letter-spacing:0.1em;}
.homelawyer-about .homelawyer-about-photo { float:right; margin-left:15px; margin-bottom:15px;}

@media only screen and (max-width: 640px) {
	.homelawyer-about .homelawyer-about-photo { float:none; margin:0 auto; text-align:center; }
	}

.homelawyer h4 { clear:both; margin-bottom:20px; padding:20px 0 3px 16px; border-bottom:1px solid #94C71D; background:url(../parts/ico_h4.gif) no-repeat left 20px; font-size:116%; font-weight:normal; }
.homelawyer .territory { width:70%; float:left; }
.homelawyer strong { font-weight: normal; color: #00A6E9;}
.homelawyer dl { border-top: 1px dotted #999; border-bottom: 1px dotted #999;}
.homelawyer dl dt { width:75px; padding:10px 0 10px 18px; border-top: 1px dotted #999; background-position:5px 14px;}
.homelawyer dl dd { margin:0 0 -1px 90px; padding:10px 0 10px 18px; border-bottom:none;}
.homelawyer dl dt:first-child { border:none;}
.homelawyer dl dt:first-child + dd { border-bottom:1px dotted #999;}

.homelawyer .territory-map { float:right; width:29%; text-align:right;}

@media only screen and (max-width: 960px) {
	.homelawyer .territory { width:70%; float:left; }
	.homelawyer dl dt { width:100%; padding:10px 0 5px 15px; }
	.homelawyer dl dd { clear:both; margin: 0; padding:0 0 10px 15px; }
	.homelawyer dl dt:first-child + dd { border-bottom:none;}
}

@media only screen and (max-width: 640px) {
	.homelawyer .territory { width:100%; float:none; }
	.homelawyer .territory-map { float:none; width:100%; text-align:center;}

}

/*----------------------------------------------------
	個人情報保・E
----------------------------------------------------*/

.privacy h4 { clear: both; margin-bottom: 10px; padding:10px 0 5px 14px; background:url(../parts/ico_dl.gif) no-repeat 2px 14px; border-bottom:#CCC 1px dashed; }