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

body { margin: 0px; padding: 0px; font-size: 13px; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; line-height: 200%; -webkit-text-size-adjust: none; }
.highlight a:hover *{ filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }  
.clearfix { display: inline-table; overflow:hidden; }  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  
img { max-width: 100%; height: auto; width /***/:auto; border: none; vertical-align: bottom; }
img.miniimage { display: none; }
@media screen and (min-width: 1025px) {
   img.minispimage { display: none; } /* miniを表示 */
   img.miniimage { display: none; }  /* miniを非表示 */
   img.bigimage  { display: block; } /* bigを表示 */
}
@media screen and (max-width: 1024px) {
   img.minispimage { display: none; } /* miniを表示 */
   img.miniimage { display: block; } /* miniを表示 */
   img.bigimage  { display: none; }  /* bigを非表示 */
}
@media screen and (max-width: 736px) {
   img.minispimage { display: block; } /* miniを表示 */
   img.miniimage { display: none; } /* miniを表示 */
   img.bigimage  { display: none; }  /* bigを非表示 */
}
p { margin: 0; padding: 0; }
ul { margin: 0; padding:0; }
li { margin: 0; padding:0; }
h1 { font-size: 12px; font-weight: normal; margin:0; padding:0; }
a:link { color: #AF905E; text-decoration: none; }
a:visited { color: #AF905E; text-decoration: none; }
a:hover { color: #222; text-decoration: none; }
a:active { color: #AF905E; text-decoration: none; }
strong { font-weight: normal; }
.text_center { text-align:center; }
.text_right { text-align:right; }
.text_red {
	color: #CC0000;
}
.text_orange { color: #CA6600; }
.text11 { font-size: 11px; line-height: 200%; }
.text15 { font-size: 15px; line-height: 200%; }
.text17 { font-size: 17px; line-height: 200%; }
.text19 { font-size: 19px; line-height: 200%; }
.text21 { font-size:21px; line-height: 200%; }
.text25 { font-size:25px; line-height: 200%; }
.bottom5 { margin-bottom: 5px; }
.bottom10 { margin-bottom: 10px; }
.bottom15 { margin-bottom: 15px; }
.bottom20 { margin-bottom: 20px; }
.bottom30 { margin-bottom: 30px; }
.bottom40 { margin-bottom: 40px; }
.bottom50 { margin-bottom: 50px; }
.bottom70 { margin-bottom: 70px; }
.bottom100 { margin-bottom: 100px; }
.text_space { letter-spacing: 5px; }
.textBorder { border-bottom: 1px dotted #222;}
.fixed { position: fixed; top: 0; width: 100%; z-index: 10000;}

#navigation { clear:both; margin: 0 15px;}
#navigation .alignleft { float:left;}
#navigation .alignright { float:right;}

.wp-pagenavi {clear: both; margin:0 15px; height:45px;}
.wp-pagenavi a, .wp-pagenavi span {text-decoration: none;	border: 1px solid #222;	padding: 10px 15px;	margin: 3px; background: #222; color: #FFF; border-radius: 40px; line-height: 30px; }
.wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: #222; background:#FFF; color:#222; }
.wp-pagenavi span.current { font-weight: bold; }

#spNav { display: none;}
.drawer-nav { display: none;}
.btMail  { display:none;}
.btTel  { display:none;}

#page-top { position: fixed; bottom: 350px; right: 15px; z-index: 999;}
#page-top a { text-decoration: none; width: 40px; display: block;}

.header {width: 100%; background:#FFF; border-bottom:5px solid #222;}
#headerT {width:100%; background:#EEE; padding:10px 0;}
#headLogoT { width:220px; margin:0 auto;}
#headLogo { display:none;}
#headLogo.smaller {width: 100px; float: left;}
#headNavi {float: left; width:475px;}
.headTel {width: 173px; height:40px; padding: 15px 15px; background: #222;float: right;}
#globalNavi {width:475px; height:70px;}
#globalNavi ul { margin:0; padding:0;}
#globalNavi li {display:inline; list-style-type:none; float:left; height:70px;}
#globalNavi li a { height:70px; display:block; float:left; text-indent:-9877em; text-decoration:none; overflow:hidden; font-size: 8px;}
#globalNavi li.naviHome a { width:110px; background:url(image/navi_tab.png) no-repeat 0px 0px; }
#globalNavi li.naviService a { width:80px; background:url(image/navi_tab.png) no-repeat -110px 0px; }
#globalNavi li.naviAdvisory a { width:80px; background:url(image/navi_tab.png) no-repeat -190px 0px; }
#globalNavi li.naviConsul a { width:110px; background:url(image/navi_tab.png) no-repeat -270px 0px; }
#globalNavi li.naviOffice a { width:95px; background:url(image/navi_tab.png) no-repeat -380px 0px; }
#globalNavi li.naviHome a:hover { width:110px; background:url(image/navi_tab.png) no-repeat 0px -70px; }
#globalNavi li.naviService a:hover { width:80px; background:url(image/navi_tab.png) no-repeat -110px -70px; }
#globalNavi li.naviAdvisory a:hover { width:80px; background:url(image/navi_tab.png) no-repeat -190px -70px; }
#globalNavi li.naviConsul a:hover { width:110px; background:url(image/navi_tab.png) no-repeat -270px -70px; }
#globalNavi li.naviOffice a:hover { width:95px; background:url(image/navi_tab.png) no-repeat -380px -70px; }

#contents {width: 100%; padding: 60px 0 0; border-bottom:1px solid #989898; margin-bottom:130px;}
.contents_wrap {
	width: 90%;
	margin: 0 auto;
}
.contents660 {width: 660px; margin-left:auto; margin-right:auto;}
.contents660R {
	width: 65%;
	float: right;
}

#headService { height:200px; background:url(image/bg_service.jpg) no-repeat; background-size:cover; }
#headAdvisory { height:200px; background:url(image/bg_advisor.jpg) no-repeat; background-size:cover; }
#headConsul { height:200px; background:url(image/bg_consul.jpg) no-repeat; background-size:cover; }
#headOffice { height:200px; background:url(image/bg_office.jpg) no-repeat; background-size:cover; }
#headFaq { height:200px; background:url(image/bg_faq.jpg) no-repeat; background-size:cover; }
#headContact { height:200px; background:url(image/bg_contact.jpg) no-repeat; background-size:cover; }
#headNews { height:200px; background:url(image/bg_news.jpg) no-repeat; background-size:cover; }

#footer {padding: 40px 0; border-top:1px solid #989898;}
#footerWrap {
	width: 95%;
	margin: 0 auto;
}
#footLeft {float:left; margin-bottom:20px;}
#footRight {
	width: 173px;
	padding: 17px 15px;
	background: #222;
	float: right;
	margin-bottom: 20px;
}
#footRight_sp { display:none;}
#footLogo h3 { width:275px; margin:0; padding:0; font-weight:normal; font-size:10px;}
#footAdress { line-height:34px;}
#footNavi {
	clear: both;
	width: 100%;
	margin: 0 auto;
}
#footNavi ul {padding:0; margin:0; list-style:none;}
#footNavi li {
	width: 20%;
	float: left;
	text-align: center;
	line-height: 30px;
	list-style: none;
}
#footNavi li a {color: #222222;}
#footNavi li a:hover {color: #224a8c;}
#footCopy {text-align: center; background:#eeeeee; line-height:60px;}

#topCopy {width: 960px;left: 0;right: 0;margin: 0 auto;	position: absolute;	z-index: 1;}
#topCopy h2 {width: 700px;margin: 200px 0 0;padding: 0;float: right;}
@media screen and (max-width: 960px) {
#topCopy {width: 100%;left: 0;right: 0;	margin: 0 auto;	position: absolute;	z-index: 1;}
#topCopy h2 {width: 70%;margin: 150px 0 0;padding: 0;float: right;}
}

#top_main {width: 100%;	position: relative;	z-index:0;}

.button  {width: 100%; border: 1px solid #222; color: #222; cursor: pointer; display: inline-block; line-height: 35px; text-decoration: none; font-size: 15px;}
.button:hover,
.button:focus,
.button:active,
.button.active {	width: 100%; border: 1px solid #222; color: #FFF; background: #222; cursor: pointer; display: block; line-height: 35px; text-decoration: none; font-size: 15px;}

.midashiWrap { width:100%; background:url(image/line.jpg) no-repeat; margin-bottom:10px;}
.midashiWrap2 { width:100%; background:url(image/line.jpg) no-repeat; margin-bottom:40px;}
.midashiEN { display: table; padding:0 20px; line-height:30px; font-size:25px; font-family: 'Libre Baskerville', serif; font-weight:400; background:#FFF; letter-spacing:5px; margin-left:auto; margin-right:auto;}
.midashi h2 { font-size:13px; color:#989898; margin:0 0 40px 0; padding:0; text-align:center; letter-spacing:2px; font-weight:normal;}
.midashiJA { display: table; padding:0 20px; line-height:30px; font-size:25px; background:#FFF; letter-spacing:5px; margin-left:auto; margin-right:auto;}

.bt_case {width: 24%;float: left;margin: 0 0.5%;}
.contact {width: 218px; padding: 17px 30px; background:#222; margin-left:auto; margin-right:auto;}
.contact_sp { display:none;}
.btTwo {width:520px; margin: 0 auto;}
.bt200 {width:200px; float:left; margin:0 30px; text-align:center;}
.bt200 a { color:#222;}

.infoWrap { border-bottom:1px solid #222; padding:15px 20px;}
.infoLeft { width:100px; float:left;}
.infoRight { float:left;}

#map_canvas {width:100%;height:500px;}

#titleEN {line-height:30px; font-size:17px;color:#FFF; font-family: 'Libre Baskerville', serif; font-weight:400; letter-spacing:5px; text-align:center; text-shadow: 0 -1px 4px #222, -1px 0 4px #222, 1px 0 4px #222;}
#title h2 { font-size:30px; color:#FFF; padding:60px 0 0 0; margin:0; text-align:center; letter-spacing:5px; line-height:50px; text-shadow: 0 -1px 4px #222, -1px 0 4px #222, 1px 0 4px #222;}

.halfLeft {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.halfRight {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}

#case1 {padding-top:120px; margin-top:-120px;}
#case2 {padding-top:120px; margin-top:-120px;}
#case3 {padding-top:120px; margin-top:-120px;}
#case4 {padding-top:120px; margin-top:-120px;}
#lawyer {padding-top:120px; margin-top:-120px;}

.mainText { font-size:17px; text-align:center; margin-bottom:40px; line-height:200%;}

.photoTwo1 { width:300px; float:left; margin:0 15px 30px;}
.photoTwo2 { width:300px; float:left; margin:0 15px;}
.photo220 {width: 30%;float: left;}
.photo240 {width: 30%;float: left;}
.photoFour { width:50%; float:left;}

.infoYear { width:80px; float:left;}

.question_icon {
	float: left;
	width: 10%;
	height: 40px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 40px;
	font-family: 'Libre Baskerville', serif;
	background: #224a8c;
	color: #FFF;
	margin-left: 1%;
}

.question_text {
	float: left;
	font-weight: bold;
	line-height: 40px;
	font-size: 16px;
	margin-left: 3%;
	width: 86%;
}

.answer_icon {
	float: left;
	width: 10%;
	height: 40px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 40px;
	font-family: 'Libre Baskerville', serif;
	background: #EE0000;
	color: #FFF;
	margin-left: 1%;
}

.answer_text {
	float: left;
	margin-left: 3%;
	margin-top: 10px;
	width: 86%;
}

.newsData {
	width: 20%;
	text-align: center;
	background: #222;
	color:#FFF;
	line-height: 50px;
	float: left;
}

.newsTitle h3 {
	line-height: 50px;
	padding: 0 0 0 20px;
	margin: 0;
	float:left;
	font-size: 17px;
}

.newsArea {
	clear: both;
	padding:30px 50px 50px;
	margin: 0 0 50px;
	border-bottom:1px solid #222;
}

.btAccess {width:280px; margin:0 auto 30px;}
.buttonAccess  {width: 100%; border: 1px solid #222; background:#222; cursor: pointer; display: inline-block; line-height: 35px; text-decoration: none; font-size: 15px;}
.buttonAccess:hover,
.buttonAccess:focus,
.buttonAccess:active,
.buttonAccess.active {width: 100%; border: 1px solid #222; color: #FFF; background: #666; cursor: pointer; display: block; line-height: 35px; text-decoration: none; font-size: 15px;}