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

/*=======================================================================*/

/* Musashikoyama Low Office
/* SP style.css
/* date:2017.11

/*=======================================================================*/


/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){



/* all style
-------------------------------------------------------------------------*/
html { overflow-y: scroll; }
html,body {	height:100%;}
* html { height: 100%; }

html, body, div, blockquote, form, table, th, td, h1, h2, h3, h4, h5, h6, a, p, dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6 { font-size: 100%; }

img,a img {
	border: none;
	vertical-align: top;
}

a { 
	overflow: hidden;
	outline: none; 
}

a:link, a:visited {
	color: #101010;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
	color: #013098;
}

a.widelink { display: block; width: 100%; }

ul li { list-style-type:none; }

.text_c { text-align: center;}
.text_l { text-align: left;}
.text_r { text-align: right;}
.font11 { font-size: 1.1em; }
.font9 { font-size:0.9em; }
.fontb { font-weight: bold; }
.lfloat { float:left; }
.rfloat { float:right; }
.clear { clear: both; }

.reset { 
	margin:0;
	padding:0; 
}

.cred {color:#760202; }

.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pl10 { padding-left:10px; }
.pl20 { padding-left:20px; }
.pl38 { padding-left:38px; }
.mr10 { margin-right: 10px; }
.ml50 { margin-left: 50px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb50 { margin-bottom: 50px; }
.mb90 { margin-bottom: 90px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt50 { margin-top: 50px; }
	
div.news-p1 {
	position: relative;
	height: 212px;
}


p.news-p2 a {
	position: absolute;
	right: 2%;
}


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

.clearfix {
	display: inline-table;
	min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* body style
-------------------------------------------------------------------------*/
body {
	font-size: 90%;
	font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.3;
	_text-align: center;
	color: #101010;
	background-image: none;
	}


/* inner_body style
-------------------------------------------------------------------------*/
div#inner_body {
	background-image: none;
	padding: 0 2%;
	}


/* container
-------------------------------------------------------------------------*/
div#container {
	background-image: none;
}


/* container
-------------------------------------------------------------------------*/
div#container_under {
	background-image: none;
}


/* wrapper style
-------------------------------------------------------------------------*/
div#wrapper {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	position:relative;
}


/* header
-------------------------------------------------------------------------*/
div#header {
	width: 100%;
	height:100px;
}

h1 { 
    margin-top:25px;
	float:left;
}

div#hed_phone {
}

ul#hed_nav {
}

ul#hed_nav a {
}


/* smart_image
-------------------------------------------------------------------------*/
div.smart_image {
	z-index:1;
}


/* contents
-------------------------------------------------------------------------*/
div#contents {
	margin-top:20px;
}
	
	
	
	


/* contents_under
-------------------------------------------------------------------------*/
div#contents_under {
	margin-top:70px;
}

p#about_image, #service_image, #info_image, #news1_image {
	display: block;
	overflow: hidden;
	width:100%;
	height: 0 !important;
	height /**/: 100px;
	padding-top: 100px;
	background-image:none;
	margin-bottom:15px;
	margin-top: -70px;
}

p#about_image {
	background:url(images/umain_image1.jpg) no-repeat top;
}

p#service_image {
	background:url(images/umain_image2.jpg) no-repeat top;
}

p#info_image {
	background:url(images/umain_image3.jpg) no-repeat top;
}

p#news1_image {
	background:url(images/umain_image4.jpg) no-repeat top;
}



h2#attorney_image, #office_image, #access_image, #services_image, #flow_image, #fee_image, #contact_image, #privacy_image, #news_image {
	display: block;
	overflow: hidden;
	width:100%;
	height: 0 !important;
	height /**/: 83px;
	padding-top: 83px;
	background-image:none;
	margin-bottom:15px;
}


h2#attorney_image {
	background:url(images/attorney_image2.jpg) no-repeat left top;
}

h2#office_image {
	background:url(images/office_image2.jpg) no-repeat left top;
}

h2#services_image {
	background:url(images/services_image2.jpg) no-repeat left top;
}

h2#flow_image {
	background:url(images/flow_image2.jpg) no-repeat left top;
}

h2#fee_image {
	background:url(images/fee_image2.jpg) no-repeat left top;
}

h2#contact_image {
	background:url(images/contact_image2.jpg) no-repeat left top;
}

h2#access_image {
	background:url(images/access_image2.jpg) no-repeat left top;
}

h2#privacy_image {
	background:url(images/privacy-policy_image2.jpg) no-repeat left top;
}

h2#news_image {
	background:url(images/news_image2.jpg) no-repeat left top;
}



h3 {
	background: url(images/under_title2.jpg) no-repeat left top;
	width:100%;
	height:34px;
	padding-left:20px;
	line-height:34px;
	font-size:1.2em;
	font-weight:normal;
}

.p_box {
	width:100%;
	margin: 0 20px;
	line-height:1.5;
	float: none;
	margin: 0;
}

.p_box1 {
	width:100%;
	margin: 20px auto;
	line-height:1.5;
}

div.p_box2 {
	width: 100%;
	margin: 20px 0;
	line-height:1.5;
	border: 4px #d5c3b6 solid;
	padding: 20px;
}

div.p_box3 {
	width: 100%;
	margin: 20px 0;
	line-height:1.5;
	border: 1px #0f0f0f solid;
	padding: 20px;
}

p#p_box4 {
	width:340px;
}


div.triangle {
	background: url(images/triangle.jpg) no-repeat center bottom;
	padding-bottom: 8px;
}

.fsize1 {
	font-size:1.5em;
	font-weight:normal;
	color:#760202;
}

.fsize2 {
	font-size:1.5em;
	font-weight:normal;
	color:#0f0f0f;
	margin-bottom:10px;
}

span.number {
	font-size:1.7em;
	font-weight: 200;
	margin-right:20px;
}

span.number2 {
	font-size:1.1em;
	font-weight: 200;
	margin-right:15px;
}


.red_line {
	border:4px #760202 solid;
	width:45px;
	padding:10px;
	color:#760202;
	float:left;
	margin-right:20px;
}

span#tel {
	font-size:2em;
	color:#760202;
}

.teigi1 {
	color:#760202;
	margin-left:-10px;
	font-size:1.1em;
}

.teigi2 {
	margin-left:30px;
}


div#iframe_box {
	border:1px #999999 solid;
}


/* table_type1
-------------------------------------------------------------------------*/
table.introduct {
	width:100%;
	border-collapse: collapse;
	margin-top:20px;
}

table.introduct th {
	width:300px;
	padding:6px 12px 6px 16px;
	border:1px solid #acabab;
	text-align:center;
	font-size:1.1em;
	letter-spacing:2px;
}

table.introduct td {
	padding:6px 12px 6px 16px;
	border:1px solid #acabab;
	text-align:center;
}

table th.second_bg {
	background-color:#d1e0bd;
}



/* table_type2
-------------------------------------------------------------------------*/

table.introduct2 {
	width:100%;
	border-collapse: collapse;
	margin-top:10px;
}

table.introduct2 th {
	padding:6px 12px 6px 16px;
	border:1px solid #acabab;
	letter-spacing:2px;
	font-weight:normal;
}

#wth {
	width:50px;
} 

table.introduct2 td {
	padding:10px 12px 10px 16px;
	border:1px solid #acabab;
}

table td.bg_col {
	background-color:#e3e0cd;	
}

table td.bg_col2 {
	background-color:#f3f2e9;	
}

table th.w90 {
	width:90px;
}

table th.w400 {
	width:217px;
}

table.introduct3 {
	width: auto;
	border-collapse: collapse;
	margin-top:10px;
}

table.introduct3 th {
	padding:6px 12px 6px 16px;
	border:1px solid #acabab;
	text-align:center;
	letter-spacing:2px;
	font-weight:normal;
}

table.introduct3 td {
	padding:10px 12px 10px 16px;
	border:1px solid #acabab;
}


/* left_contents
-------------------------------------------------------------------------*/
div#left_con {
	width: 100%;
	margin-bottom:70px;
	position:relative;
}

h2#new_info {
	display: block;
	overflow: hidden;
	width:100%;
	height: 0 !important;
	height /**/: 51px;
	padding-top: 51px;
	background-image:none;
	background:url(images/topics_bg2.jpg) no-repeat left top;
}

div#new_info_box {
	font-size: 0.9em;
	width: 100%;
	height: 240px;
	overflow-y: scroll;
	overflow-x: hidden;
	background-color: #f3f2e9;
	margin-bottom:20px;
}

p#direction {
	background:url(images/news_icon.jpg) no-repeat left center;
	padding-left:25px;
	position:absolute;
	right:10px;
	top:17px;
}

div#new_info_box dl dt {
	float:left;
	margin-right:20px;
}

div#new_info_box dl dt dd {
	float:left;
}

div.info_number {
	background:url(images/info_line.jpg) no-repeat center bottom;
	padding:15px 0 15px 15px;
}

h2#top_service {
	display: block;
	overflow: hidden;
	width:100%;
	height: 0 !important;
	height /**/: 50px;
	padding-top: 50px;
	background-image:none;
	background:url(images/service_bg2.jpg) no-repeat left top;
}

div#top_service_box {
	width:100%;
	height:100%;
	overflow: hidden;
	background-color:#e3e0cd;
	padding-bottom: 2%;
}
	
div#service1, #service2, #service3, #service4, #service5, #service6, #service7, #service8, #service9{
}
	
	
	
	
div#service1 a, #service2 a, #service3 a, #service4 a, #service5 a, #service6 a, #service7 a, #service8 a, #service9 a{
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/: 112px;
	padding-top: 112px;
	margin:3.5% 0 1% 3.4%;
	float: left;
	width: 45%;
}

div#service1 a {
	background:url(images/service1_off.jpg) no-repeat ;
	background-size: contain;
	height: 0;
	padding-top: 25.45%;
}

div#service2 a {
	background:url(images/service2_off.jpg) no-repeat ;
	background-size: contain;
	height: 0;
	padding-top: 25.45%;
}

div#service3 a {
	background:url(images/service3_off.jpg) no-repeat ;
	background-size: contain;
	height: 0;
	padding-top: 25.45%;
}

div#service4 a {
	background:url(images/service4_off.jpg) no-repeat ;
	background-size: contain;
	height: 0;
	padding-top: 25.45%;
}

div#service5 a {
	background:url(images/service5_off.jpg) no-repeat ;
	background-size: contain;
	height: 0;
	padding-top: 25.45%;
}

div#service6 a {
	background:url(images/service6_off.jpg) no-repeat ;
	background-size: contain;
	height: 0;
	padding-top: 25.45%;
}

div#service7 a {
	background:url(images/service7_off.jpg) no-repeat ;
	background-size: contain;
	height: 0;
	padding-top: 25.45%;
}

div#service8 a {
	background:url(images/service8_off.jpg) no-repeat ;
	background-size: contain;
	height: 0;
	padding-top: 25.45%;
}

div#service9 a {
	background:url(images/service9_off.jpg) no-repeat ;
	background-size: contain;
	height: 0;
	padding-top: 25.45%;
}
	

	
div#service1 a:hover {
	background:url(images/service1_on.jpg) no-repeat;
	background-size: contain;
	height: 0;
	padding-top: 25.45%;
}

div#service2 a:hover {
	background:url(images/service2_on.jpg) no-repeat;
	background-size: contain;
	height: 0;
	padding-top: 25.45%;
}

div#service3 a:hover {
	background:url(images/service3_on.jpg) no-repeat;
	background-size: contain;
	height: 0;
	padding-top: 25.45%;
}

div#service4 a:hover {
	background:url(images/service4_on.jpg) no-repeat;
	background-size: contain;
	height: 0;
	padding-top: 25.45%;

}

div#service5 a:hover {
	background:url(images/service5_on.jpg) no-repeat;
	background-size: contain;
	height: 0;
	padding-top: 25.45%;
}

div#service6 a:hover {
	background:url(images/service6_on.jpg) no-repeat;
	background-size: contain;
	height: 0;
	padding-top: 25.45%;
}

div#service7 a:hover {
	background:url(images/service7_on.jpg) no-repeat;
	background-size: contain;
	height: 0;
	padding-top: 25.45%;
}

div#service8 a:hover {
	background:url(images/service8_on.jpg) no-repeat;
	background-size: contain;
	height: 0;
	padding-top: 25.45%;
}

div#service9 a:hover {
	background:url(images/service9_on.jpg) no-repeat;
	background-size: contain;
	height: 0;
	padding-top: 25.45%;
}
	
	
	

	
/* right_contents
-------------------------------------------------------------------------*/
div#right_con {
	width: 100%;
	position:relative;
}

div#top_attorney {
	display: block;
	overflow: hidden;
	width:100%;
	height: 0 !important;
	height /**/: 291px;
	padding-top: 291px;
	background:url(images/top_attorney_bg.jpg) no-repeat center center;
	margin-bottom:20px;
}

p#top_attorney_detail {
	width: 100%;
	margin: -102px 58px;
}


p#top_map {
	width: 100%;
	position:absolute;
	top:51px;
	left:51px;
}

p#top_form {
	width: 100%;
	position:absolute;
	bottom:15px;
	left:58px;
}


/* right_contents_under
-------------------------------------------------------------------------*/
p#con_summary_bg {
	display: block;
	overflow: hidden;
	width:270px;
	height: 0 !important;
	height /**/: 292px;
	padding-top: 292px;
	background:url(images/con_summary_bg.jpg) no-repeat center center;
	margin-bottom:20px;
}

div#con_right_nav {
	background: url(images/con_summary_off.jpg) no-repeat top;
	width: 270px;
	height: 292px;
	position: absolute;
	top: 50px;
}

div#con_right_nav ul li a {
	display: block;
	overflow: hidden;
	width:258px;
	height: 0 !important;
	height /**/: 40px;
	padding-top: 40px;
	margin: 0 auto;
}

div#con_right_nav ul li#cnav6 a {
	display: block;
	overflow: hidden;
	width:258px;
	height: 0 !important;
	height /**/: 37px;
	padding-top: 37px;
	margin: 0 auto;
}

div#con_right_nav ul li#cnav1 a:hover {
	background:url(images/con_summary_on.jpg) 0 0;
}

div#con_right_nav ul li#cnav2 a:hover {
	background:url(images/con_summary_on.jpg) 0 -40px;
}

div#con_right_nav ul li#cnav3 a:hover {
	background:url(images/con_summary_on.jpg) 0 -80px;
}

div#con_right_nav ul li#cnav4 a:hover {
	background:url(images/con_summary_on.jpg) 0 -120px;
}

div#con_right_nav ul li#cnav5 a:hover {
	background:url(images/con_summary_on.jpg) 0 -160px;
}

div#con_right_nav ul li#cnav6 a:hover {
	background:url(images/con_summary_on.jpg) 0 -200px;
}



#contactForm {
  border: solid 3px #B58C00;
  padding: 30px;
}

#contactForm label { display:block; color: #333; width:280px; border-left:solid 5px #000; padding: 3px 8px;}
#contactForm .right { color: #333; margin: -1.8em 0 20px 0; padding-left: 320px;}
#contactForm .right.textArea { margin: -3.5em 0 20px 0;}
#contactForm input { padding: 3px;}
#contactForm input,
#contactForm select { color: #333; margin-top: 3px; margin-bottom: 0.3em;}
#contactForm .kome { line-height: 1.4; margin: 0.5em 0px;}
#contactForm label#checkboxLabel { display: inline; width: auto; border:none; padding: auto;}
#contactForm .error input { background-color:#FCC;}

td.kakunin button {
	background-color:#760202;
	color:#FFF;
	padding:10px;
	width:150px;
	margin:5px auto;
	border:2px #760202 solid;
  cursor: pointer;
}

td.kakunin button:hover {
	background-color:#fff;
	color:#101010;
	padding:10px;
	border:2px #760202 solid;
}



#contactFormInner {
  color: #000;
  font-size: 85%;
  background-color: #ccc;
  margin-top: 30px;
  padding: 25px;
}
#contactFormInner h3 {
  border-left: solid 3px #000;
  margin: 0;
  padding: 3px 0px 3px 8px;
}
#contactFormInner .rightText {
  margin: -1.3em 0 20px 0;
  padding-left: 10em;
}
#contactFormInner .rightText.last {
  margin-bottom: 0px;
}

#contactForm dt { display:block; color: #333; border-left:solid 5px #000; padding: 3px 8px;}
#contactForm dd { color: #333; margin: -1.8em 0 20px 0; padding-left: 12em;}



/* footer
-------------------------------------------------------------------------*/
div#footer {
}


div#footer_inner {
	width: 100%;
	padding: 0;
}

p#foot_address {
	line-height:1.7;
}

address {
	font-style:normal;
	font-size: 0.7em;
	color:#fff;
	margin-top:60px;
	background-color: #760202;
	padding: 4.5%;
	text-align: center;
}


/*装飾文字（※800px以下の小さな端末#menubar-sも共通）*/
#menubar-s li a span {
	display: block;
	text-shadow: none;
	font-size: 11px;	/*文字サイズ*/
	letter-spacing: 0.2em;	/*文字間隔を少し広く*/
	color: rgba(255,255,255,0.5);	/*文字色。255,255,255は白の事で0.5は透明度50%の事。*/
}
/*スマホ用メニューを表示させない*/
.sp {
	display: block;
}
	
.sp2 {
	display: none;
}

	
/*３本バーアイコンを表示させない*/
#menubar_hdr {
	display: none;
}


	
/*スマホ用メニューを非表示から表示に切り替える*/
#menubar-s {
	display: none;
	overflow: hidden;
	margin-bottom: 20px;
	border-top: 1px solid #fff;	/*上の線の幅、線種、色*/
	border-right: 1px solid #fff;	/*右側の線の幅、線種、色*/
	background: linear-gradient(#b20a0a, #760202);	/*グラデーション*/
	font-size: 18px;	/*文字サイズ*/
}
.menuOpen{
	display:block!important;
}
/*メニュー１個あたりの設定*/
#menubar-s li {
	float: left;	/*左に回り込み*/
	width: 50%;		/*メニュー幅*/
}
#menubar-s li a {
	display: block;
	text-decoration: none;
	text-align: center;	/*文字をセンタリング*/
	line-height: 1.5;	/*行間を少し狭く*/
	padding: 7px 0;	/*上下、左右へのメニュー内の余白*/
	border-bottom: 1px solid #fff;	/*下線の幅、線種、色*/
	border-left: 1px solid #fff;	/*左側の線の幅、線種、色*/
	color: #fff;	/*文字色*/
}
/*PC用メニューを非表示にする*/
#gnav {
	display: none;
}
	
	
	
/*３本バーアイコン設定
---------------------------------------------------------------------------*/
/*３本バーブロック*/
#menubar_hdr {
	display: block;
	position: absolute;
	top: 25px;		/*上から32pxの場所に配置*/
	right: 3%;		/*右から3%の場所に配置*/
	width: 30px;	/*幅*/
	border: 1px solid #000;	/*枠線の幅、線種、色*/
	padding: 12px 10px 5px;	/*上、左右、下へのボックス内余白*/
	background: #fff;		/*背景色*/
}
/*３本のバー（1本あたり）*/
#menubar_hdr span {
	display: block;
	border-top: 3px solid #000;	/*枠線の幅、線種、色*/
	margin-bottom: 7px;			/*バー同士の余白*/
}
	
	
	
/*ロゴ画像*/
h1 a img {
	width: 75%;		/*ロゴ画像の幅*/
	margin:0 0 0 15px;/*ロゴの上にあける余白。上下のバランスをここで調整して下さい。*/
}


/*SMART IMAGE*/
	ul.portfolio li img {
	width: 100%;	
	}	
	
	
/*FOOTER*/
/*スマホ用メニューを非表示から表示に切り替える*/
#style2 {
	display: block;
	overflow: hidden;
	border-bottom: 1px solid #fff;	/*上の線の幅、線種、色*/
	font-size: 14px;	/*文字サイズ*/
}
/*メニュー１個あたりの設定*/
#style2 li {
	width: 100%;		/*メニュー幅*/
}
#style2 li a {
	text-align:left;
	color:#333;
	border-bottom:1px solid #ccc;
	display:block;
	width: 100%;		/*メニュー幅*/
}
#pc-fnav {
	display: none;
}	
	
	
	
/*subコンテンツ内のh2タグ設定*/
#sub h2 {
	text-align: center;		/*内容をセンタリング*/
	background: #760202;	/*背景色*/
	color: #fff;
	padding: 1.5%;/*文字色*/
}
	
	
/*subコンテンツ内のメニュー
---------------------------------------------------------------------------*/
/*メニュー全体の設定*/
#sub ul.submenu {
	margin-bottom: 15px;	/*メニューブロックの下に空けるスペース*/
	border-top: solid 1px #dcdcdc;	/*上の線の線種、幅、色*/
	border-left: solid 1px #dcdcdc;
	border-right: solid 1px #dcdcdc;
}
/*メニュー１個ごとの設定*/
#sub ul.submenu li a {
	text-decoration: none;
	display: block;
	padding: 5px 10px;	/*メニュー内の余白。上下、左右への設定。*/
	border-bottom: solid 1px #dcdcdc;	/*下の線の線種、幅、色*/
	
}
/*h2直下にsubmenuが続いた場合のみ、submenuの上の線を消す設定*/
#sub h2 + ul.submenu {
}

	
	/*subコンテンツ内のbox1
---------------------------------------------------------------------------*/
#sub .box1 {
	overflow: hidden;
	padding: 10px;			/*ボックス内の余白*/
	margin-bottom: 20px;	/*ボックスの下に空けるスペース*/
	border: solid 1px #dcdcdc;	/*線の線種、幅、色*/
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1) inset;	/*ボックスの影。右へ、下へ、広げる幅、0,0,0は黒の事で0.1は透明度10%の事。insetは内側への影、という意味。*/
}
/*h2直下にbox1が続いた場合のみ、box1の上の線を消す設定*/
#sub h2 + .box1 {
	border-top: none;
}
/*box1内のサブメニュー*/
#sub ul.submenu {
	margin-bottom: 0;
}

div#footer_inner ul li a {
	margin:0;
		
}
	
	
/*main,subコンテンツ
---------------------------------------------------------------------------*/
#main, #sub {
	float: none;
	width: auto;
	padding: 2%; /*上、左右、下へのボックス内の余白*/
	margin-right: 3.2%;
}

#sub {
	margin-right: 0;
	}

/*subコンテンツ内のメニュー
---------------------------------------------------------------------------*/
/*メニュー１個ごとの設定*/
#sub ul.submenu li {
	width: 100%;
}
/*偶数番目のメニューの左のラインを消す設定*/
#sub ul.submenu li:nth-child(even) a {
	border-left: none;
}
	
div#footer_inner ul li {
    margin: 10px 0 10px 0;
    float: none; 
}	
	
		
#page-top {
	position: fixed;
	bottom: 50px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #760202;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 15px 0;
	text-align: center;
	display: block;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#page-top a:hover {
	text-decoration: none;
	background: #863a39;
}
	
.fsize09 {font-size: 0.9em;}	
	.pt5 {padding-top: 5px;}	
	
	
	


}