@charset "utf-8";


/*================================================
 *  タブレット向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:979px) {
	

}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {

body{
	min-width:inherit;
	width:100%;
	}
/*メニューPC-非標示非表示*/
.PCmenu{
	display:none;
}
/*メニューSP----------*/
.LayerMenuSp{
	display:block;
	width:100%;
	background-color:#FFF;
}
.Header{
	width:100%;
	padding-top:10px;
	position: fixed; /* ウィンドウを基準に画面に固定 */
    top: 0; /* 上下の固定位置を上から0pxにする */
    left: 0; /* 左右の固定位置を左から0pxにする */
	background-color:#FFF;
	z-index:100;
}
.headboxSP{
	width:100%;
	padding:0;
	}
.BtSP{
	float:right;
	width:12%;
	margin-top:5px;
	margin-right:10px;
}
nav.gnavSP{
	display:none;
	clear:both;
	margin-top:4px;
	padding-top:0;
	padding-bottom:0;
}
.OfficessName{
	width:70%;
	float:none;
	padding-top:10px;
	margin-left:10px;
}
.PhneBlock{
	margin:0 auto;
	margin-top:5px;
	width:100%;
	float:none;
	text-align:left;
}
span.PhoneNumber{
	font-size:1.9em;
	text-align:left;
	margin-left:12px;
}
span.PhoneNumber:before{
	content: "";
  display: inline-block;
  width: 72px;
  height: 26px;
  background: url(../img/common_sodan.jpg) no-repeat;
  background-size: contain;
  margin-right: 8px;
  transform: translateY(4px);
}
ul.MenuSp{
	background-color:#7DD0FC;
	width:100%;
	border-bottom:1px #FFF solid;
}
ul.MenuSp li{
	float:left;
	width:50%;
	border-bottom:1px #FFF solid;
	padding:8px 0
}
ul.MenuSp li:last-child{
	border-bottom:none;
}
ul.MenuSp li a{
	color:#FFF;
	/*font-family:'M PLUS 1p', sans-serif;
	font-weight:500;*/
	font-weight:bold;
}
/*メニューSP----------↑*/


/*フッター---------*/
footer{
	padding:30px 0 10px 0;
}
.FooterName{
	width:40%;
}
.FooterAddress{
	width:100%;
	text-align:center;
	font-size:0.92em;
	padding:30px 0 0 0;
}
.FooterAddress span.PhNumber{
	font-size:2.0em;	
}

ul.FooterMenu{
	width:60%;
	margin:40px auto 0 auto;
}
ul.FooterMenu li{
	width:100%;
	display:block;
	margin-top:10px;
}

.CopyRight{
	margin:70px 0 20px 0;
	text-align:center;
	font-size:0.8em;
}
/*フッター----------↑*/

/*コンテンツ開始---------↓*/
/*トップページ-イメージ------*/
.TopImage{
	width:98%;
	margin:0 auto;
	margin-top:120px;
	height:290px;
}
h1.TopRead{
	display:none;
}
h1.TopRead2{
	display:block;
	width:94%;
	margin:40px auto 0 auto;
}
/*トップページ-ご挨拶+お知らせ+アクセス------*/
.TopWrap{
	width:100%;
	padding-top:1px;
	margin:0;
	padding-left:10px;
	padding-right:10px;
}
.TopGreetingT{
	margin:0 auto;
	margin-top:30px;
	width:40%;
	height:40px;
	line-height:39px;
}
.TopNewsT{
	margin:0 auto;
	width:40%;
	height:40px;
	line-height:39px;
	margin-top:50px;
	
}
.TopAccessT{
	margin:0 auto;
	width:40%;
	height:40px;
	line-height:39px;
	margin-top:120px;
	
}
p.TopGreeting{
	margin-top:20px;
	text-align:left;
}
.TopGreetingImg{
	margin:0 auto;
	margin-top:50px;
	width:50%;
}
ul.TopNews{
	margin-top:20px;
	width:100%;
	border-top:2px #CBD8E1 solid;
	text-align:left;
}
ul.TopNews li{
	margin-top:20px;
	border-bottom:1px #D5E0E7 solid;
	padding-left:5px;
	padding-bottom:15px;
}
ul.TopNews li span.Date{
	display:block;
	width:100px;
	color:#26466E;
	font-size:0.9em;
	float:left;
}
.TopMapBox{
	width:100%;
	height:300px;
	background-color:#FFF;
	margin-top:30px;
}

iframe.TopMap{
	width:100%;
	height:300px;
}
p.TopAddress{
	width:600px;
	margin:0 auto;
	margin-top:10px;
}

p.TopAddress{
	margin-top:10px;
	width:100%;
}

/*弁護士紹介------*/
.AbutTitleLayer{
	width:100%;
	border-top:none;
	height:320px;
	margin-top:0;
	padding-top:1px;
}
h1.PageTitle{
	color:#FFF;
	font-size:1.8em;
	margin-top:190px;
	width:100%;
	letter-spacing:0.1em;
}


hr.H250s180{
	border:none;
	background-color:inherit;
	height:180px;
}
hr.H60s40{
	border:none;
	background-color:inherit;
	height:40px;
}
hr.H180s100{
	border:none;
	background-color:inherit;
	height:100px;
}
.AboutLawyerBox{
	width:100%;
	margin:0 auto;
	text-align:left;
	display:inherit;
    display:inherit;
   	display:inherit;
    display:inherit;
    display:inherit;
	flex-direction:none;
	padding:0 10px;
}
.AboutLawyerBoxL1{
	width:100%;
	border-top:1px #0077cc solid;
	padding-top:10px;
	padding-bottom:8px;
	padding-left:5px;
	text-align:center;
}
.AboutLawyerBoxL2{
	width:100%;
	border-top:1px #0077cc solid;
	border-bottom:1px #CFD3DC solid;
	padding-top:10px;
	padding-bottom:8px;
	padding-left:5px;
	text-align:center;
}
.AboutLawyerBoxR1{
	width:100%;
	float:left;
	padding-top:40px;
	padding-bottom:40px;
	border-top:1px #CFD3DC solid;
	padding-left:5px;
}
.AboutLawyerBoxR2{
	width:100%;
	float:left;
	padding-top:40px;
	padding-bottom:40px;
	border-top:1px #CFD3DC solid;
	border-bottom:1px #0077cc solid;
	padding-left:5px;
}
.AboutLi{
	width:100%;
}
.AboutLi li span.AbDate{
	width:25%;
}
.AboutLi li span.AbContent{
	width:73%;
}
hr.H100s80{
	border:none;
	background-color:inherit;
	height:80px;
}
h2.AboutOffice{
	font-size:1.6em;
	width:100%;
	letter-spacing:0.1em;
}
.AboutOfficePh{
	margin:0 auto;
	margin-top:20px;
	padding-top:1px;
	width:90%;
}
.AboutOfficePhL{
	width:100%;
	height:auto;
	padding-top:1px;
	float:none;
}
.AboutOfficePhR{
	width:100%;
	height:auto;
	padding-top:1px;
	float:none;
	margin-left:0;
	margin-top:20px;
}

/*お問い合わせ------*/
.InquTitleLayer{
	width:100%;
	border-top:none;
	height:320px;
	margin-top:0;
	padding-top:1px;
}
.InqPhoneNumberT{
	width:40%;
	height:40px;
	line-height:39px;
}

.InqWrap{
	width:100%;
	margin:0 auto;
	padding-left:10px;
	padding-right:10px;
}

.InqPhoneBox{
	width:100%;
	margin-top:20px;
}

.InqPhoneNumberT{
	float:none;
	width:40%;
	margin-top:0;
	margin:0 auto;

}
.InqPhoneNumber{
	float:none;
	margin-left:0;
	margin:0 auto;
	width:100%;
	font-size:2.8em;
	text-align:center;
	vertical-align:c;
	line-height:1.0em;
	margin-top:20px;
}

.InqAddressBox{
	width:100%;
	margin-top:50px;
}
.InqAddressT{
	float:none;
	width:40%;
	margin-top:0;
	margin:0 auto;
}
.InqAddress{
	float:none;
	margin-left:0;
	width:100%;
	text-align:center;
}

/*取り扱い業務------*/
.WorkTitleLayer{
	width:100%;
	border-top:none;
	height:320px;
	margin-top:0;
	padding-top:1px;
}
.WorkWrap{
	width:100%;
	margin:0 auto;
	padding-left:10px;
	padding-right:10px;
}
/*料金------*/
.FareTitleLayer{
	width:100%;
	border-top:none;
	height:320px;
	margin-top:0;
	padding-top:1px;
}
.FareWrap{
	width:100%;
	margin:0 auto;
	padding-left:10px;
	padding-right:10px;
	
}
h2.FareTitleSub{
	font-size:1.4em;
	letter-spacing:0.1em;
	padding-bottom:15px;
}

.Fare01L{
	width:100%;
	float:none;
	border-bottom:none;
	padding-top:6px;
	padding-bottom:5px;
	text-align:center;
}
.Fare01R{
	width:100%;
	float:none;
	padding-bottom:7px;
	padding-top:8px;
}

.Fare02L{
	width:100%;
	float:none;
	border-bottom:none;
	padding-top:6px;
	padding-bottom:5px;
	text-align:center;
}
.Fare02R{
	width:100%;
	float:none;
	padding-bottom:7px;
	padding-top:8px;
}

.Fare03L{
	width:100%;
	float:none;
	border-bottom:none;
	padding-top:6px;
	padding-bottom:5px;
	text-align:center;
}
.Fare03R{
	width:100%;
	float:none;
	padding-bottom:7px;
	padding-top:8px;
}

.FarPriceeWrapFlex{
	display: -webkit-inherit;
    display: -moz-inherit;
   	display: -ms-inherit;
    display: -o-inherit;
    display:inherit;
	flex-direction:row;
}

.Fare03Lflex{
	width:100%;
	border-bottom:none;
	padding-top:8px;
	padding-bottom:7px;
	text-align:center;
	color:#FFF;
}
.Fare03Rflex{
	width:100%;
	border-bottom:none;
	padding-bottom:8px;
	padding-top:10px;
}
.Fare04Lflex{
	width:100%;
	border-bottom:none;
	padding-top:8px;
	padding-bottom:7px;
	text-align:center;
	color:#FFF;
}
.Fare04Rflex{
	width:100%;
	border-bottom:none;
	padding-bottom:8px;
	padding-top:10px;
}


h3.FareTitleChild{
	font-size:1.3em;
	letter-spacing:0.1em;
}

.TableWrap{
	width:100%;
	height:auto;
	overflow:hidden;
}
.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}
.table-responsive {
    width:100%;
    margin-bottom: 15px;
	margin-top:8px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  
  }
table.FareTable01{
	width:570px;
}
table.FareTable01 th,
table.FareTable01 td{
	padding-top:15px;
	padding-bottom:16px;
	padding-left:12px;
	padding-right:18px;
}

table.FareTable01 th{
	width:190px;
}

table.FareTable02{
	width:570px;
}
table.FareTable02 th,
table.FareTable02 td{
	padding-top:15px;
	padding-bottom:16px;
	padding-left:12px;
	padding-right:18px;
}

table.FareTable02 th{
	width:285px;
}

p.FareTotal{
	width:100%;
	background-color:#FFF;
	padding:20px;
	text-align:left;
	font-size:1.04em;
	border:1px #14a682 solid;
	
}



/*アクセス------*/
.AccessTitleLayer{
	width:100%;
	border-top:none;
	height:320px;
	margin-top:0;
	padding-top:1px;
}
.AccessWrap{
	width:100%;
	margin:0 auto;
	padding-left:10px;
	padding-right:10px;
}
p.AccessAddress{
	margin-top:20px;
	text-align:center;
}

.AccessRoot{
	width:80%;
}
.AccessRootWrap{
	width:100%;
	text-align:left;
}
.AccessRootL{
	width:48%;
	float:left;
}

.AccessRootR{
	width:48%;
	float:left;
	margin-left:4%;
}

.AccessRootPh{
	width:100%;
	height:auto;
	border-radius:10px;
	overflow:hidden;
	margin-bottom:8px;
	margin-top:10px;
	
}
.AccessSeibu{
	background-color:#0077cc;
	width:80%;
	height:38px;
	color:#FFF;
	text-align:center;
	line-height:37px;
	letter-spacing:2px;
	/*font-family:'M PLUS 1p', sans-serif;
	font-weight:500;*/
	font-weight:bold;
	font-size:1.0em;
	border-radius:20px;
	margin:0 auto;
	
}
.AccessMono{
	background-color:#14a682;
	width:80%;
	height:38px;
	color:#FFF;
	text-align:center;
	line-height:37px;
	letter-spacing:2px;
	/*font-family:'M PLUS 1p', sans-serif;
	font-weight:500;*/
	font-weight:bold;
	font-size:1.0em;
	border-radius:20px;
	margin:0 auto;
	
}
span.DownSeibu{
	display:block;
	text-align:center;
	font-size:1.4em;
	color:#0077cc;
}
span.DownMono{
	display:block;
	text-align:center;
	font-size:1.2em;
	color:#14a682;
}

.AccessComonBar{
	width:100%;
	font-size:1.0em;
	color:#FFF;
	height:66px;
	border-radius:10px;
	line-height:65px;
	margin-top:10px;
}

.AccessRootWrapOne{
	width:60%;
	text-align:left;
	margin:10px auto;
}

span.DownCommon{
	display:block;
	text-align:center;
	font-size:1.2em;
	color:#20acc1;
}


.AccessRootPhOne{
	width:100%;
}

.AccessCommonWrap{
	width:100%;
	margin:0;
	padding:0;
}


p.OfficeEx{
	margin:10px auto;
	width:90%;
	padding:10px;
	background-color:#FFF;
	border-radius:8px;
}
span.PhotoNakai{
	width:40%;
	display:block;
	float:none;
	margin-right:0;
	margin:0 auto;
	margin-top:15px;
}


}