body { background: #F9F7EF url(../parts/page_main_bg.png) 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/page_main_bg.png) 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: 710px; 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 5px; 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;}

/*-- 弁護士紹介 ----------------------------------------------------*/

.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 ul,
.kaimu ul,
.others ul { margin-bottom:20px; overflow:hidden;}
.incident ul li,
.kaimu ul li,
.others 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 20px 0; color:#00A6E9; font-size:22px; 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;}
.rinen h6 { margin-top:2em; margin-bottom: 1em; font-size: 100%; font-weight: bold;}
.rinen p { margin-bottom: 1em;}

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

/*----------------------------------------------------
	取扱分野
 ----------------------------------------------------*/
.faq { }
#main .faq 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 30%; border-bottom:1px solid #00A6E9; }
#main .faq h3 span { padding:0 20px 0 14px; color:#fff; font-size:20px; font-weight:bold; letter-spacing:0;}
#main .faq h3 span.dig { padding:0 18px 0 8px; color:#fff; font-size:19px; letter-spacing:0;}
.faq h4 { border-bottom:1px dashed #94C71D; margin-bottom:10px;}

@media only screen and (max-width: 960px) {
    #main .faq h3 { font-size: 19px; background:url(../parts/ico_cloud.png) no-repeat left top;}
    #main .faq h3 span{ font-size: 18px;}
}
.faq ol { position: relative; margin: 0 0 30px 0; padding: 0 10px 0 6px; list-style: none; counter-reset: li; }
.faq ol li { position: relative; margin:0; padding:17px 0 15px 30px; line-height: 1.5; font-size:16px; font-weight: normal; border-bottom: 1px dotted #999;}
.faq ol li:before { position: absolute; counter-increment: li; content: counter(li) "."; left: 0; top: 16px; }
.faq ol li a { text-decoration: none; color: #333; background:url("../parts/ico_arrow2.png") no-repeat right 6px; padding-right: 30px; display: block; z-index: 1;}
.faq ol li a:hover { text-decoration: underline;}

/*----------------------------------------------------
	表
----------------------------------------------------*/
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;}

.enkaku dl dt { clear: both; float: left; width: 180px; font-size:15px; margin-bottom: 5px; padding:0 0 5px 14px; background:url(../parts/ico_dl.gif) no-repeat 2px 5px; font-weight: normal;}
.enkaku dl dd { font-size:15px; margin-bottom: 5px; padding-bottom: 5px; padding-left: 200px; border-bottom: 1px dotted #999; }

.bunya dl dt { clear: both; float: left; width: 200px; font-weight: normal; font-size:16px; margin-bottom: 5px; padding:0 0 5px 14px; background:url(../parts/ico_dl.gif) no-repeat 2px 5px; font-weight: normal;}
.bunya dl dd { margin-bottom: 5px; padding-bottom: 5px; padding-left: 210px; border-bottom: 1px dotted #999; }

.gaiyou { }
.gaiyou dl dt { clear: both; float: left; width: 80px; font-size:14px; margin-bottom: 5px; padding:0 0 5px 14px; background:url(../parts/ico_dl.gif) no-repeat 2px 5px; font-weight: normal;}
.gaiyou dl dd { font-size:14px; margin-bottom: 5px; padding-bottom: 5px; padding-left: 90px; border-bottom: 1px dotted #999; }

.houterasu { float:right; width:230px; margin-left:10px; border:1px solid #C2DA7C; padding:10px 10px 0 10px; }
.houterasu dl dt { clear: both; float: left; width: 70px; font-weight: normal; margin-bottom: 5px; padding:0 0 5px 14px; background:url(../parts/ico_dl.gif) no-repeat 2px 5px; font-weight: normal;}
.houterasu dl dd { margin-bottom: 5px; padding-bottom: 5px; padding-left: 80px; border-bottom: 1px dotted #999; }
.houterasu h4 { clear:both; margin-bottom:20px; border-bottom:1px solid #94C71D; font-size:16px; font-weight:normal; color:#FF581E; }

/* Accordion
--------------------------------------------------------------*/
#main .box-qa 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 2px; border-bottom:1px solid #00A6E9; }
#main .box-qa h3 span { padding:0 20px 0 14px; color:#fff; font-size:20px; font-weight:bold; letter-spacing:0;}
#main .box-qa h3 span.dig { padding:0 18px 0 8px; color:#fff; font-size:19px; letter-spacing:0;}

@media only screen and (max-width: 960px) {
    #main .box-qa h3 { font-size: 19px; background:url(../parts/ico_cloud.png) no-repeat left top;}
    #main .box-qa h3 span{ font-size: 18px;}
}

.acc dt { position: relative; width:100%; padding: 14px 30px 12px 22px; border-bottom: 1px dotted #999; font-size: 16px;}
.acc dt:before{ position: absolute; left: 0; top: 12px; bottom: 0; content: "Q"; font-size:18px; font-weight: bold; color: #94C71D; }
.acc dt:hover{ color: #999; cursor: pointer;}
.acc dt:after{ position: absolute; right: 5px; top:12px; content: "＋"; font-size: 21px; font-weight: bold; color: #E51919; }
.acc dt.open:after{ content: "×"; padding-right:5px;}
.acc dd{ position: relative; width:100%; padding: 14px 12px 12px 22px; font-size:16px; border-bottom: 1px dotted #999;}
.acc dd:before{ position: absolute; left: 0; top: 10px; bottom: 0; content: "A"; font-size:18px; font-weight: bold; color: #E51919; }

.box-qa .message { padding:25px 25px 20px 25px; background:#F2FBFE;}
.box-qa .message .catch { font-size: 125%; font-weight: bold; color:#17ABF1;}

/*----------------------------------------------------
	費用について
----------------------------------------------------*/
#main .fee 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 30%; border-bottom:1px solid #00A6E9; }
#main .fee h3 span { padding:0 20px 0 14px; color:#fff; font-size:20px; font-weight:bold; letter-spacing:0;}

@media only screen and (max-width: 960px) {
    #main .fee h3 { font-size: 19px; background:url(../parts/ico_cloud.png) no-repeat left top;}
    #main .fee h3 span{ font-size: 18px;}
}
.fee h4 { clear:both; margin-top: 20px; margin-bottom:22px; padding:15px 0 3px 16px; border-bottom:1px solid #94C71D; background:url(../parts/ico_h4.gif) no-repeat left 20px; font-size:134%; font-weight:normal; }
.fee h5 { clear:both; font-weight:bold; font-size:16px; letter-spacing:0.05em; padding-top:15px; margin-bottom:5px; }
.fee .catch { font-size: 125%; font-weight: bold; color:#17ABF1;}
.fee strong { font-weight: normal; color: #00A6E9;}

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

.fee ul.list-cir {}
.fee ul.list-cir li { margin-bottom:5px; padding-left:16px; font-size:93.75%; background:url(../parts/ico_cir.png) no-repeat left 7px;}

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

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

@media only screen and (max-width: 960px) {
    .fee table.fee-tb1,
    .fee table.fee-tb2 { font-size:14px;}
    .fee table.fee-tb1 td,
    .fee table.fee-tb1 td { padding: 7px 5px 5px 5px; }
    .fee table.fee-tb1 th { width:27%;}
}

@media only screen and (max-width: 480px) {
    .fee table.fee-tb2 { font-size:13px;}
}

.fee-contact { border-top:1px dashed #4CCDF1; padding-top: 20px;}
.fee-contact .catch { font-size: 21px; margin-bottom: 1.2em;}
.fee-contact .fee-tel,
.fee-contact .fee-mail { padding: 0.5em 0;}
.fee-contact .fee-tel a { font-size: 17px; font-weight: bold; text-decoration: none;}
.fee-contact .fee-mail a { font-size: 17px; font-weight: bold;}
.fee-contact .fee-tel i {  margin-right:2px; font-size: 17px; font-weight: bold; text-decoration: none;}
.fee-contact .fee-mail i {  margin-right:2px; font-size: 17px; font-weight: bold;}

/*----------------------------------------------------
	企業法務について
----------------------------------------------------*/
.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;}

/*----------------------------------------------------
	お問合せ
----------------------------------------------------*/
#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;}


/*----------------------------------------------------
	せいうん便り
----------------------------------------------------*/
.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 { 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:14px;}
.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 30%; 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; width:calc(100% - 300px);}
#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; }
    .access .access-boxs .txt { float:none; width:100%; }
}

@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 30%; 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;}


/*----------------------------------------------------
	個人情報保護方針
----------------------------------------------------*/

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