@charset "UTF-8";

/*----------------
　TOPページ
------------------*/
.main{
	background:url(../img/bgmain_pc.jpg) no-repeat 50% center;
	background-size:cover;
}
.main-in{
	width: 1150px;
	height: 622px;
	margin:0 auto;
	position:relative;
	color:#fff;
}
.main-text{
	position:absolute;
	left:0;
	top:18%;
	width:500px;
}
.main-in h2,.main-in p{text-shadow:0px 0px 9px #000;}
.main-in h2{
	font-size:40px;
	line-height:1.34em;
	margin:0 auto 10px auto;
	font-feature-settings : "palt" 1;
}
.main-in p{font-size:18px;}
#top-info{
	width:1150px;
	margin:0 auto;
	overflow:hidden;
	padding:34px 0;
	box-sizing:border-box;
}
#top-info-img{
	width:537px;
	text-align:center;
	float:left;
}
#top-info-img img{ margin-bottom:5px;}
#top-info-text{
	float:right;
	padding:0 20px;
	text-align:center;
	width:590px;
	box-sizing:border-box;
}
#top-info-text h3{
	padding-bottom:3px;
	text-align:center;
	font-size:20px;
	border-bottom:solid 1px #f08200;
	margin-bottom:40px;
}
#tel-info span,#tel-info strong{
	display:inline-block;
	vertical-align:middle;
	color:#f08200;
}
#tel-info span{ font-size:14px; line-height:1em;}
#tel-info strong{ padding-left:5px; font-size:44px;}
#time-info{
	width: 436px;
	background-color: #fffcf8;
	border: solid 3px #f08200;
	margin:25px auto 0;
}
#time-info p{
	display:inline-block;
	vertical-align:middle;
	height: 60px;
	line-height:60px;
}
.jikan{ font-size:14px}
.jikan strong{ font-size:24px}
#top-service{
	width:1150px;
	margin:0 auto;
	padding:30px 0;
}
#top-service h3{ margin-bottom:15px;}
#top-service div{
	display:inline-block;
	vertical-align:top;
	width:360px;
	height:147px;
	margin-bottom:15px;
	margin-left:29px;
}
#top-service div:first-child,#top-service h3+div,#top-service div:nth-child(5){margin-left:0;}
#top-service div li{
	display:inline-block;
	vertical-align:middle;
	font-size:15px;
}

#top-service div p{ font-size: 15px;} 


#top-service div li:after{	content:"・"; display:inline-block;}
#top-service div li:last-child:after{content:""}
@media screen and (max-width: 1150px) {
	.main{ width:1150px;}
	#top-service{padding: 25px 10px; box-sizing:border-box;}
	#top-service div{ margin-left:18px; width:330px;}
}

@media screen and (max-width: 768px) {
.main{
	background:url(../img/bgmain_sp.jpg) no-repeat 50% center;
	background-size:cover;
	width:100%;
}
.main-in{width:100%;	height:93vw;}
.main-text{
	width:100%;
	top:12%;
	text-align:left;
	padding-left:4vw;
	box-sizing:border-box;
}
.main-in h2{font-size:6vw}
.main-in p{ font-size:4.3vw;}
#top-info,#top-service{ width:100%;}
#top-service{ padding: 5vw 0;}
#top-info{padding:4vw;}
#top-info-img,#top-info-text{float:none; width:100%;}
#top-info-img{ margin-bottom:4vw;}
#top-info-img img{ width:100%; height:auto;}
#top-info-text{ padding:0;}
#top-info-text h3{ border-bottom:none; text-decoration:underline;}
#tel-info span { font-size:2vw;}
#tel-info strong{padding-left: 1.5vw; font-size: 10vw;}
#time-info{ width:92%}
#time-info p{
	line-height:12vw;
	height:12vw;
	font-size:3vw;
}
.jikan strong{ font-size:5vw; padding-left:2vw;}
#top-service h3{ margin-bottom:5vw; padding-left:4vw;}
#top-service h3 img{ width:25vw; height:auto;}
#top-service div{
	width:44vw;
	padding:4vw;
	height:50vw;
	margin:3vw;
}
#top-service div:first-child, #top-service h3+div, #top-service div:nth-child(5){margin:3vw;}
#top-service div:nth-child(even){ margin-right:0;}
#top-service div h4{ font-weight:bold; margin-bottom:2vw}
#top-service div li,#top-service div p{ font-size:3.0vw;}
#top-service div li{ line-height:1.1em;}

}

@media screen and (max-width: 360px) {}

/*----------------------------
　ご挨拶と弁護士経歴
------------------------------*/
.greeting-top{	overflow:hidden;}
.greeting-top .Photo{
	float:left;
	width:220px;
	margin-left:20px;
}
.greeting-top .Photo img{ width:100%; height:auto;}
.greeting-top .Text{
	float:right;
	width:850px;
	line-height:1.7em;
}
.greeting-top .Text h2{margin-bottom:20px;}
.greeting-top .Text p{ margin-bottom:18px;}
.career{ overflow:hidden; padding-left:25px;}
.career p{
	float:left;
	width:160px;
	margin-right:20px;
	background-color:#f08200;
	padding:10px;
	box-sizing:border-box;
	color:#fff;
}
.career dl{
	display:block;
	width:850px;
	float:right;
	overflow:hidden;
	margin-top:0;
}
.career dl dt,.career dl dd{
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	margin-bottom:5px;
}
.career dl dt{ width:180px}
.career dl dd{ width:630px; margin:0;}

@media screen and (max-width: 1150px) {}
@media screen and (max-width: 768px) {
	.greeting-top .Photo,.greeting-top .Text{ float:none}
	.greeting-top .Photo{ width:60%; margin:0 auto;}
	.greeting-top .Text{ width:90%; margin:4vw auto 0 auto}
	.greeting-top .Text h2{
		width:90%;
		margin:5vw auto;
		text-align:center;
	}
	.greeting-top .Text h2 img{ width:100%; height:auto;}
	.career{ padding:0 4vw;}
	.career p{
		float:none;
		width:100%;
		margin-right:0;
		font-size:115%;
		letter-spacing:.3em;
	}
	.career dl{ width:100%; letter-spacing:-.4em}
	.career dl dt, .career dl dd{ padding:3vw 0 0; letter-spacing:normal;}
	.career dl dt{ width:43%; font-weight:bold;}
	.career dl dd{ width:56%;}
}

@media screen and (max-width: 360px) {}


/*------------------------------------------------
　法律相談から事件受任・終結の流れ
--------------------------------------------------*/
.flow{
	position:relative;
	z-index:0;
	height:290px;
	width:100%;
	margin:10px 0 25px;
}
.flow img,.flow .number,.flowText{position:absolute;}
.flow img{
	top:30px;
	left:75px;
	width:330px;
	height:auto;
}
.flow .number{
	top:-10px;
	z-index:2;
	left:0;
	width:110px;
	line-height:110px;
	text-align:center;
	color: rgba(240,130,0,0.6);
	height:110px;
	/*text-shadow:3px 3px 0 #fff,  -3px 3px 0 #fff, 3px -3px 0 #fff, -3px -3px 0 #fff;
	border:solid 3px #f08200;
	background-color: rgba(240,130,0,0.6);*/
	border-bottom:solid 6px  rgba(240,130,0,0.6);
	font-size:70px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}
.flowText{
	top:40px;
	left:445px;
	z-index:2;
	line-height:1.7em;
	font-size:1.1em;
}
.flowText section{
	width:90%;
	font-size:.85em;
	margin:15px auto 0 auto;
	background-color: #fffcf8;
	border: solid 3px #f08200;
}
.flowText section h3{
	background-color:#f08200;
	color:#fff;
	padding:5px 15px;
}
.flowText section p{
	padding:15px;
	box-sizing:border-box;
	line-height:1.5em;
}

@media screen and (max-width: 1150px) {}
@media screen and (max-width: 768px) {
.flow{height:95vw;}
.sp-flow2{ height:120vw}
.sp-flow3{ height:140vw}
.flow .number{
	top:-5vw;
	width: 20vw;
	line-height:20vw;
	height:20vw;
	font-size:15vw;
}
.flow img {
    top: 5vw;
    left: 14vw;
    width:70vw;
}
.flowText{
	width:100%;
	left:0;
	top:60vw;
	box-sizing:border-box;
	padding:0 4vw;
	font-size:1em;
	line-height:1.5em;
}
}
@media screen and (max-width: 360px) {}

/*----------------------------------------------
　弁護士費用や報酬の目安
------------------------------------------------*/
.cost-top{
	background:url(../img/bg-cost-pc.jpg) center center no-repeat;
	width:1150px;
	margin:0 auto 50px;
	height:300px;
	position:relative;
	color:#fff;
	z-index:1;
}
.cost-top h3,.cost-top p,.cost-top ul{
	position:absolute;
	left:45px;
	z-index:3;
}
.cost-top h3{
	font-size:1.82em;
	top:13%;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
.cost-top p{	top:31%;	width:64%;}
.cost-top ul{ bottom:18px;}
.cost-top ul li{
	display:inline-block;
	vertical-align:middle;
	margin-right:13px;
}
.cost-top ul li a{
	padding:10px;
	display:block;
	color:#fff;
	border-bottom:solid 1px #fff;
	-webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
}
.cost-top ul li a:hover{ border-bottom-color:#f08200; color:#f08200;}
.cost-top .cost-annotation{
	display:block;
	font-size:.85em;
	color:#fff;
	position:absolute;
	top:10px;
	right:10px;
}
.cost{ margin:0 0 90px;}
.cost-box{
	background-color: #fffcf8;
	border:solid 1px #f08200;
	padding:15px 20px;
	box-sizing:border-box;
}
.cost-box table{
	margin-top:10px;
	border-collapse: collapse;
    border-spacing: 0;
	width:100%;
}
.cost-box table th,.cost-box table td{ border:solid 1px #f0f0f0; padding:10px;}
.cost-box table th{
	text-align:left;
	font-weight:normal;
	background-color:#f5f5f5
}
.cost-box table td{ background-color:#fff;}
.cost-wrap{ overflow:hidden; margin-bottom:20px;}
.cost-wrap-inL,.cost-wrap-inR{width:47.5%;	box-sizing:border-box;}
.cost-wrap-inL{float:left; color:#888;}
.cost-wrap-inR{ float:right}
.cost-bottom{
	position:relative;
	margin-top:120px;
	border:solid 1px #ccc;
	padding:25px 5px;
	box-sizing:border-box;
}
.cost-bottom h3{
	position:absolute;
	top:-26px;
	left:15px;
	padding:10px;
	background-color:#fff;
}
.cost-bottom-in{	padding:10px 0 0; text-align:center;}
.cost-bottom-in li{
	display:inline-block;
	vertical-align:top;
	width:32%;
	padding:10px 15px;
	text-align:left;
	height:180px;
	box-sizing:border-box;
	color: #888;
}
.cost-bottom-in li h4{ font-size:1.1em; color:#000;}
@media screen and (max-width: 1150px) {}

@media screen and (max-width: 768px) {
.cost-top{
	background:url(../img/bg-cost-sp.jpg) center top no-repeat;
	background-size:cover;
	width:100%;
	margin-bottom:17vw;
	height:110vw;
}
.cost-top h3,.cost-top p{ left:4vw}
.cost-top h3{ font-size:7vw; top:7%}
.cost-top p{
	top:20%;
	width:92%;
	font-size:4vw;
	box-sizing:border-box;
}
.cost-top ul{
	bottom:0;
	letter-spacing:-.4em;
	left:0;
	background-color:#545455;
}
.cost-top ul li{
	background-color:#545455;
	letter-spacing:normal;
	margin-right:0;
	font-size:4.2vw;
	min-width:32vw;
	text-align:center;
}
.cost-top ul li a{padding:3vw 2vw;border-bottom:dashed 1px #555;}
.cost-top ul li a:hover{ border-bottom-color:#fff; color:#fff;}
.cost-top .cost-annotation{
	bottom:-12vw;
	top:inherit;
	right:inherit;
	left:2vw;
	color:#333;
	font-size:.95em
}
.cost { margin: 0 auto 12vw auto;	width:94%;}
.big-title {
    padding: 3vw 4vw;
    margin-bottom: 4vw;
	border: solid 1vw #f08200;
    font-size: 1.34em;
}
.cost-wrap-inL, .cost-wrap-inR{	width:100%; float:none;}
.cost-bottom{ width:96%; margin:7vw auto 0 auto}
.cost-bottom-in li{ width:47%; height:auto}
}

@media screen and (max-width: 360px) {
	.cost-top{ margin-bottom:20vw;height: 120vw;}
	.cost-top .cost-annotation{ font-size:90%; bottom:-14vw}
	.cost-bottom{ padding-top:4vw;}
	.cost-bottom h3{ position:static;}
	.cost-bottom h3 i,.cost-bottom h3 strong{ vertical-align:top;}
	.cost-bottom h3 strong{ width:65%; line-height:1.1em;}
	.cost-bottom-in li{ padding:3vw; width:100%; display:block;}
}

/*----------------------------------------------
　アクセス・地図
------------------------------------------------*/
.map p i,.map p span{	display:inline-block;	vertical-align:middle;}
.map p i{ padding-right:5px;}
.Gmap span a{padding:6px 10px; display:block;}
.Gmap a:hover{ cursor:pointer; color:#fff;}
@media screen and (max-width: 1150px) {}

@media screen and (max-width: 768px) {
	.map p img{
		width:95%;
		margin:0 auto;
		height:auto;
		display:block;
	}
	.Gmap{ margin:2vw 3vw 6vw;}
	.Gmap a{padding:3vw;}
	.Gmap i{ color:#f08200;}
	.map-add{padding:2vw 4vw;	box-sizing:border-box;}
	.map-add p{ margin-bottom:4vw;}
	.map-add p i,.map-add span{ vertical-align:top}
}

@media screen and (max-width: 360px) {}


/*----------------------------------------------
　顧問弁護士をお探しの経営者の方に
------------------------------------------------*/
.adviser p{
	margin-bottom:15px;
	line-height:1.7em;
	letter-spacing:.01em;
}
.adviser-top{
	background:url(../img/bg-adviser-pc.jpg) center center no-repeat;
	width:1150px;
	margin:0 auto 40px;
	height:300px;
	position:relative;
	z-index:1;
}
.adviser-top h3{
	position:absolute;
	left:45px;
	font-size:2em;
	top:23%;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	z-index:3;
}
.adviser-textBox{
	overflow:hidden;
	margin:30px 0;
}
.adviser-textBox img{	float:left;}
.adviser-textBoxin{
	float:right;
	width:610px;
	padding-right:10px;
} 
@media screen and (max-width: 1150px) {}
@media screen and (max-width: 768px) {
.adviser p{ padding:0 4vw; box-sizing:border-box}
.adviser-top{
	background:url(../img/bg-adviser-sp.jpg) center center no-repeat;
	background-size:cover;
	width:100%;
	margin:0 auto 4vw;
	height:80vw;
}
.adviser-top h3{
	left:5vw;
	top:auto;
	bottom:6vw;
	font-size:1.7em;
}
.adviser-textBox{margin-bottom:0;}
.adviser-textBox img,.adviser-textBoxin{ float:none;}
.adviser-textBox img{ width:100%; height:auto;}
.adviser-textBoxin{
	width:100%;
	padding:4vw 0;
	box-sizing:border-box;
}
}

@media screen and (max-width: 360px) {}