@charset "utf-8";
/*================================================
 *  ＰＣ用
 ================================================*/
/*レイヤーベース*/
.LayerWhite{
	background-color:#FFF;
	width:100%;
	clear:both;
	height:auto;
	margin:0;
	padding:0;
}
.LayerLightBlue{
	background-color:#F1F6FA;
	width:100%;
	clear:both;
	height:auto;
	margin:0;
	padding:0;
	padding-top:1px;
}
.LayerFooter{
	background-color:#FFF;
	width:100%;
	clear:both;
	height:auto;
	margin:0;
	padding:0;
	border-top:1px #CFD9EA solid;
}
/*PCヘッダー　事務所名+電話番号---------*/
/*ヘッダーとメニューをラップ*/
.PCmenu{
	width:100%;
	background-color:#FFF;
}
.LayerMenuSp{
	display:none;
}
header{
	width:1000px;
	margin:0 auto;
	padding:20px 0;
}
.OfficessName{
	width:190px;
	float:left;
}
.PhneBlock{
	width:400px;
	float:right;
	text-align:right;
	font-size:0.94em;
}
span.PhoneNumber{
	font-size:2.4em;
}
span.PhoneNumber:before{
	content: "";
	display: inline-block;
	width: 62px;
	height: 18px;
	background: url(../img/common_sodan.jpg) no-repeat;
	background-size: contain;
	margin-right: 8px;
	transform: translateY(-4px);
}
/*PCメニュー---------*/
.LayerBlue{
	background-color:#7DD0FC;
	width:100%;
	clear:both;
	height:auto;
	margin:0;
	padding:0;
}
ul.MenuPc{
	width:1000px;
	margin:0 auto;
	text-align:center;
	padding:12px 0 10px 0;
}
ul.MenuPc li{
	display:inline-block;
	padding:0 30px;
}
ul.MenuPc li a{
	color:#FFF;
	/*font-family:'M PLUS 1p', sans-serif;
	font-weight:500;*/
	font-weight:bold;
}
/*PCヘッダー　事務所名+電話番号---------↑*/
/*フッター---------*/
footer{
	width:100%;
	padding:40px 0 20px 0;
}
.FooterName{
	width:210px;
	margin:0 auto;
}
.FooterAddress{
	width:100%;
	text-align:center;
	font-size:0.94em;
	padding:40px 0 0 0;
}
.FooterAddress span.PhNumber{
	font-size:2.2em;	
}

ul.FooterMenu{
	width:940px;
	margin:50px auto 0 auto;
}
ul.FooterMenu li{
	width:180px;
	display:inline-block;
}
ul.FooterMenu li a{
	display:block;
	width:100%;
	text-align:center;
	color:#0077CC;
	height:40px;
	border:1px #0077CC solid;
	border-radius:20px;
	line-height:38px;
	/*font-family:'M PLUS 1p', sans-serif;
	font-weight:500;*/
	font-weight:bold;
}
.CopyRight{
	margin:90px 0 20px 0;
	text-align:center;
	font-size:0.8em;
}
/*フッター----------↑*/

/*コンテンツ開始-------------------------------*/
/*トップページ-イメージ------*/
.TopImage{
	padding-top:1px;
	width:1000px;
	margin:0 auto;
	height:540px;
	background-image:url(../img/top_main.jpg);  /* 画像のURLを指定 */
   background-repeat:  no-repeat;                         /* 画像の繰り返しを指定  */              
    background-position:center bottom;                     /* 画像の表示位置を指定  */
    background-size:contain;
}
h1.TopRead{
	width:670px;
	margin:70px auto 0 auto;
}
h1.TopRead2{
	display:none;
}
/*トップページ-ご挨拶+お知らせ+アクセス------*/
.TopWrap{
	width:1000px;
	padding-top:1px;
	margin:0 auto;
}
.TopGreetingT{
	margin:0 auto;
	margin-top:40px;
	width:160px;
	height:40px;
	color:#FFF;
	text-align:center;
	line-height:39px;
	letter-spacing:2px;
	/*font-family:'M PLUS 1p', sans-serif;
	font-weight:500;*/
	font-weight:bold;
	font-size:1.1em;
	border-radius:20px;
	background-color:#40D9CC;
	
}
.TopNewsT{
	margin:0 auto;
	width:160px;
	height:40px;
	color:#FFF;
	text-align:center;
	line-height:39px;
	letter-spacing:2px;
	/*font-family:'M PLUS 1p', sans-serif;
	font-weight:500;*/
	font-weight:bold;
	font-size:1.1em;
	border-radius:20px;
	background-color:#69C0EE;
	margin-top:70px;
	
}
.TopAccessT{
	margin:0 auto;
	width:160px;
	height:40px;
	color:#FFF;
	text-align:center;
	line-height:39px;
	letter-spacing:2px;
	/*font-family:'M PLUS 1p', sans-serif;
	font-weight:500;*/
	font-weight:bold;
	font-size:1.1em;
	border-radius:20px;
	background-color:#4F729D;
	margin-top:160px;
	
}
p.TopGreeting{
	margin-top:30px;
	text-align:center;
	padding:0 10px;
	line-height:1.9em;
}
.TopGreetingImg{
	margin:0 auto;
	margin-top:70px;
	width:220px;
}
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:600px;
	height:auto;
	background-color:#FFF;
	margin:0 auto;
	margin-top:30px;
}
iframe.TopMap{
	width:100%;
	height:450px;
}
p.TopAddress{
	width:600px;
	margin:0 auto;
	margin-top:10px;
}

/*弁護士紹介------*/
.AbutTitleLayer{
	width:100%;
	border-top:1px #FFF solid;
	height:180px;
	background-image: linear-gradient(-225deg, #2CD8D5 0%, #C5C1FF 56%, #FFBAC3 100%);
}
h1.PageTitle{
	color:#FFF;
	/*font-family:'M PLUS 1p', sans-serif;
	font-weight:500;*/
	font-weight:bold;
	font-size:2.0em;
	margin:0 auto;
	margin-top:65px;
	text-align:center;
	width:1000px;
	letter-spacing:0.5em;
}
.AboutLawyerBox{
	width:800px;
	margin:0 auto;
	text-align:left;
	display: -webkit-flexbox;
    display: -moz-flexbox;
   	display: -ms-flexbox;
    display: -o-flexbox;
    display: flex;
	flex-direction:row;
}
.AboutLawyerBoxL1{
	width:180px;
	border-top:1px #0077cc solid;
	padding-top:40px;
	padding-bottom:40px;
	padding-left:5px;
	color:#8E9397;
}
.AboutLawyerBoxL2{
	width:180px;
	border-top:1px #0077cc solid;
	border-bottom:1px #0077cc solid;
	padding-top:40px;
	padding-bottom:40px;
	padding-left:5px;
	color:#8E9397;
}
.AboutLawyerBoxR1{
	width:620px;
	float:left;
	padding-top:40px;
	padding-bottom:40px;
	border-top:1px #CFD3DC solid;
	padding-left:5px;
}
.AboutLawyerBoxR2{
	width:620px;
	float:left;
	padding-top:40px;
	padding-bottom:40px;
	border-top:1px #CFD3DC solid;
	border-bottom:1px #CFD3DC solid;
	padding-left:5px;
}
.AboutLi{
	width:100%;
}
.AboutLi li span.AbDate{
	width:100px;
	display:block;
	float:left;
}

.AboutLi li span.AbContent{
	width:500px;
	display:block;
	float:left;
}
h2.AboutOffice{
	/*font-family:'M PLUS 1p', sans-serif;
	font-weight:500;*/
	font-weight:bold;
	font-size:1.7em;
	margin:0 auto;
	text-align:center;
	width:1000px;
	letter-spacing:0.3em;
}
.AboutOfficePh{
	margin:0 auto;
	margin-top:40px;
	padding-top:1px;
	width:1000px;
}
.AboutOfficePhL{
	width:490px;
	height:auto;
	padding-top:1px;
	float:left;
	border-radius:15px;
	overflow:hidden;
}
.AboutOfficePhR{
	width:490px;
	height:auto;
	padding-top:1px;
	float:left;
	border-radius:15px;
	overflow:hidden;
	margin-left:20px;
}
/*お問い合わせ------*/
.InquTitleLayer{
	width:100%;
	border-top:1px #FFF solid;
	height:180px;
	background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);
}
.InqWrap{
	width:820px;
	margin:0 auto
}
p.InqRead{
	font-weight:bold;
	font-size:1.1em;
}
.InqPhoneBox{
	width:100%;
	margin-top:20px;
}
.InqPhoneNumberT{
	float:left;
	width:160px;
	height:40px;
	color:#FFF;
	text-align:center;
	line-height:39px;
	letter-spacing:2px;
	/*font-family:'M PLUS 1p', sans-serif;
	font-weight:500;*/
	font-weight:bold;
	font-size:1.1em;
	border-radius:20px;
	background-color:#4f729d;
	margin-top:8px;

}

.InqPhoneNumber{
	float:left;
	margin-left:30px;
	width:600px;
	font-size:3.2em;
	text-align:left;
	vertical-align:top;
	line-height:1.0em;
}

p.InqAttention{
	text-indent:-1.0em;
	padding-left:1.0em;
}

.InqAddressBox{
	width:100%;
	margin-top:70px;
}
.InqAddressT{
	float:left;
	width:160px;
	height:40px;
	color:#FFF;
	text-align:center;
	line-height:39px;
	letter-spacing:2px;
	/*font-family:'M PLUS 1p', sans-serif;
	font-weight:500;*/
	font-weight:bold;
	font-size:1.1em;
	border-radius:20px;
	background-color:#14a682;
}
.InqAddress{
	float:left;
	margin-left:30px;
	width:600px;
	text-align:left;
	line-height:2.4em;
	font-weight:bold;
	font-size:1.1em;
}


.InqMapBox{
	margin-top:20px;
	width:100%;
	height:300px;
	background-color:#FFF;
}

/*取り扱い業務------*/
.WorkTitleLayer{
	width:100%;
	border-top:1px #FFF solid;
	height:180px;
	background-image: linear-gradient(60deg, #3d3393 0%, #2b76b9 37%, #2cacd1 65%, #35eb93 100%);
}
.WorkWrap{
	width:820px;
	margin:0 auto
}

ul.WorkList{
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px #0077cc solid;
	border-bottom:1px #0077cc solid;
	text-align:left;
	line-height:2.0;
}
ul.WorkList li{
	width:100%;
	padding-top:15px;
	padding-bottom:15px;
	border-bottom:1px #CFD3DC solid;
	padding-left:8px;
}
ul.WorkList li:last-child{
	border-bottom:none;
}
ul.WorkList li span.WorkSub{
	width:100%;
	display:block;
	padding-left:1.0em;
}

/*料金------*/
.FareTitleLayer{
	width:100%;
	border-top:1px #FFF solid;
	height:180px;
	background-image: linear-gradient(-225deg, #22E1FF 0%, #1D8FE1 48%, #625EB1 100%);
}
.FareWrap{
	width:900px;
	margin:0 auto;
	text-align:left;
}
h2.FareTitleSub{
	color:#14a682;
	/*font-family:'M PLUS 1p', sans-serif;
	font-weight:500;*/
	font-weight:bold;
	font-size:1.6em;
	letter-spacing:0.2em;
	padding-bottom:20px;
	border-bottom:1px #D6D6D6 solid;
}
.FarPriceeWrap{
	width:100%;
	font-size:1.1em;
	margin-top:0;
}
.FareBlue{
	background-color:#73aece;
}
.FareGlay{
	background-color:#e3e7e9;
}
.FareWhite{
	background-color:#fff;
}
.Fare01L{
	width:210px;
	float:left;
	border-bottom:2px #ced3dc solid;
	padding-top:20px;
	padding-bottom:16px;
	padding-left:20px;
	color:#FFF;
}
.Fare01R{
	width:690px;
	float:left;
	border-bottom:2px #ced3dc solid;
	padding-bottom:16px;
	padding-left:20px;
	padding-top:20px;
	padding-right:20px;
}

.Fare02L{
	width:210px;
	float:left;
	padding-top:20px;
	padding-bottom:16px;
	padding-left:20px;
	color:#FFF;
}
.Fare02R{
	width:690px;
	float:left;
	padding-bottom:16px;
	padding-left:20px;
	padding-top:20px;
	padding-right:20px;
}
p.FareCoution{
	font-size:0.92em;
	text-indent:-1em;
	padding-left:1em;
	color:#969FA4;
}

.Fare03L{
	width:140px;
	float:left;
	border-bottom:2px #ced3dc solid;
	padding-top:20px;
	padding-bottom:16px;
	padding-left:20px;
	color:#FFF;
}
.Fare03R{
	width:760px;
	float:left;
	border-bottom:2px #ced3dc solid;
	padding-bottom:16px;
	padding-left:20px;
	padding-top:20px;
	padding-right:20px;
}

.FarPriceeWrapFlex{
	width:100%;
	font-size:1.1em;
	margin-top:0;
	display: -webkit-flexbox;
    display: -moz-flexbox;
   	display: -ms-flexbox;
    display: -o-flexbox;
    display: flex;
	flex-direction:row;
}

.Fare03Lflex{
	width:140px;
	border-bottom:2px #ced3dc solid;
	padding-top:20px;
	padding-bottom:16px;
	padding-left:20px;
	color:#FFF;
}
.Fare04Rflex{
	width:760px;
	padding-bottom:16px;
	padding-left:20px;
	padding-top:20px;
	padding-right:20px;
}
.Fare04Lflex{
	width:140px;
	padding-top:20px;
	padding-bottom:16px;
	padding-left:20px;
	color:#FFF;
}
.Fare03Rflex{
	width:760px;
	border-bottom:2px #ced3dc solid;
	padding-bottom:16px;
	padding-left:20px;
	padding-top:20px;
	padding-right:20px;
}
span.FareIndent{
	display:block;
	margin-left:1.0em;
	text-indent:-1.0em;
	padding-left:1.0em;
}

p.FareComent{
	font-size:1.1em;
}

h3.FareTitleChild{
	color:#14a682;
	/*font-family:'M PLUS 1p', sans-serif;
	font-weight:500;*/
	font-weight:bold;
	font-size:1.5em;
	letter-spacing:0.2em;
	padding-bottom:20px;
}

table.FareTable01{
	width:900px;
	background-color:#FFF;
}
table.FareTable01 th,
table.FareTable01 td{
	padding-top:20px;
	padding-bottom:16px;
	padding-left:20px;
	padding-right:20px;
}
table.FareTable01 th.BorderR,
table.FareTable01 td.BorderR{
	border-right:1px #ced3dc solid;
}
table.FareTable01 tr.GlayBack{
	background-color:#e3e7e9;
}


table.FareTable01 th{
	width:300px;
	color:#FFF;
	background-color:#73aece;
}

span.Mark1{
	color:#98a1a8;
}

h3.FareTitleChild2{
	display:inline;
	/*font-family:'M PLUS 1p', sans-serif;
	font-weight:500;*/
	font-weight:bold;
	font-size:1.2em;
	color:#14a682;
	letter-spacing:0.1em;
	padding:3px 0 2px 0;
}

table.FareTable02{
	width:900px;
	background-color:#FFF;
}
table.FareTable02 th,
table.FareTable02 td{
	padding-top:20px;
	padding-bottom:16px;
	padding-left:20px;
	padding-right:20px;
}
table.FareTable02 th.BorderR,
table.FareTable02 td.BorderR{
	border-right:1px #ced3dc solid;
}
table.FareTable02 tr.GlayBack{
	background-color:#e3e7e9;
}


table.FareTable02 th{
	width:450px;
	color:#FFF;
	background-color:#73aece;
}
h3.FareTitleChild3{
	/*font-family:'M PLUS 1p', sans-serif;
	font-weight:500;*/
	font-weight:bold;
	font-size:1.2em;
	color:#14a682;
	letter-spacing:0.1em;
	text-align:center;
}

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



/*アクセス------*/
.AccessTitleLayer{
	width:100%;
	border-top:1px #FFF solid;
	height:180px;
	background-image: linear-gradient(60deg, #64b3f4 0%, #c2e59c 100%);
}
.AccessWrap{
	width:900px;
	margin:0 auto
}

p.AccessAddress{
	margin-top:20px;
	text-align:center;
}

.AccessRoot{
	width:340px;
	text-align:center;
	background-color:#73aece;
	color:#FFF;
	border-radius:12px;
	padding-top:16px;
	padding-bottom:10px;
	margin:0 auto;
	margin-top:30px;
}

.AccessRootWrap{
	width:100%;
	text-align:left;
}
.AccessRootL{
	width:400px;
	float:left;
}

.AccessRootR{
	width:400px;
	float:left;
	margin-left:100px;
}

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

.AccessComonBar{
	width:100%;
	background-color:#20acc1;
	/*font-family:'M PLUS 1p', sans-serif;
	font-weight:500;*/
	font-weight:bold;
	font-size:1.1em;
	color:#FFF;
	height:70px;
	border-radius:10px;
	line-height:69px;
	margin-top:10px;
}

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

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


.AccessRootPhOne{
	width:400px;
	height:auto;
	border-radius:10px;
	overflow:hidden;
	margin-bottom:8px;
	margin-top:10px;
	
}

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

span.Below{
	padding-left:1.0em;
	display:block;
}
p.OfficeEx{
	margin:10px auto;
	width:800px;
	padding:20px 40px;
	background-color:#FFF;
	border-radius:8px;
}
span.PhotoNakai{
	width:160px;
	display:block;
	float:right;
	margin-right:20px;
}
/*トップへ戻るボタン*/
#js-pagetop {
  position: fixed;
  width:70px;
  height:70px;
  border-radius: 8px;
  background: #1FAEC2;
  color: #fff;
  bottom: 50px;
  right: 50px;
  cursor: pointer;
  /*font-family: 'Noto Serif JP', serif;
	font-family: 'Shippori Mincho', serif;
	font-weight:600;*/
	font-weight:bold;
	letter-spacing:-1px;
	z-index:100;
}

#js-pagetop span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
  text-align: center;
  font-size: 14px;
}