@charset "UTF-8";
/* CSS Document */

body {
	-webkit-text-size-adjust: 100%;
	margin: 0 auto;
	padding: 0;
	color: #525252;
	font-size: 100%;
	font-family: sans-serif;
	vertical-align: baseline;
	background-color: #FFF;
}

a {
	text-decoration: underline;
}
a img {
	border: none;
}

table {
	border: 0;
	cellpadding: 0;
	cellspacing: 0;
	border-collapse: collapse;
	border-spacing:0;
}

/* common */
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.line-yellow {
	background-color: #FF9;
}


/* PC */
@media only screen and (min-width: 480px) 
 {
	html,body {
		height: 100%;
	}
	body {
		line-height: 1.5;
		font-size: 90%;
	}
	h1,h2,h3,h4,h5,h6 {
		line-height: 1.2;
		font-size: 100%;
	}
	
	#container {
		width: 960px;
		margin: 0 auto;
	}
	
	#header {
		margin: 0;
	}
	#header h1 {
		float: left;
		margin: 0;
		text-indent: -9999px;
		background: url(../logo.jpg) no-repeat;
	}
	#header h1 a {
		width: 300px;
		height: 60px;
		display: block;
	}
	#header p {
		float: right;
		margin: 0;
		padding-top: 12px;
	}
	#header p span {
		padding-left: 10px;
		font-size: 150%;
		font-weight: bold;
		color: #F00;
	}
	
	.nav-gnav {
		margin: 0;
		padding: 0;
	}
	ul.gnav {
		margin: 0;
		padding: 1px 0;
		background-color: #EFEFDF;
		border-top: 1px solid #AFAC97;
		border-bottom: 1px solid #AFAC97;
	}
	ul.gnav li {
		float: left;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	ul.gnav li a {
		color: #555555;
		text-decoration: none;
		display: block;
		margin: 0;
		padding: 15px 10px;
		border-right: 1px solid #AFAC97;
	}
	ul.gnav li a:hover {
		background-color: #00AC37;
		color: #FFF;
		text-decoration: none;
	}
	#pankuzu {
		font-size: 90%;
		margin: 15px 0;
	}
	#pankuzu a {
		color: #525252;
	}
	#pankuzu a:hover {
		text-decoration: none;
	}
	
	
	.mainvisual {
		width: 960px;
		height: 300px;
		margin: 15px 0;
		background:url(../mainvisual.jpg) no-repeat;
	}
	.mainvisual h2 {
		margin: 0;
		padding: 90px 0 0 40px;
		font-size: 200%;
		color: #FFF;
		line-height: 1.5;
		text-shadow: 3px 3px 5px #000;
	}
	.mainvisual-sp {
		display: none;
	}
	.top-tit1 {
		display: none;
	}
	
	.maincontent {
		float: left;
		width: 710px;
	}
	.side {
		float: right;
		width: 235px;
	}
	
	.box-toplist div {
		width: 165px;
		display: inline-block;
		float:left;
		background-color: #F0F0E0;
		background: -moz-linear-gradient(top, #F6F6ED, #F0F0E0);
  background: -webkit-gradient(linear, left top, left bottom, from(#F6F6ED), to(#F0F0E0));
		
	}
	.box-toplist1,.box-toplist2,.box-toplist3,.box-toplist5,.box-toplist6,.box-toplist7 {
		margin: 0 15px 15px 0;
	}
	.box-toplist4,.box-toplist8 {
		margin: 0 0 15px 0;
	}
	.box-toplist div h3 {
		margin: 10px;
		padding: 0;
	}
	.box-toplist div h3 a {
		color: #00AC37;
	}
	.box-toplist div h3 a:hover {
		text-decoration: none;
	}
	.box-toplist div p {
		margin: 10px;
		padding: 0;
	}
	
	.top-mission {
		width: 705px;
		min-height: 225px;
		background-color: #EEFAF2;
		background: -moz-linear-gradient(left, #EEFAF2, #FFF);
  background: -webkit-gradient(linear, left top, right top, from(#EEFAF2), to(#FFF));
		
	}
	.top-mission h4 {
		width: 232px;
		height: 206px;
		float: left;
		margin: 10px 0 0 10px;
		text-indent: -9999px;
		background: url(../../images/mission-bg.png) no-repeat left top;
	}
	.top-mission p {
		margin: 0 15px 0 260px;
		padding-top: 10px;
	}
	
	.side-faq {
		margin: 0 0 10px;
		border: 1px solid #DDD;
	}
	.side-faq h4.side-tith4 {
		display: block;
		margin: 5px 5px 10px;
		padding: 5px;
		background-color: #00AC37;
		color: #FFF;
	}
	.side-faq ul {
		margin: 0 5px;
		padding: 0;
	}
	.side-faq ul li {
		margin: 0 0 10px 0;
		padding: 0 0 0 20px;
		list-style: none;
		background: url(../allow1.png) no-repeat left 0.5em;
	}
	.side-faq ul li a {
		color: #525252;
	}
	.side-faq ul li a:hover {
		color: #00AC37;
		text-decoration: none;
	}
	.side-legaladvice {
		margin: 0 0 10px;
		border: 1px solid #DDD;
	}
	.side-legaladvice h4.side-tith4 {
		display: block;
		margin: 5px 5px 10px;
		padding: 5px;
		background-color: #00AC37;
		color: #FFF;
	}
	.side-legaladvice h5 {
		margin: 10px 5px 0 10px;
	}
	.side-legaladvice h5 a {
		color: #00AC37;
	}
	.side-legaladvice h5 a:hover {
		text-decoration: none;
	}
	.side-legaladvice p {
		display: block;
		margin: 5px 5px 5px 10px;
		padding: 0 0 10px;
		line-height: 1.2;
		font-size: 90%;
		border-bottom: 1px dotted #CCCCCC;
	}
	.side-legaladvice p.noborder {
		border-bottom: none;
	}
	
	.side-listbnr {
		margin: 0;
		padding: 0;
	}
	.side-listbnr li {
		margin: 0 0 10px;
		padding: 0;
		list-style: none;
	}
	.side-listbnr li a {
		display: block;
		padding: 15px 10px;
		color: #00AC37;
		font-weight: bold;
		text-decoration: none;
		border: 1px solid #72C55F;
		border-radius: 4px;
		background: #F0F0DE url(../allow2.png) no-repeat 213px center;
	}
	.side-listbnr li a:hover {
		text-decoration: none;
		color: #FFF;
		background: #4BB439 url(../allow3.png) no-repeat 213px center;
	}
	
	.side-linkbnr {
		margin: 0;
		padding: 0;
	}
	.side-linkbnr li {
		margin: 0 0 10px;
		padding: 0;
		list-style: none;
	}
	.side-linkbnr li a {
		display: block;
		padding: 8px 10px;
		color: #00AC37;
		text-decoration: none;
		border: 1px solid #72C55F;
		background-color: #FFF;
	}
	.side-linkbnr li a:hover {
		text-decoration: none;
		color: #FFF;
		background-color: #00AC37;
	}
	
	.side-inquiry {
		margin: 0 0 10px;
		padding: 10px;
		
		border: 1px solid #00AC37;
	}
	.side-inquiry span {
		font-size: 150%;
		font-weight: bold;
		color: #F00;
	}
	
	.postmail a {
		display: block;
		padding: 10px;
		color: #FFF;
		text-decoration: underline;
		border-radius: 4px;
		background-color: #00AC37;
		background: -moz-linear-gradient(top, #43C86D, #00AC37);
  background: -webkit-gradient(linear, left top, left bottom, from(#43C86D), to(#00AC37));
	}
	.postmail a:hover {
		text-decoration: none;
		background: -moz-linear-gradient(top, #00AC37, #43C86D);
  background: -webkit-gradient(linear, left top, left bottom, from(#00AC37), to(#43C86D));
	}
	.return {
		display: block;
		margin: 15px 0;
		text-align: right;
	}
	.return a {
		color: #525252;
	}
	.return a:hover {
		text-decoration: none;
	}
	#footer {	
	}
	.footer-sp {
		display: none;
	}
	.footer-nav {
		margin: 0 0 0 -8px;
		padding: 0;
	}
	.footer-nav li {
		margin: 0 0 2px 8px;
		padding: 0 8px 0 0;
		float: left;
		border-right: 1px solid #CCC;
		list-style: none;
	}
	.footer-nav li a {
		color: #525252;
	}
	.footer-nav li a:hover {
		text-decoration: none;
	}
	
	
	#footer address {
		font-style: normal;
		margin: 15px 0;
	}
	.copy {
		margin: 0;
		padding: 8px 0;
		text-align: center;
		background-color: #CCC;
		color: #FFF;
	}
	
	.second {
	}
	.second h2,.second-faq h2,.second-charge h2 {
		margin: 0 0 20px;
		padding: 10px;
		color: #FFF;
		background-color: #00AC37;
	}
	.second h3,.second-charge h3 {
		margin: 20px 0 10px;
		padding: 0 0 5px 10px;
		color: #00AC37;
		font-size: 140%;
		border-bottom: 2px solid #00AC37;
	}
	.second h3.legaladvice-h3 {
		margin-top: 40px !important;
	}
	.second h4,.second-faq h3 {
		margin: 20px 0 10px;
		padding: 4px 0 4px 10px;
		border-bottom: 1px solid #00AC37;
		border-left: 4px solid #00AC37;
	}
	.second p,.second-faq p,.second-charge p {
		margin: 10px;
	}
	.second-faq p a {
		color: #00AC37;
	}
	.second-faq p a:hover {
		text-decoration: none;
	}
	.second-charge h2.tit-charge {
		display: none;
	}
	
	.table1 {
		width: 100%;
	}
	.table1 td,.table1 th {
		padding: 10px;
		font-size: 90%;
		border-top: 1px solid #CCC;
		vertical-align: text-top;
	}
	.table1 th {
		text-align: left;
		font-weight: normal;
	}
	.table1 .noborder {
		border: none;
	}
	
	.table2 {
		width: 100%;
	}
	.table2 td,.table2 th {
		padding: 10px;
		font-size: 90%;
		border: 1px solid #CCC;
		vertical-align: text-top;
	}
	.table2 th {
		width: 250px;
		text-align: left;
		background-color: #F0F0DD;
	}
	
	.indent {
		text-indent: 1em;
	}
	.red {
		color: #F00;
	}
	.size-l {
		font-size: 200%;
	}
	.charge-font {
		margin-bottom: 100px;
		font-size: 150%;
	}
	
	.charge-box {
		margin-bottom: 10px;
		padding-bottom: 16px;
		background: url(../allow5.png) no-repeat center bottom;
	}
	.charge-box .charge-box-number,.charge-box-last .charge-box-number {
		float: left;
		margin: 0 15px 15px 0;
		padding: 8px 22px;
		color: #B5D548;
		font-size: 300%;
		font-weight: bold;
		background-color: #F0F0DE;
	}
	.charge-box .charge-box-text {
		
	}
	.charge-box-last {
		margin-bottom: 20px;
	}
	
	.aboutus-img-lawyer {
		margin-right: 20px;
	}
	.aboutus-img-office {
		margin-top: 20px;
	}
	.aboutus-img-office img {
		margin-right: 10px;
	}
	.aboutus-img-office2 {
	}
	#map-sp {
		display: none;
	}
	.sp-display {
		display: none;
	}
	.sitemap {
	}
	.sitemap ul {
		margin: 0;
		padding: 0;
	}
	.sitemap ul li {
		margin: 0 0 10px 0;
		padding: 0 0 0 20px;
		list-style: none;
		background: url(../allow1.png) no-repeat left 0.5em;
	}
	.sitemap ul li a {
		color: #525252;
	}
	.sitemap ul li a:hover {
		color: #00AC37;
		text-decoration: none;
	}
	.sitemap ul ul {
		margin-left: 20px;
	}
	
	.column-list {
		margin: 10px auto;
	}
	.column-list div {
		display: inline;
		margin: 0.5em;
		padding: 5px;
		text-align: center;
		list-style-type: none;
	}
	.column-list div.nav-previous {
		float: left;
	}
	.column-list div.nav-next {
		float: right;
	}
	.column-list div a {
		color: #525252;
	}
	.column-list div a:hover {
		color: #00AC37;
		text-decoration: none;
	}
	ol.nun-list {
		list-style-type: decimal;
	}
	ol.nun-list li {
		margin-bottom: 10px;
		color: #00AC37;
		font-weight: bold;
	}
	ol.nun-list li span {
		color: #525252;
		font-weight: normal;
	}
	.legaladvice-img-2-1 {
		margin: 0 0 0 50px;
	}
	.legaladvice-img-4-1 {
		margin: 0 0 0 50px;
	}
	.legaladvice-img-7-1 {
		margin: 0 0 0 50px;
	}
	
}


/* SP */
@media only screen and (min-width : 320px)
and (max-width : 480px) {
	body {
		font-size: 1em;
		line-height: 1.2;
	}
	h1,h2,h3,h4,h5,h6 {
		line-height: 1.2;
		font-size: 1em;
	}
	#container {
		margin: 0 auto;
	}
	#header {
		margin: 0;
	}
	#header h1 {
		float: left;
		margin: 10px;
		text-indent: -9999px;
		background: url(../logo.jpg) no-repeat;
		background-size: cover;
	}
	#header h1 a {
		display: block;
		width: 200px;
		height: 40px;
	}
	#header p {
		display: none;
	}
	#header p span {
	}
	.side {
		display: none;
	}
	
	ul.gnav {
		margin: 0;
		padding: 0;
		border-top: 1px solid #AFAC97;
		background-color: #F0F0E1;
	}
	ul.gnav li {
		padding-right: 10px;
		list-style: none;
		border-bottom: 1px solid #AFAC97;
	}
	ul.gnav li a {
		display: block;
		padding: 14px 10px;
		color: #555;
		font-size: 90%;
		font-weight: bold;
		text-decoration: none;
		background: #F0F0DE url(../allow2.png) no-repeat right center;
	}
	#pankuzu {
		display: none;
	}
	
	.mainvisual {
		display: none;
	}
	.mainvisual h2 {
	}
	
	
	.mainvisual-sp {
		width: 100%;
		height: 200px;
	}
	.mainvisual-sp div h2 {
		margin: 40px 10px 0;
		font-size: 120%;
	}
	.mainvisual-sp div h2 span {
		font-size: 60%;
	}
	.mainvisual-sp div p {
		margin: 10px 10px 0;
		font-size: 90%;
	}
	.mainvisual-sp-box1 {
		background-color: #093;
		color: #FFF;
	}
	.mainvisual-sp-box2 {
		background-color: #9CF;
		color: #06C;
	}
	.mainvisual-sp-box2-btn {
		display: block;
		text-align: center;
	}
	.mainvisual-sp-box2-btn a {
		width: 50%;
		display: block;
		margin: 10px auto 0;
		padding: 8px;
		color: #FFF;
		background-color: #06C;
	}
	.mainvisual-sp-box3 {
		color: #FFF;
		background-color: #06F;
	}
	.mainvisual-sp-box4 {
		color: #FFF;
		text-shadow: 3px 3px 5px #000;
		background: url(../mainvisual.jpg) no-repeat;
		background-size: cover;
	}
	.mainvisual-sp-box4 h2 {
		line-height: 1.4;
	}
	
	.top-tit1 {
		margin: 10px 0;
		padding: 5px 0;
		background-color: #00AC37;
		color: #FFF;
		text-align: center;
		font-size: 80%;
	}
	
	.box-toplist {
		margin: 0 10px;
	}
	.box-toplist div {
		display: inline-block;
		float:left;
		border: 1px solid #FFF;
		background-color: #F0F0E0;
		background: -moz-linear-gradient(top, #F6F6ED, #F0F0E0);
  background: -webkit-gradient(linear, left top, left bottom, from(#F6F6ED), to(#F0F0E0));
		
	}
	.box-toplist1,.box-toplist2,.box-toplist3,.box-toplist4,.box-toplist5,.box-toplist6,.box-toplist7,.box-toplist8 {
		width: 49%;
	}
	
	.box-toplist div h3 {
		margin: 10px 10px 0;
		padding: 0;
		font-size: 90%;
	}
	.box-toplist div h3 a {
		color: #00AC37;
	}
	.box-toplist div h3 a:hover {
		text-decoration: none;
	}
	.box-toplist div p {
		font-size: 80%;
		margin: 5px 10px 10px;
		padding: 0;
	}
	
	.top-mission {
		display: none;
	}
	.top-mission h4 {
	}
	.top-mission p {
	}
	
	.return {
		display: block;
		margin: 15px 10px;
		font-size: 90%;
		text-align: right;
	}
	.return a {
		color: #525252;
	}
	.footer-nav {
		display: none;
	}
	.footer-sp {
	}
	.footer-sp ul {
		margin: 0 10px;
		padding: 0;
	}
	.footer-sp ul li {
		display: inline-block;
		width: 49%;
	}
	.footer-sp ul li a {
		display: block;
		padding: 12px 0 10px;
		color: #00AC37;
		text-align: center;
		font-size: 80%;
		font-weight: bold;
		border: 1px solid #72C55F;
		border-radius: 4px;
		background-color: #F0F0DE;
	}
	.footer-sp p {
		margin: 15px 0 0;
		font-weight: bold;
		font-size: 80%;
		text-align: center;
	}
	.footer-tel {
		margin: 0 0 10px;
		text-align: center;
		line-height: 1.4;
	}
	.footer-tel span {
		font-size: 180%;
	}
	.footer-tel span a {
		min-height: 25px;
		color: #00AC37;
		padding-left: 22px;
		background: url(../allow4.png) no-repeat left center;
	}
	#footer address {
		text-align: center;
		font-style: normal;
		font-size: 80%;
		margin: 10px 0 5px;
	}
	#footer address span {
		display: none;
	}
	.footer-link {
		margin: 0 0 100px;
		text-align: center;
	}
	.footer-link a {
		margin: 0 5px;
		color: #525252;
		font-weight: normal;
	}
	.copy {
		margin: 0;
		padding: 8px 0;
		text-align: center;
		font-size: 60%;
		background-color: #CCC;
		color: #FFF;
	}
	
	.second,.second-faq,.second-charge {
	}
	.nav-gnav {
		display: none;
	}
	.second h2,.second-faq h2 {
		margin: 0 0 20px;
		padding: 5px 10px;
		color: #FFF;
		font-size: 85%;
		background-color: #00AC37;
	}
	.second h3,.second-charge h2 {
		margin: 20px 0 10px;
		padding: 0 0 5px 10px;
		color: #00AC37;
		font-size: 110%;
		border-bottom: 2px solid #00AC37;
	}
	.second-charge h2.tit-charge {
		margin: 0 0 20px;
		padding: 5px 10px;
		color: #FFF;
		font-size: 85%;
		background-color: #00AC37;
	}
	.second-charge h3 {
		margin: 0 10px;
		padding: 4px;
		font-size: 80%;
		color: #00AE2E;
		border: 1px solid #00AE2E;
	}
	.second h4,.second-faq h3 {
		margin: 20px 10px 10px;
		padding: 4px 0 4px 10px;
		font-size: 82%;
		border-bottom: 1px solid #00AC37;
		border-left: 4px solid #00AC37;
	}
	.second p,.second-faq p,.second-charge p {
		margin: 10px;
		font-size: 85%;
	}
	.second ul li {
		margin: 0 0 10px;
		font-size: 85%;
	}
	.second-faq p a {
		color: #00AC37;
	}
	.second-faq p a:hover {
		text-decoration: none;
	}
	
	.table1 {
		width: 100%;
	}
	.table1 td,.table1 th {
		padding: 4px 10px;
		font-size: 80%;
		vertical-align: text-top;
	}
	.table1 th {
		text-align: left;
		font-weight: normal;
	}
	.table1 .noborder {
		border: none;
	}
	.table2 {
		width: 100%;
	}
	.table2 td,.table2 th {
		padding: 8px;
		font-size: 80%;
		border: 1px solid #CCC;
		vertical-align: text-top;
	}
	.table2 th {
		width: 112px;
		text-align: left;
		font-weight: normal;
		background-color: #F0F0DD;
	}
	.table-sp-footermenu {
		margin: 0 10px;
	}
	.table-sp-footermenu table {
		width: 100%;
	}
	.table-sp-footermenu table td {
		width: 50%;
		padding: 0 5px;
		font-size: 75%;
		border: 1px solid #AFAC96;
		background-color: #F0F0E0;
		
	}
	.table-sp-footermenu table td a {
		display: block;
		padding: 10px 0;
		color: #555;
		font-weight: bold;
		text-decoration: none;
		background: #F0F0E0 url(../allow2.png) no-repeat right center;
	}
	.indent {
		text-indent: 1em;
	}
	.red {
		color: #F00;
	}
	.size-l {
		font-size: 200%;
	}
	.charge-font {
		font-size: 130%;
	}
	
	.charge-box {
		margin-bottom: 10px;
		padding-bottom: 20px;
		background: url(../allow5.png) no-repeat center bottom;
	}
	.charge-box .charge-box-number,.charge-box-last .charge-box-number {
		float: left;
		margin: 0 10px 10px 0;
		padding: 8px 18px;
		color: #B5D548;
		font-size: 200%;
		font-weight: bold;
		background-color: #F0F0DE;
	}
	.charge-box .charge-box-text,.charge-box-last .charge-box-text {
		font-size: 85%;
	}
	.charge-box-last {
		margin-bottom: 20px;
	}
	
	.aboutus-img-lawyer {
		margin: 0 10px 0 10px;
		width: 150px;
		height: 150px;
	}
	
	.aboutus-img-office {
		margin: 10px 0 0;
		text-align: center;
	}
	.aboutus-img-office img {
		width: 145px;
		height: 97px;
		margin: 0 5px;
	}
	.aboutus-img-office2 {
		text-align: center;
	}
	.aboutus-img-office2 img {
		width: 150px;
		height: 204px;
	}
	#map-pc {
		display: none;
	}
	#map-sp {
		margin: 0 auto;
		text-align: center;
	}
	.pc-display {
		display: none;
	}
	.sitemap {
		margin-left: 10px;
	}
	.sitemap ul {
		margin: 0;
		padding: 0;
	}
	.sitemap ul li {
		margin: 0 0 10px 0;
		padding: 0 0 0 1em;
		list-style: none;
		background: url(../allow1.png) no-repeat left center;
	}
	.sitemap ul li a {
		color: #525252;
	}
	.sitemap ul li a:hover {
		color: #00AC37;
		text-decoration: none;
	}
	.sitemap ul ul {
		margin-left: 2em;
	}
	
	.column-list {
		margin: 10px auto 0;
	}
	.column-list div {
		display: inline;
		margin: 0.5em;
		padding: 5px;
		text-align: center;
		list-style-type: none;
		font-size: 85%;
	}
	.column-list div.nav-previous {
		float: left;
	}
	.column-list div.nav-next {
		float: right;
	}
	.column-list div a {
		color: #525252;
	}
	.column-list div a:hover {
		color: #00AC37;
		text-decoration: none;
	}
	ol.nun-list {
		margin: 0 10px 0 0;
		padding-left: 2.5em;
		list-style-type: decimal;
		font-size: 80%;
	}
	ol.nun-list li {
		margin: 0 0 10px;
		color: #00AC37;
		font-weight: bold;
	}
	ol.nun-list li span {
		color: #525252;
		font-weight: normal;
	}
	.legaladvice-img-2-1 {
		width: 300px;
		height: 112px;
		margin: 0 auto;
		display: block;
	}
	.legaladvice-img-4-1 {
		width: 300px;
		height: 118px;
		margin: 0 auto;
		display: block;
	}
	.legaladvice-img-7-1 {
		width: 300px;
		height: 133px;
		margin: 0 auto;
		display: block;
	}
	
}