@charset "shift_jis";

@import url(basic.css?1212);
@import url(top.css?1209);
@import url(contact.css?1209);


.main ul {
	margin-left:18px;
	}


/*----------------------------------------------
   見出し
----------------------------------------------*/

.md {
	border-top:1px solid #cec2b9;
	border-bottom:2px solid #966437;
	background-color:#fcf8ec;
	padding:20px;
	margin-bottom: 20px;
	}

.md2 {
	border-bottom:1px solid #bebebe;
	background:url(../image/main/lm2.png) no-repeat left 2px;
	text-align:left;
	font-weight:bold;
	padding-bottom:12px;
	padding-left:18px;
	}


@media screen and (max-width: 750px) {
	.md2 {background:url(../image/main/lm2.png) no-repeat left 15px;}
}

.md3 {
	background-color:#fcd773;
	color:#693a14;
	text-align:left;
	font-weight:bold;
	padding:8px 10px;
	letter-spacing:  -0.015em;
	}

@media screen and (max-width: 750px) {
	.md3{line-height: 1.2;}	
}


@media screen and (max-width: 750px) {
	.caption1-text{margin-bottom: 30px;}
	.description{letter-spacing: -0.025em;}
}


/*----------------------------------------------
   業務案内
----------------------------------------------*/
/*遺産相続の手続き*/

.flow-arrow{max-width: 100%;height: auto;}

.md3 .flow-price-content{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	align-items: flex-start;
}


.md3 .sp-none{display:block;}
.md3 .pc-none{display:none;}

@media screen and (max-width: 750px) {
	.md3 .sp-none{display:none;}
	.md3 .pc-none{display:block;}
	
	.md3 .flow-price-content{
		flex-flow: column;
		align-items:baseline;
	}
	.md3 .flow-price-content .flow-price{margin-left: auto;}
	
}


/*会社設立の流れ*/

.company-flow-price{
	display: block;
}

.company-flow-price .flow-title{
	display: inline-block;
	min-width: 230px;
}
.company-flow-price .flow-price{
	display: inline-block;
}

.company-flow-price .sp-none{display:block;}
.company-flow-price .pc-none{display:none;}

@media screen and (max-width: 750px) {
	
	.company-flow-price .flow-title, .company-jisseki-price .flow-title{
		display: block;
		min-width: 100%;
		width: 100%;
	}
	.company-flow-price .flow-price, .company-jisseki-price .flow-price{
		display: block;
		width: 100%;
		text-align: right;
		margin-bottom: 15px;
	}	
	.company-flow-price .sp-none{display:none;}
	.company-flow-price .pc-none{display:block;}
}


/*相続登記・相続放棄*/

@media screen and (max-width: 750px) {
	
	.souzokutoki-houki table.image-box th,
	.souzokutoki-houki table.image-box td{
		width: 100%!important;
		display: block;
	}
	
	.souzokutoki-houki table.image-box td img{display: block;margin: 0 auto 15px;}
	
}


/*債務整理*/

@media screen and (max-width: 750px) {
	
	.saimuseiri table th, .saimuseiri table td{
		width: 100%!important;
		display: block;
	}
	
	.saimuseiri table td.image-box img{display: block;margin: 0 auto 15px;}
	
	.saimuseiri table.list{
		width: 100%;
	}
	
	.saimuseiri table.list td{
		width: auto!important;
		display: table-cell;
		vertical-align: top;
	}
	.saimuseiri table.list td img{margin-top:15px;}
	
}


/*過払い金*/


@media screen and (max-width: 750px) {
	
	.kabaraikin table{width: 100%!important;height: auto!important;}
	
	.kabaraikin table.image-box th,
	.kabaraikin table.image-box td{
		width: 100%!important;
		display: block;
	}
	
	.kabaraikin table.image-box td img{display: block;margin: 0 auto 15px;}
	
	.kabaraikin table.list td{
		width: auto!important;
		display: table-cell;
		vertical-align: top;
	}
	
	.kabaraikin table.list td img{
		margin-top: 15px;
	}
	
	.kabaraikin table.list td:nth-of-type(1){width: 30px!important;box-sizing: border-box;}
	.kabaraikin table.list td:nth-of-type(1) img{margin-right: 10px;}
	.kabaraikin table.list td:nth-of-type(2) {margin-bottom: 10px;}
	
	
}


/*不動産登記(不動産の名義変更)*/

@media screen and (max-width: 750px) {
	
	.hudousantouki table th, .hudousantouki table td{
		width: 100%!important;
		display: block;
	}
	
	.hudousantouki table td.image-box img{display: block;margin: 0 auto 15px;}
	
	.hudousantouki table.list{
		width: 100%!important;
	}
	
	.hudousantouki table.list td{
		width: auto!important;
		display: table-cell;
		vertical-align: top;
	}
	
	.hudousantouki table.list td img{
		margin-top: 15px;
	}
	
}

/*商業登記(会社法務)*/

@media screen and (max-width: 750px) {
	
	.shougyoutouki table.image-box th,
	.shougyoutouki table.image-box td{
		width: 100%!important;
		display: block;
	}
	
	.shougyoutouki table.image-box td img{display: block;margin: 0 auto 15px;}
	
}

/*裁判事務*/

@media screen and (max-width: 750px) {
	
	.saibanjimu table.image-box th,
	.saibanjimu table.image-box td{
		width: 100%!important;
		display: block;
	}
	
	.saibanjimu table.image-box td img{display: block;margin: 0 auto 15px;}
	
	.saibanjimu table.list{width: 100%;}
	
	.saibanjimu table.list td{
		width: 100%!important;
		display: block;
	}	
	
}


/*料金表*/


@media screen and (max-width: 750px) {
	.price .js-scrollable{padding-bottom: 30px;}
	
	.price .case01{
	  width: 100%;
	  table-layout: fixed;
	  border-collapse: collapse;
	  min-width:850px; 
	}
	
	.price .case01 td:nth-of-type(1){width:250px!important;}
	.price .case01 td:nth-of-type(2){width:150px!important;}
	.price .case01 td:nth-of-type(3){width:450px!important;}
	
	.scroll-hint-icon{height: 100px!important;}
	
	.price .js-scrollable::-webkit-scrollbar {
	  height: 12px; /* スクロールバーの高さ */
	}

	.price .js-scrollable::-webkit-scrollbar-thumb {
	  background: #aaa; /* ツマミの色 */
	  border-radius: 6px; /* ツマミ両端の丸み */
	}

	.price .js-scrollable::-webkit-scrollbar-track {
	  background: #ddd; /* トラックの色 */
	  border-radius: 6px; /* トラック両端の丸み */
	}
 
	.price .case02{
	  width: 100%;
	  table-layout: fixed;
	  border-collapse: collapse;
	  min-width:1050px; 
	}
	
	.price .case02 td:nth-of-type(1){width:300px!important;}
	.price .case02 td:nth-of-type(2){width:250px!important;}
	.price .case02 td:nth-of-type(3){width:250px!important;}
	.price .case02 td:nth-of-type(4){width:250px!important;}	
	
}


/*アクセス*/

@media screen and (max-width: 750px) {
	
	.access table.image-box th,
	.access table.image-box td{
		width: 100%!important;
		display: block;
	}
	
	.access table.image-box td img{display: block;margin: 30px auto 0;}
	
	.access table.list{width: 100%;}
	
	.access table.list td{
		width: 100%!important;
		display: block;
	}
	.access table.list td:nth-of-type(1){background-color: #ddd;padding:10px;margin-bottom: 10px;}
	
	.gmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 75.8%;
	position: relative;
	}
	.gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	}
	
}