*{
margin:0;
padding:0;
}

html,
body{
font-family:メイリオ,meiryo,游ゴシック体,Yu Gothic,A-OTF 新ゴ Pro,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,A-OTF Shin Go Pro,helvetica,sans-serif;
}

a:link,
a:visited,
a:hover,
a:active{
text-decoration:none;
}

ul,
li{
list-style:none;
}

	/* wrapper */

#wrapper{
width:100%;
}

		/* header */

#header{
width:100%;
height:70px;
background:#ffffff;
position:fixed;
top:0;
z-index:100;
border-bottom:1px solid #eaeaea;
}

			/* logo */

#header h1{
float:left;
margin:12px;
max-width:calc(100% - 82px);
max-width:webkit-calc(100% - 82px);
height:46px;
display:block;
}

#header h1 img{
height:100%;
max-width:100%;
height:46px;
display:block;
}

			/* menubutton */

#header > :nth-child(2){
float:right;
margin:12px 12px 12px 0;
height:46px;
}

		/* leftnavi drawermenu */

#leftnavi{
width:100%;
position:fixed;
top:-350px;
transition:0.5s;
-webkit-transition:0.5s;
-ms-transition:0.5s;
z-index:10;
}

#leftnavi.open{
top:70px;
transition:0.5s;
-webkit-transition:0.5s;
-ms-transition:0.5s;
}

#leftnavi ul{
padding:0;
margin:0;
width:100%;
}

#leftnavi li{
width:100%;
font-size:80%;
text-align:center;
background:#062040;
color:#ffffff;
line-height:50px;
height:50px;
box-sizing:border-box;
border-bottom:1px solid #d4dde9;
}

#leftnavi a{
display:block;
color:#ffffff;
}

		/* contswrapeer */

#contswrapper{
margin-top:68px;
}
			/* conts */

#conts strong{
font-weight:normal;
}

				/* toppage */

#conts.toppage{
}

#conts.toppage h2{
width:100%;
position:relative;
display:block;
font-size:80%;
}

#conts.toppage img{
width:100%;
display:block;
}

					/* キャッチコピー一行目 */

#conts.toppage h2 > span{
position:absolute;
display:block;
top:0;
bottom:0;
left:12px;
right:0;
height:50px;
margin:auto;
line-height:20px;
letter-spacing:3px;
font-family: "游明朝","YuMincho","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	text-shadow:1px 1px 1px #eeeeee,
-1px 1px 1px #eeeeee,
1px -1px 1px #eeeeee,
-1px -1px 1px #eeeeee;
}

					/* キャッチコピー二行目 */

#conts.toppage span span{
letter-spacing:3px;
color:#c1272d;
margin-left:15px;
font-family: "游明朝","YuMincho","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;

}


/* ご挨拶 */

#conts.toppage h3{
font-size: 110%
}


					/* フレーズ */

#conts.toppage > :nth-child(2){
text-align:center;
width:100%;
padding:0 12px;
margin-top:12px;
color:#1b4e8d;
line-height:35px;
font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:85%;
letter-spacing:2px;
box-sizing:border-box;
}

					/* 詳細 */

#conts.toppage > :nth-child(3){
margin-top:10px;
width:100%;
padding:12px;
background:#062040;
color:#ffffff;
font-size:80%;
line-height:180%;
box-sizing:border-box;
}




/* 取扱業務 */

#conts.legalfee ul.business{
margin-top:30px;
margin-bottom: 30px;
}

#conts.legalfee ul.business li{
font-size:80%;
margin-top:3px;
margin-bottom: 0px;
margin-left: 30px;
margin-right: 30px;
list-style: disc;
}







			/* strength */

#conts.strength{
margin:0;
width:100%;
}

#conts.strength a:link,
#conts.strength a:visited,
#conts.strength a:hover,
#conts.strength a:active{
text-decoration:none;
color:#366195;
}

#conts.strength h3{
margin-top:12px;
display:block;
width:100%;
height:50px;
background:#062040;
text-align:center;
color:#ffffff;
font-size:100%;
font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
line-height:50px;
}

#conts.strength h4{
margin:12px 0;
width:100%;
height:40px;
background:#d4dde9;
text-align:center;
color:#062040;
font-size:100%;
line-height:40px;
clear:both;
}

				/* スカイプ説明 */


				/* スカイプボタン */

#conts.strength  > :last-child{
width:70%;
height:20px;
display:block;
margin:12px auto;
text-align:center;
padding:15px 0;
background:#1b4e8d;
font-size:80%;
color:#ffffff !important;
}

				/* 本の紹介エリア */

#conts.strength div{
width:calc;(100% - 24px)
width:webkit-calc(100% - 24px);
margin:0;
background:#efefef;
padding:12px;
display:block;
overflow: hidden;
}

				/* 本の写真 */

#conts.strength div img{
width:80px;
display:block;
margin-right: 20px;
float:left;
}
				/* 著者・出版社 */

#conts.strength div > span{
margin:10px 0 0 24px;
display:block;
font-size:80%;
}

				/* 本のタイトル */

#conts.strength div > span > span{
display:block;
margin:10px 0;
font-size:120%;
}


			/* lawyer */

#conts.lawyer{
margin:0;
width:100%;
}

#conts.lawyer a:link,
#conts.lawyer a:visited,
#conts.lawyer a:hover,
#conts.lawyer a:active{
text-decoration:none;
color:#ffffff;
}
				/* 大見出し */

#conts.lawyer h3{
margin-top:12px;
display:block;
width:100%;
height:50px;
background:#062040;
text-align:center;
color:#ffffff;
font-size:100%;
font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
line-height:50px;
}

				/* 中見出し */

#conts.lawyer h4{
margin-top:12px;
width:100%;
height:40px;
background:#d4dde9;
text-align:center;
color:#062040;
font-size:100%;
line-height:40px;
clear:both;
}

				/* 略歴・ご挨拶見出し */

#conts.lawyer h5{
margin-top:12px;
padding-left:12px;
width:calc(100% - 12px);
height:40px;
color:#366195;
border-bottom:1px #366195 solid;
font-size:100%;
line-height:40px;
display:block;
clear:both;
text-align:center;
}


				/* 須加弁護士の写真 */

#conts.lawyer img{
width:60%;
display:block;
margin:12px auto 0 auto;
}

				/* 名前 */

#conts.lawyer span{
margin-top:12px;
font-size:120%;
display:block;
text-align:center;
}

				/* プロフィール文 */

#conts.lawyer p{
display:block;
font-size:80%;
margin:12px;
}

				/* プロフィール・挨拶エリア */

#conts.lawyer p{
display:block;
border-top:0;
font-size:80%;
margin:12px;
}

				/* あいさつ文 */

#conts.lawyer > :nth-child(8){
display:block;
font-size:80%;
width:calc(100% - 24px);
width:webkit-calc(100% - 24px);
margin:0;
padding:12px;
display:block;
}


				/* アクセスの表 */

#conts.lawyer table{
margin:12px auto;
width:95%;
border:1px #a1b5ce solid;
font-size:80%;
border-collapse: collapse;
}

#conts.lawyer table a{
color:#000000 !important;
}

#conts.lawyer tr{
width:100%;
}

#conts.lawyer th{
width:20%;
padding:10px;
border:1px #a1b5ce solid;
text-align:left;
background:#d4dde9;
font-weight:normal;
}

#conts.lawyer td{
width:80%;
padding:6px;
border:1px #a1b5ce solid;
background:#ffffff;
}

				/* 地図 */

#conts.lawyer iframe{
display:block;
margin:12px auto 0 auto;
}

				/* 大きな地図ボタン*/

#conts.lawyer > :nth-child(12){
width:70%;
height:20px;
display:block;
margin:12px auto;
padding:15px 0;
background:#1b4e8d;
text-align:center;
font-size:80%;
color:#ffffff;
}

				/* 電話をかける */

#conts.lawyer > :last-child{
width:70%;
height:20px;
display:block;
margin:12px auto;
padding:15px 0;
background:#1b4e8d;
text-align:center;
font-size:80%;
color:#ffffff;
}

			/* legalfee */

#conts.legalfee{
margin:0;
width:100%;
}


				/* 大見出し */

#conts.legalfee h3{
margin-top:12px;
display:block;
width:100%;
height:50px;
background:#062040;
text-align:center;
color:#ffffff;
font-size:100%;
font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
line-height:50px;
}

				/* 中見出し */

#conts.legalfee h4{
margin-top:12px;
width:100%;
height:40px;
background:#d4dde9;
text-align:center;
color:#062040;
font-size:100%;
line-height:40px;
clear:both;
}

				/* テーブル */

#conts.legalfee table{
margin:-8px auto 0 auto;
width:95%;
border:1px #a1b5ce solid;
font-size:65%;
border-collapse: collapse;
box-sizing:border-box;
}

#conts.legalfee th{
width:15%;
padding:8px 0;
border:1px #a1b5ce solid;
text-align:center;
background:#d4dde9;
font-weight:normal;
box-sizing:border-box;
}

#conts.legalfee td{
width:45%;
padding:8px 0 10px 6px;
border:1px #a1b5ce solid;
background:#ffffff;
box-sizing:border-box;
}

				/* 文章 */

#conts.legalfee p{
display:block;
font-size:80%;
margin:12px;
}

				/* ①～⑦の見出し */

#conts.legalfee h5{
display:block;
margin-top:12px;
margin-bottom: 12px;
margin-left: 12px;
font-size:100%;
color:#062040;
}

				/* 注釈 */

#conts.legalfee div{
width:calc(100% - 24px);
margin-top:12px;
padding:12px;
background:#eeeeee;
}

					/*注釈 文章*/

#conts.legalfee div p{
width:calc(100% - 24px);
margin-top:12px;
background:#eeeeee;
font-size:75%;
font-weight:normal;
}

					/* 注釈 赤文字 */

#conts.legalfee h6{
font-weight:bold;
font-size:80%;
color:#c1272d;
}

				/* 小見出し（交渉・調停・訴訟） */

#conts.legalfee h7{
display:block;
margin:12px;
max-width:calc(100 - 24px);
max-width:webkit-calc(100% - 24px);
font-size:90%;
color:#062040;
}

				/* privacy */

#conts.privacy{
margin:0;
width:100%;
}

#conts.privacy a:link,
#conts.privacy a:visited,
#conts.privacy a:hover,
#conts.privacy a:active{
text-decoration:none;
color:#000000;
}

#conts.privacy h3{
margin-top:12px;
display:block;
width:100%;
height:50px;
background:#062040;
text-align:center;
color:#ffffff;
font-size:100%;
font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
line-height:50px;
}

#conts.privacy h4{
margin-top:12px;
width:100%;
height:40px;
background:#d4dde9;
text-align:center;
color:#062040;
font-size:100%;
line-height:40px;
clear:both;
}

#conts.privacy h6{
display:block;
margin:12px;
font-size:100%;
color:#062040;
}

#conts.privacy p{
display:block;
font-size:80%;
margin:12px;
font-weight:normal;
}

#conts.privacy table{
margin:0 auto 0 auto;
width:95%;
border:1px #a1b5ce solid;
font-size:80%;
border-collapse: collapse;
line-height:30px;
box-sizing:border-box;
}

#conts.privacy th{
width:15%;
border:1px #a1b5ce solid;
text-align:center;
background:#d4dde9;
font-weight:normal;
box-sizing:border-box;
}

#conts.privacy td{
width:55%;
padding-left:8px;
border:1px #a1b5ce solid;
background:#ffffff;
box-sizing:border-box;
}

		/* contact */

#conts.contact{
margin:0;
width:100%;
}

#conts.contact h3{
margin-top:12px;
display:block;
width:100%;
height:50px;
background:#062040;
text-align:center;
color:#ffffff;
font-size:100%;
font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
line-height:50px;
}

#conts.contact h4{
margin-top:12px;
width:100%;
height:40px;
background:#d4dde9;
text-align:center;
color:#062040;
font-size:100%;
line-height:40px;
clear:both;
}

#conts.contact div{
width:60px;
display:inline;
background:#c1272d;
color:#ffffff;
font-size:60%;
padding:3px;
}

#conts.contact label{
display:block;
margin:12px 0 0 12px;
box-sizing:border-box;
}

#conts.contact input{
width:calc(100% - 24px);
width:webkit-calc(100% - 24px);
height:35px;
margin:12px;
padding:4px 3%;
line-height:35px;
background:#ffffff;
border:1px #062040 solid;
font-size:16px;
font-family:メイリオ,meiryo,游ゴシック体,Yu Gothic,A-OTF 新ゴ Pro,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,A-OTF Shin Go Pro,helvetica,sans-serif;
border:1px #a1b5ce solid;
border-radius:0;
-webkit-appearance:none;
box-sizing:border-box;
}

#conts.contact p{
font-size:80%;
margin:12px 12px 20px 12px;
}

#conts.contact span{
font-size:60%;
margin:12px;
color:#062040;
}

#conts.contact textarea{
width:calc(100% - 24px);
width:webkit-calc(100% - 24px);
height:200px;
margin:12px 12px 6px 12px;
padding:5px 2%;
line-height:30px;
background:#ffffff;
border:1px #062040 solid;
font-size:16px;
font-family:メイリオ,meiryo,游ゴシック体,Yu Gothic,A-OTF 新ゴ Pro,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,A-OTF Shin Go Pro,helvetica,sans-serif;
border:1px #a1b5ce solid;
border-radius:0;
-webkit-appearance:none;
box-sizing:border-box;
}

#btn_submit{
width:80% !important;
height:50px !important;
margin:0 auto !important;
padding-bottom:12px;
background:#1b4e8d !important;
border:none !important;
font-size:110% !important;
color:#ffffff;
font-family:メイリオ,meiryo,游ゴシック体,Yu Gothic,A-OTF 新ゴ Pro,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,A-OTF Shin Go Pro,helvetica,sans-serif;
font-weight:bold !important;
display:block !important;
border-radius:0;
-webkit-appearance:none;
}

		/* mail(確認画面) */

#conts.mail{
margin:0;
width:100%;
}

#conts.mail h3{
margin-top:12px;
display:block;
width:100%;
height:50px;
background:#062040;
text-align:center;
color:#ffffff;
font-size:100%;
font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
line-height:50px;
}

#conts.mail h4{
margin:12px 0;
width:100%;
height:40px;
background:#d4dde9;
text-align:center;
color:#062040;
font-size:100%;
line-height:40px;
clear:both;
}

			/* 前画面に戻るボタン */

#conts.mail input{
width:70%;
display:block;
margin:12px auto;
padding:10px 0;
background:#1b4e8d;
text-align:center;
font-size:80%;
font-weight:bold;
color:#ffffff;
border:none;
border-radius:0;
-webkit-appearance:none;
}

#conts.mail p{
font-size:80%;
margin:12px;
}

#conts.mail p span{
color:#c1272d;
}

	/* footer */

#footer{
width:100%;
margin-top:12px;
font-size:70%;
}

#footer ul{
width:100%;
margin:0;
padding-bottom:1px;
display:inline-block;
background:#062040;
}

#footer li{
display:block;
float:left;
width:calc(50% - 1.5px);
width:webkit-calc(50% - 1.5px);
margin:1px 0 0 1px;
text-align:center;
background:#eef2f6;
line-height:45px;
box-sizing:border-box;
}

#footer ul li a{
display:block;
color:#062040;
}

		/* copyright */

#footer div{
display:block;
margin-top:-7px;
padding:15px 0;
text-align:center;
background:#062040;
color:#ffffff;
height:60px;
}

#footer div a:link,
#footer div a:visited,
#footer div a:hover,
#footer div a:active{
text-decoration:none;
color:#ffffff;
}

#footer div img{
display:none;
}

#footer p{
display:block;
}

#footer span{
display:block;
text-align:center;
}

#footer div :last-child{
margin-top:6px;
}