@charset "utf-8";

@media screen and (min-width: 481px){
	.spCont{ display: none!important; }
}

html {
	color:#454545;
	font-family:"ヒラギノ角ゴ Pro W3","メイリオ","Hiragino Kaku GothicPro", osaka, sans-serif;
	font-size:62.5%;
}

body {
	font-size:14px;
	font-size:1.4rem;
	background:#221005;
}

.end {
	margin-right:0 !important;
	margin-bottom:0 !important;
}

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

a:hover {
	text-decoration:underline !important;
}

a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80); /* IE lt 8 */
	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
	-khtml-opacity: .80; /* Safari 1.x */
}

a:focus {
	overflow:hidden;
	outline:none;
}

.b {font-weight:bold;}
.s {font-size:10px;font-size:1rem;}
.center {text-align:center;}

.pict {float:right;margin:0 0 20px 20px;}
.pict2 {float:left;margin:0 20px 20px 0;}

.red {color:#c41919;}

.mt0 {margin-top:0px !important;}
.mt20 {margin-top:20px !important;}

.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}

.w100 {width:100px !important;}
.w150 {width:150px !important;}
.w200 {width:200px !important;}
.w300 {width:300px !important;}
.w400 {width:400px !important;}


.indent {
	padding-left:1em;
    text-indent:-1em;
}

table {
	width:100%;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	margin-bottom:20px;
}

table tr {
	border-bottom:1px solid #ddd;
}

table tr th,
table tr td {
	text-align:left;
	padding:8px 12px;
	border-right:1px solid #ddd;
	line-height:22px;
	line-height:2.2rem;
}

table tr th {
	background:#e6f6f7;
	font-weight:normal;
	white-space:nowrap;
}

#pagetop {
	text-align:right;
	width:900px;
	margin:0 auto 20px;
}


/* ------------------------------------------------
	■ clearfix ■
------------------------------------------------ */
.cf,
header,
#wrap,
footer,
nav,
#main { zoom: 1;overflow:hidden;}

.cf:before, .cf:after,
header:before, header:after,
#wrap:before, #wrap:after,
footer:before, footer:after,
nav:before, .nav:after,
#main:before, #main:after { content: ""; display: table; }

.cf:after,
header:after,
#wrap:after,
.footer:after,
nav:after,
#main:after { clear: both; }


/* ------------------------------------------------
	■ header ■
------------------------------------------------ */
header {
	background:url(../../img/header_bg.png) repeat-x 0px 0px;
}

header .cf {
	width:900px;
	margin:17px auto 11px;
}

header .cfTop {
	margin-bottom: 8.5px;
}

header .logo {
	float:left;
}

header .logo h1{ margin:0;}

header .tel {
	float:right;
}

body.body_second header {
	background:url(../../img/header_bg2.png) repeat-x 0px 0px;
}



/* ------------------------------------------------
	■ nav ■
------------------------------------------------ */
nav {
	width:900px;
	height:64px;
	margin:0 auto;
}

nav ul li {
	float:left;
	text-align:center;
	}

nav ul li a {
	height:47px;
	padding-top:17px;
	background-image:url(../../img/nav.png);
	display:block;
	overflow:hidden;
	font-size:15px;
	color:#dcdad9;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	text-decoration:none;
}

	nav ul li a:hover {
		text-decoration:none!important;
	}

	nav ul li.nav01 a {width:149px;background-position:0px 0px;}
	nav ul li.nav02 a {width:149px;background-position:-149px 0px;}
	nav ul li.nav03 a {width:150px;background-position:-298px 0px;}
	nav ul li.nav04 a {width:150px;background-position:-448px 0px;}
	nav ul li.nav05 a {width:150px;background-position:-598px 0px;}
	nav ul li.nav06 a {width:152px;background-position:-748px 0px;}
	
	nav ul li.nav01 a:hover {width:149px;background-position:0px -64px;}
	nav ul li.nav02 a:hover {width:149px;background-position:-149px -64px;}
	nav ul li.nav03 a:hover {width:150px;background-position:-298px -64px;}
	nav ul li.nav04 a:hover {width:150px;background-position:-448px -64px;}
	nav ul li.nav05 a:hover {width:150px;background-position:-598px -64px;}
	nav ul li.nav06 a:hover {width:152px;background-position:-748px -64px;}

body.body_second nav {
	margin-bottom:20px;
}


/* ------------------------------------------------
	■ main ■
------------------------------------------------ */
#main {
	text-align:center;
	background:url(../../img/main_bg.jpg) no-repeat center top;
	margin:0 0 32.5px;
}

	#main #catchBox{
		width:900px;
		height:135px;
		padding-top:178px;
		margin:0 auto;
		background:url(../../img/main.jpg) no-repeat center top;
		position:relative;
		overflow:hidden;
	}
	
		#main #catchBox p.large{
			font-size:32px;
			color:#fff;
			font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
			font-feature-settings: "palt";
			display: inline-block;
			background: linear-gradient(90deg, #fff195 0%, #ffffff 100%);
			background: -webkit-linear-gradient(90deg, #fff195 0%, #ffffff 100%);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
		}
		
		#main #catchBox div{
			width:445px;
			float:left;
		}
		
			#main #catchBox div p{
				padding:18px 0 0 44px;
				margin-bottom:5px;
				float:left;
				color:#fff;
				font-size:16px;
				text-align:left;
				font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
			}
			
				#main #catchBox div p:nth-child(even){
				width:400px;
				}



/* ------------------------------------------------
	■ wrap ■
------------------------------------------------ */
#wrap {
	width:900px;
	margin:0 auto 70px;
}

#wrap section {
	margin:0 0 36px;
}

#wrap section h2 {
	margin:0 0 12px;
}

#wrap section p,
#wrap section dl dd {
	line-height:22px;
	line-height:2.2rem;
}

#side {
	width:240px;
	float:left;
}

#contents {
	width:640px;
	float:right;
}

#contents .path {
	color:#fff;
	margin:0 0 12px;
}

#contents .path a {
	text-decoration:underline;
	line-height:1.1em;
	color:#fff;
}

#contents .path a:hover {
	text-decoration:none;
}

#contentsWrap {
	background:#fff;
	padding:15px;
}

#wrap #contentsWrap section {
	margin:0 0 30px;
}

#contentsWrap section p {
	margin:0 0 14px;
}

#contentsWrap section ul{
	margin: 0 0 14px;
}

#contentsWrap section ul li{
    background: url("../../img/arrow_yellow.png") no-repeat scroll 0 13px;
    display: block;
    line-height: 2.2rem;
    padding: 8px 0 8px 18px;
}

#contentsWrap section ul li ul li{
	font-size:12px;
	padding: 4px 0 4px 18px;
	background: rgba(0, 0, 0, 0) url("../../img/arrow_yellow.png") no-repeat scroll 0 9px;
}

#contentsWrap section ul li a{
	text-decoration:underline;
}


#contentsWrap section h1 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#472d09+6,170900+98 */
	background: #472d09; /* Old browsers */
	background: -moz-linear-gradient(top,  #472d09 6%, #170900 98%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #472d09 6%,#170900 98%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #472d09 6%,#170900 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#472d09', endColorstr='#170900',GradientType=0 ); /* IE6-9 */
	color:#fff;
	font-size:16px;
	font-size:1.6rem;
	font-weight:normal;
	padding:12px 9px;
	margin:0 0 8px;
}

#contentsWrap section h1 span {
	border-left:9px solid #fff;
	line-height:22px;
	line-height:2.2rem;
	display:block;
	padding:0 0 0 8px;
}

#contentsWrap section h2 {
	background:#f3e7d7;
	color:#291603;
	font-size:16px;
	font-size:1.6rem;
	font-weight:normal;
	padding:10px 9px;
	margin:0 0 8px;
}

#contentsWrap section h2 span {
	border-left:9px solid #291603;
	line-height:22px;
	line-height:2.2rem;
	display:block;
	padding:0 0 0 8px;
}

#contentsWrap section h3 {
	background:#fff url(../../img/dotline.png) repeat-x left bottom;
	color:#745a3a;
	font-size:16px;
	font-size:1.6rem;
	font-weight:normal;
	padding:0 0 10px;
	margin:0 0 8px;
}

#contentsWrap section h3 span {
	border-left:9px solid #d7c1a4;
	line-height:22px;
	line-height:2.2rem;
	display:block;
	padding:0 0 0 8px;
}

#contentsWrap section h3 b.step {
	background:#745a3a;
	color:#fff;
	border-radius:2px;
	padding:0 5px;
}

#contentsWrap section h3 b.num {
	background:#b00f0f;
	color:#fff;
	border-radius:30px;
	padding:0 7px;
	margin:0 0 0 4px;
}


#contentsWrap .paging ul {
	text-align:center;
	margin:0 0 60px;
}

#contentsWrap .paging ul li {
	display:inline-block;
	margin:0 4px;
}

#contentsWrap #question{
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #472d09 6%, #170900 98%) repeat scroll 0 0;
    color: #fff;
    font-size: 1.6rem;
    font-weight: normal;
    margin: 0 0 8px;
    padding:12px 9px 12px 45px;
	line-height: 2.2rem;
	position:relative;
	}
	
#contentsWrap #question span {
    border-left: 1px solid #fff;
    display: block;
    line-height: 2.2rem;
    padding: 0 0 0 8px;
}
	
#contentsWrap #question:before{
    content: "Q";
    font-size: 22px;
    font-weight: bold;
    height: 100%;
    left: 14px;
    position: absolute;
    top: 12px;
	}

#contentsWrap #answer{
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #faf9f0 6%, #f3efd7 98%) repeat scroll 0 0;
    color: #190a00;
    font-size: 1.6rem;
    font-weight: normal;
    margin: 0 0 8px;
    padding:12px 9px 12px 45px;
	position:relative;
	}
	
#contentsWrap #answer span {
    border-left: 1px solid #190a00;
    display: block;
    line-height: 2.2rem;
    padding: 0 0 0 8px;
}
	
#contentsWrap #answer:before{
    content: "A";
    font-size: 22px;
    font-weight: bold;
    height: 100%;
    left: 14px;
    position: absolute;
    top: 12px;
	color:#a43636;
	}

#contentsWrap .contentsBox {
	border:5px solid #f3e7d7;
	padding:19px 19px 0;
	margin:0 0 20px;
}

#contentsWrap .contentsBox p.title {
	margin:0 0 12px;
}

#contentsWrap .contentsBox ul li a{
	text-decoration:none;
}

#contentsWrap section#faq section {
    padding:0;
}

#contentsWrap section#case section {
    padding:0;
}

#contentsWrap section#case section ul li{
	background-image:none;	
}

ul.link_common li {
	background:url(../../img/dotline.png) repeat-x left bottom !important;
	padding:8px 0 !important;
}

ul.link_common li:last-child {
	background:none;
}

ul.link_common li a {
	background:url(../../img/arrow.png) no-repeat 0px 4px;
	display:block;
	padding:0 0 0 18px;
	line-height:22px;
	line-height:2.2rem;
}

body.body_second section#about {
	width:900px;
	margin:0 auto 12px;
}

body.body_second section#about h2 {
	margin:0 0 12px;
}



/* ------------------------------------------------
	■ side ■
------------------------------------------------ */
#side dl {
	margin:0 0 14px;
}

#side dl dd ul li {
	background:url(../../img/dotline2.png) repeat-x left bottom;
}

#side dl dd ul li:last-child {
	background:none;
}

#side dl dd ul li a {
	background:url(../../img/arrow_yellow.png) no-repeat 0px 13px;
	color:#fff;
	display:block;
	padding:8px 0 8px 18px;
	line-height:22px;
	line-height:2.2rem;
}


/* ------------------------------------------------
	■ res ■
------------------------------------------------ */
#res {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f2eed5+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f2eed5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f2eed5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#f2eed5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2eed5',GradientType=0 ); /* IE6-9 */
	padding:4px;
	width:892px;
	margin:0 auto 60px;
}

#resWrap {
	border:1px solid #aca269;
	background:url(../../img/res_img.jpg) no-repeat 15px 15px;
	padding:16px 0 20px 246px;
}

#res address {
	font-style:normal;
	line-height:20px;
	line-height:2rem;
	font-size:13px;
	font-size:1.3rem;
}

#res dl dt {
	margin:0 0 4px;
}

#res p.pict {
	margin-right:18px;
}




/* ------------------------------------------------
	■ top ■
------------------------------------------------ */

/* specialty */
section#specialty ul li {
	float:left;
	width:276px;
	margin:0 12px 0 0;
	padding:8px 8px 0 8px;
	background:#fff;
}

section#specialty ul li:last-child {
	margin-right:0;
}

section#specialty ul li p {
	margin:0 0 10px;
	text-align:center;
}

section#specialty ul li dl dt {
	text-align:center;
	margin:0 0 10px;
}

section#specialty ul li dl dd {
	padding:0 5px;
	margin:0 0 18px;
}

section#specialty strong{
	font-weight:normal;
}


/* knowledge */
section#knowledge ul li {
	float:left;
	margin:0 12px 10px 0;
}

section#knowledge ul li:nth-child(4n) {
	margin-right:0;
}


/* faq */
section#faq section {
	background:#fff;
	margin:0;
	padding:18px 20px;
}

section#faq section h3 {
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	background:url(../../img/dotline.png) repeat-x left bottom;
	margin: 0 0 12px;
    padding: 0 0 12px;
}

section#faq section ul {
	margin:0 0 16px;
}

section#faq section ul.acordion_tree {
	margin-top:-17px;
}

section#faq section ul li {
	background:url(../../img/icon_q.png) no-repeat 8px 8px;
	border-top:1px solid #d6d6d6;
	border-right:1px solid #d6d6d6;
	border-left:1px solid #d6d6d6;
	padding:0 8px;
}


section#faq section ul li:last-child {
	border-bottom:1px solid #d6d6d6;
}

section#faq section ul li a {
	display:block;
	background:url(../../img/arrow.png) no-repeat right center;
	padding:12px 20px 13px 42px;
	line-height:22px;
	line-height:2.2rem;
}

section#faq section ul li:hover {
	background:url(../../img/icon_q.png) no-repeat 8px 8px , #eff7f7;
}

section#faq section p {
	text-align:center;
	cursor:pointer;
}

section#faq section p:hover {
	opacity:0.8;
}

section#faq section p.active {
	display:none;
}


/* about */
section#about {
	width:900px;
	margin:0 auto 60px;
}

section#about ul li {
	float: left;
    margin: 0 12px 12px 0;
    padding: 8px 3px 0;
    width: 286px;
	background:#fff;
}

section#about ul li:nth-child(3n) {
	margin-right:0;
}

section#about ul li p {
	margin:0 0 10px;
	text-align:center;
}


/* case */
section#case section {
	background:#fff;
	margin:0;
	padding:18px 20px;
}

section#case section h3 {
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	color:#11686d;
	background:#d5eded;
	margin: 0 0 12px;
    padding: 12px 15px;
}

section#case section ul {
	margin:0 0 16px;
}

section#case section ul.acordion_tree {
	margin-top:-17px;
}

section#case section ul li {
	border-top:1px solid #d6d6d6;
	border-right:1px solid #d6d6d6;
	border-left:1px solid #d6d6d6;
	padding:0 8px;
}

section#case section ul li:last-child {
	border-bottom:1px solid #d6d6d6;
}

section#case section ul li a {
	display:block;
	background:url(../../img/arrow.png) no-repeat 0px 16px;
	padding:12px 20px 13px 20px;
	line-height:22px;
	line-height:2.2rem;
}

section#case section ul li:hover {
	background:#eff7f7;
}

section#case section p {
	text-align:center;
	cursor:pointer;
}

section#case section p:hover {
	opacity:0.8;
}

section#case section p.active {
	display:none;
}


/* flow */
#flowWrap {
	background:#fff;
	padding:20px 20px 0 20px;
}

section#flow table {
	margin:0 0 36px;
}

section#flow .flow01 {background:url(../../img/flow_step01.png) no-repeat 0px 0px;}
section#flow .flow02 {background:url(../../img/flow_step02.png) no-repeat 0px 0px;}
section#flow .flow03 {background:url(../../img/flow_step03.png) no-repeat 0px 0px;}
section#flow .flow04 {background:url(../../img/flow_step04.png) no-repeat 0px 0px;}

section#flow section h3 {
	font-size:24px;
	font-size:2.4rem;
	font-weight:normal;
	background:url(../../img/dotline.png) repeat-x left bottom;
	margin: 0 0 12px;
    padding: 0 0 12px;
}

section#flow section {
	padding:0 0 0 150px;
}


/* ------------------------------------------------
	■ footer ■
------------------------------------------------ */
footer .linkWrap {
	border-top:1px solid #4a3c34;
	border-bottom:1px solid #4a3c34;
	margin:0 0 14px;
}

footer ul.link {
	width:900px;
	margin:0 auto;
	padding:12px 0;
}

footer ul.link li {
	float:left;
	margin:0 20px 0 0;
}

footer ul.link li a {
	background:url(../../img/arrow_yellow.png) no-repeat 0px 4px;
	padding:0 0 0 16px;
	color:#fff;
	line-height:1.2em;
}

footer .footerWrap {
	width:900px;
	margin:0 auto;
}

footer .footerWrap p.logo {
	float:left;
	margin:0 100px 0 0;
}

footer .footerWrap address {
	font-style:normal;
	color:#fff;
	line-height:22px;
	line-height:2.2rem;
}

	footer .footerWrap address a{ color:#fff;}

footer small {
	font-size:14px;
	font-size:1.4rem;
	color:#fff;
	background:#000000;
	display:block;
	text-align:center;
	padding:12px 0;
	margin:12px 0 0 0;
}


/* ------------------------------------------------
	■ gNav ■　下層ページ用設定
------------------------------------------------ */

.bl{ float:left !important;}
.br{ float:right !important;}
.bold{ font-weight:bold !important;}
.mR10{ margin-right:10px;}
.mB10{ margin-bottom:10px;}
.mB20{ margin-bottom:20px;}
.mB30{ margin-bottom:30px;}
.clr{clear:both;}
.iblock{display:inline-block !important;}

.ic{ text-align:center !important;}

.pT0{ padding-top:0 !important;}
.pB0{ padding-bottom:0 !important;}

.w100{ width:100px !important;}

.font120{ font-size:120% !important;}

/*地図アクセス用設定*/
a.googleMapLink{ display:inline-block; background:#1e7075; padding:5px 10px; color:#fff;}

/*事務所紹介用調節**/
ul li.noArrow {
	background:none !important;
}

p.top {
    border-bottom: 1px dotted #c5ccd3;
    margin: 40px 0;
    padding: 0 0 30px;
}


/*流れ用調節*/
section#flow section p.pict2 {
	margin:0 0 10px 10px;
	float: right;
	line-height:1.0;
}


/*弁護士紹介用調節*/
img.profImg {
    float: right;
    margin-left: 20px;
	margin-bottom: 40px;
}

p.top {
    margin: 40px 0 !important;
    padding: 0 0 30px !important;
	text-align: right;
}

.font90{ font-size:90% !important;}

#contentsWrap section h4.info {
	margin:18px 0 10px 0;
    background: #eee none repeat scroll 0 0;
    display: inline-block;
    padding: 5px;
}

ul.menu {
    overflow: hidden;
    padding: 15px 0 10px;
}

ul.menu li a {
    background: #eee none repeat scroll 0 0;
    border-radius: 2px;
    float: left;
    margin: 0 5px 10px;
    overflow: hidden;
    padding: 8px 0 8px 14px;
    width: 280px;
}

ul.menu li {
    padding: 0 !important;
}

ul.menu li::before {
    content: "";
    position: static;
}

ul.menu li a:hover {
    background: #ddd none repeat scroll 0 0;
}

/*お問い合わせフォーム用*/

/* contact form */

	div#contactForm { overflow:hidden;background:#fbfaf9;}
		div#contactForm h4{ width:145px; float:left; display:block; margin:0; padding:15px; border:none; border-top:1px solid #ccc; font-size:15px; line-height:1.5em; color:#472d09;position:relative;}
			div#contactForm h4 span.error{background: #c03 none repeat scroll 0 0;color: #fff;font-size: 12px;padding: 0 4px;position: absolute;right: 10px;top: 28px;}
		div#contactForm p{ width:405px; min-height:50px; float:left; display:block; margin:0; padding:15px;border-top:1px solid #ccc; font-size:15px; background:#fff; position:relative;}
			div#contactForm p span.mailWarn{ position:absolute;left:30px; top:50px; display:block; background:#c03; color:#fff; font-size:12px; padding:2px 5px; display:none;}
			div#contactForm p span.kibou{background:#777; color:#fff; border-radius:3px; padding:0px 2px;}
		div#contactForm p.noMark{width:100%;}
			div#contactForm p:before{ content:"";}
			div#contactForm p input{ font-size:15px; padding:10px; margin:5px 0; border:1px solid #999; background:#f2f7fb;}
			div#contactForm p.lineWide { line-height:1.8em;}
			div#contactForm p textarea{ font-size:15px; padding:10px; margin:5px 0; border:1px solid #999; background:#f2f7fb;}
		div#confButton {border-top:1px solid #ccc;}
		div#confButton input{ font-size:15px; padding:10px; margin:5px 0; border-radius:3px; border:1px solid #999; background:#f2f7fb;}
		
.inputed {
    background-color: #f2f7fb !important;
}
.noInput {
    background-color: rgba(255, 221, 221, 0.7) !important;
}