@charset "utf-8";

/* =default
-------------------------------------------------------------------------------------------- */

.im{
/*
	font-size:12px;
*/
}

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

.im{
	width:auto;
	margin:0 3%;
}

}

/* =content oommon
-------------------------------------------------------------------------------------------- */

.im .b{
	font-weight:bold;
}

.im .red{
	color:#c7000b;
}

.im .green{
	color:#359f00;
}

.im #caselist{
	float:left;
}

.im #pagetop{
	float:right;
}


/* =list
-------------------------------------------------------------------------------------------- */



#list_link{
	margin:35px 0 50px 0;
}

#list_link ul{
	background:#D3EDDA;
	border-radius: 5px;

}

#list_link ul:after{content: ""; display: block; clear: both;height: 0;}

#list_link ul li{
	float:left;
	width:20%;
	position:relative;
}

@media screen and (min-width: 769px) {

#list_link ul li:nth-child(1),
#list_link ul li:nth-child(2),
#list_link ul li:nth-child(3),
#list_link ul li:nth-child(4),
#list_link ul li:nth-child(5){
	border-bottom:1px solid #fff;
}

}

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

#list_link ul li{
	border-bottom:1px solid #fff;
	width:25%;
}


}

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

#list_link ul li{
	width:50%;
}

}


#list_link ul li a{
	display:block;
	background:url(../images/jirei/list_link-arrow.png) center 90% no-repeat;
	padding:23px 2px;
	color:#000;
	text-decoration:none;
	font-weight:bold;
	font-size:114%;
	text-align:center;
}
#list_link ul li a:before{
	content:"";
	width:1px;
	height:100%;
	background:#fff;
	position:absolute;
	top:0;
	right:0px;
}




.mb1{
	margin-bottom:1px!important;
}

.list_box{
	margin-bottom:80px;
}


.list_box ul:after{content: ""; display: block; clear: both;height: 0;}


.list-lead{
	text-align:center;
	margin-bottom:20px;
}


.list_box ul li{
	float:left;
	width:224px;
	margin:0 3px 3px 0;
}

@media screen and (min-width: 769px) {


.list_box ul{
	border:10px solid #D3EDDA;
	padding:5px 0 5px 5px;
}


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

.list_box{
	margin-bottom:50px;
}
.list_box ul{
	border:5px solid #D3EDDA;
	padding:5px;
}

.list_box ul li{
	float:left;
	width:49%;
	text-align:center;
	margin:0 0 3px 0
}
.list_box ul li:nth-child(odd){
	clear:both;
}

.list_box ul li:nth-child(even){
	float:right;
}


}

.list_box ul li a{
	display: block;
	padding:10px;
	border:1px solid #D3EFDB;
	color:#00a130;
	text-decoration:none;
}
.list_box ul li a .img{
	margin-bottom:5px;
}
.list_box ul li a .title{
	background:url(../images/jirei/list_box-arrow.png) left no-repeat;
	padding-left:18px;
	display:table-cell;
	vertical-align:middle;
}






#list_support{
	clear:both;
	height:77px;
	margin-bottom:10px;
	padding-top:10px;
	padding-left:10px;
	background:url(../images/im/support_bg.gif) no-repeat left top;
}

#list_support div.banner{
	float:left;
}

#list_support p{
	margin-top:5px;
	margin-left:172px;
}



/* =case
-------------------------------------------------------------------------------------------- */

.case{
	margin-bottom:20px;
}


/* intro */

.case .intro{
	margin-bottom:30px;
}

.case .intro:after{content: ""; display: block; clear: both;height: 0;}


@media screen and (min-width: 769px) {

.case .intro .text{
	float:right;
	width:305px;
	font-size:114%;
}
.case .intro .img{
	float:left;
}
.case .intro .img img{
	max-width:380px;
}

}


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

.case .intro .text{
	margin-bottom:20px;
}
.case .intro .img{
	max-width:380px;
	text-align:center;
	margin:0 auto;
}



}


/* advice */

.case .advice{
	background:#F6F0E6;
	padding:15px;
	margin-bottom:40px;
	position:relative;
}

.case .advice .head{
	color:#fff;
	background:#CBA369;
}


@media screen and (min-width: 769px) {


.case .advice .head{
	display:table-cell;
	width:148px;
	text-align:center;
	position:relative;
	height:220px;
}
.case .advice .body{
	display:table-cell;
	padding-left:25px;
}

.case .advice .head:before{
	position:absolute;
	bottom:-12px;
	left:0;
	width:148px;
	height:160px;
	content:"";
	background-position:center bottom;
	background-repeat:no-repeat;
}


}

.case .advice.yoshiyama .head:before{background-image:url(../images/jirei/lawyer/yoshiyama.png);}
.case .advice.sawada .head:before{background-image:url(../images/jirei/lawyer/sawada.png);}
.case .advice.ito .head:before{background-image:url(../images/jirei/lawyer/ito.png);}
.case .advice.ogawa .head:before{background-image:url(../images/jirei/lawyer/ogawa.png);}

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

.case .advice{
	padding:10px;
}

.case .advice .head{
	padding:5px;
	margin-bottom:10px;
}


}

.case .advice .head .subtitle{
	font-size:70%;
	margin-bottom:5px;
}
.case .advice .head .title{
	font-weight:bold;
	font-size:128%;
}

.case .advice h3{
	font-size:171%;
	margin-bottom:18px;
	font-weight:normal;
}


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

.case .advice .head:after{content: ""; display: block; clear: both;height: 0;}

.case .advice .head:before{
	width:50px;
	height:70px;
	content:"";
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:contain;
	float:left;
	margin-right:5px;
}


.case .advice .head .subtitle{
	font-size:90%;
}
.case .advice .head .title{
	font-weight:normal;
}

.case .advice h3{
	font-size:128%;
	margin-bottom:10px;
}


}



/* point */

.case .point{
	margin-bottom:40px;
}

.case .point:after{content: ""; display: block; clear: both;height: 0;}

.case .point h4{
	margin-bottom:10px;
	margin-top:15px;
}

@media screen and (min-width: 769px) {

.case .point .text{
	float:left;
	width:420px;
}

.case .point .img{
	float:right;
	width:278px;
	text-align:center;
	margin-bottom:20px;
}
.case .point img{
	max-width:100%;
	height:auto;
}


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

.case .point .text{
	margin-bottom:20px;
}

.case .point .img{
	text-align:center;
	margin-bottom:20px;
}


}


#case15_02 .bg_g{

	padding:10px 3%;

	background-color:#eaf4e8;

}




/* =sub
-------------------------------------------------------------------------------------------- */

#sub_title{
	float:left;
	width:205px;
	padding:16px 0px 0px 20px;
}

#sub_title li{
	margin-top:10px;
}

#sub_content{
	float:right;
	width:439px;
	padding:8px 0px 0px 12px;
}

#sub_content h2{
	margin-bottom:20px;
}

#sub_content p{
	line-height:1.5;
	padding-right:15px;
	margin-bottom:25px;
}

#sub_content h3{
	margin-bottom:15px;
}

#fee{
	margin-bottom:40px;
}

#fee li{
	margin-bottom:15px;
}

#fee li p{
	margin-bottom:7px;
}

#fee li p.title{
	margin-top:20px;
}

#fee table tr{
	background:url(../images/im/sub_fee_bg.gif) no-repeat left top;
}

#fee table tr th{
	height:21px;
	padding:1px 0px 0px 25px;
	line-height:1.5;
	font-weight:normal;
	text-align:left;
}

#fee table tr td{
	padding:1px 37px 0px 0px;
	margin-bottom:1px;
	line-height:1.5;
	text-align:right;
}

#fee table tr td.small{
	font-size:0.8em;
}

p.bg_g{
	height:20px;
	padding-top:1px;
	padding-left:25px;
	background:url(../images/im/sub_fee_bg.gif) no-repeat left top;
}

.bg_g_re{
	line-height:1.5;
	padding-top:1px;
	padding-left:25px;
	background:url(../images/im/sub_fee_bg.gif) repeat-y left top;
}

#fee dt{
	color:#73a00b;
	padding-left:25px;
	margin-bottom:3px;
}

#fee dd{
	padding-top:2px;
	padding-left:25px;
	background:url(../images/im/sub_fee_bg.gif) repeat-y left top;
}

#fee table caption{
    padding: 10px 10px 5px;
    text-align: left;
    color: #359f00;
}
#fee table tr{
    background-repeat: repeat-y;
}
#fee table th,
#fee table td{
    border-top: 1px solid #C0BAB2;
    vertical-align: top
}
#fee table.aL th,
#fee table.aL td{
    text-align: left;
}    

#sub_content ul{
	margin-top:20px;
	padding-bottom:20px;
	line-height:1.5;
	background:url(../images/im/sub_line.gif) no-repeat left bottom;
}

#verisign_mark{
	float:left;
}

#verisign p{
	width:300px;
	float:right;
	padding-left:20px;
	padding-top:15px;
	font-size:0.9em;
}

#contact_form th{
	padding:7px;
	font-weight:normal;
	text-align:right;
}

#contact_form th{
	background:url(../images/im/sub_contact_bg.gif) no-repeat left top;
}

#contact_form input{
	border:none;
	width:268px;
	height:26px;
	background-color:#ffffff;
}

#contact_form textarea{
	border:none;
	background-color:#ffffff;
}

#contact_form #ta_1{
	width:268px;
	height:40px;
}

#contact_form #ta_2{
	width:415px;
	height:150px;
}

#contact_form #ta_3{
	width:415px;
	height:30px;
}

#contact_form #ta_4{
	width:415px;
	height:100px;
}

#contact_form #ta_5{
	width:415px;
	height:30px;
}

#contact_form #ta_6{
	width:415px;
	height:300px;
}

#contact_form #ta_7{
	width:415px;
	height:30px;
}

#contact_form #ta_8{
	width:415px;
	height:100px;
}

#contact_form .bg_g_form{
	padding:3px 0px 3px 10px;
	margin-bottom:0px;
	background:url(../images/im/sub_contact_bg.gif) no-repeat left top;
}

#contact_form_button{
	margin-left:125px;
	margin-top:10px;
	width:155px;
	height:46px;
	border:none;
	background:url(../images/im/sub_contact_button_out.gif) no-repeat left top;
	cursor:pointer;
}

#contact_form_button:hover{
	width:155px;
	height:46px;
	border:none;
	background:url(../images/im/sub_contact_button_over.gif) no-repeat left top;
}

.office_table{
	line-height:1.5;
	margin-bottom:25px;
}

.office_table th{
	vertical-align:top;
	color:#73a00b;
	text-align:left;
	padding:10px 0 10px 3px;
	background:url(../images/im/dot.gif) repeat-x left bottom;
}

.office_table td{
	padding:10px 10px 10px 20px;
	background:url(../images/im/dot.gif) repeat-x left bottom;
}

.map{
	margin-bottom:10px;
}


/* =menu
-------------------------------------------------------------------------------------------- */

.section{
	margin-bottom:20px;
	background:url(../images/im/menu_bg.gif) repeat-y left top;
}

.section h1{
	padding-top:23px;
	padding-left:12px;
	margin-bottom:25px;
}

.section h2{
	padding-left:20px;
	margin-bottom:15px;
}

.section p{
	line-height:1.7;
	padding-left:20px;
	padding-right:170px;
}

/* way */

#way .step{
	border:1px solid #D9F1E0;
	padding:20px 15px 5px 15px;
	margin-bottom:13px;
}
#way .step:after{content: ""; display: block; clear: both;height: 0;}

#way .step h4{
	font-size:128%;
	background:url(../images/im/way/line.jpg) bottom repeat-x;
	margin-bottom:25px;
	padding-bottom:2px;
}



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



}

@media screen and (min-width: 769px) {

.section2 h2.top{
	padding-top:27px;
}

.section2 h2{
	padding-left:20px;
	margin-bottom:15px;
}

.section2 p{
	line-height:1.5;
	padding:0px 225px 0px 47px;
}

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

.section2{
	border-bottom:1px dashed #A03836;
	padding-bottom:15px;
	margin:0 3% 15px 3%;
}
.section2 h2{
	margin-bottom:10px;
}

}


/* chart */

#chart_top{
	height:241px;
	background:url(../images/im/menu_chart_bgtop.gif) no-repeat left top;
}
@media screen and (min-width: 769px) {
}
@media screen and (max-width: 768px) {
#chart_top{
	height:auto;
	padding-bottom:10px;
	background:#F0EBE3;
}
#chart_top p{
	padding-right:12px;
}

}


.section3{
	clear:both;
	background:url(../images/im/menu_chart_secbg.gif) repeat-y left top;
	margin-bottom:15px;
}

.section3 .sec3_left{
	float:left;
	width:207px;
}

.section3 .sec3_right{
	float:right;
	width:451px;
	padding-top:20px;
}

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

.section3{
	margin:0 3% 15px 3%;
	background:none;
}
.section3 .sec3_left{
	float:none;
	width:auto;
}
.section3 .sec3_right{
	float:none;
	width:auto;
}


}

.section3 .sec3_right p{
	padding:0px 20px 0px 20px;
}

.section3 .sec3_left h2{
	padding-top:20px;
}

.section3 p{
	line-height:1.5;
	margin-bottom:20px;
	padding:0px 225px 0px 47px;
}

.section3 img{
	margin-bottom:15px;
	padding-left:10px;
}

.section3 li img{
	margin-bottom:5px;
	padding-left:10px;
}

.section3 ol{
	margin-bottom:15px;
}

.section3 #chart_rel{
	height:160px;
	margin-bottom:20px;
	padding-top:30px;
	background:url(../images/im/menu_chart_rel_bg.gif) no-repeat left top;
}

.section3 #chart_rel img{
	margin-bottom:5px;
}

.section3 #chart_rel p{
	padding-right:40px;
}


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

.section3 img{
	padding-left:0;
}

.section3 .sec3_left img{
	display:none;
}
.section3 .sec3_left h2 img{
	display:block;
	margin-bottom:0;
}
.section3 li img{
	padding-left:0;
}
.section3 .sec3_right p{
	padding:0;
}

.section3 #chart_rel{
	height: auto;
	margin-bottom:20px;
	padding:30px 10px 10px 10px;
	background:url(../images/im/menu_chart_rel_bg.gif) no-repeat left top #EAE4D1;
}

.section3 #chart_rel img{
	margin-bottom:5px;
}

.section3 #chart_rel p{
	padding-right:0px;
}


}

/* format */

#format_top{
	height:224px;
	margin-bottom:0px;
	background:url(../images/im/menu_format_bgtop.gif) no-repeat left top;
}

.section4{
	background:url(../images/im/menu_bg.gif) repeat-y left top;
}

.section4 td{
	vertical-align:top;
}

.section4 td img{
	padding-left:18px;
	margin-bottom:10px;
}

.section4 td p{
	padding-left:20px;
	padding-bottom:20px;
	padding-right:10px;
	line-height:1.5;
}

/* merit */

#merit_top{
	height:241px;
	margin-bottom:15px;
	background:url(../images/im/menu_merit_bgtop.gif) no-repeat left top;
}

#merit_bottom{
	height:150px;
	margin-bottom:0px;
	background:url(../images/im/menu_merit_bgbottom.gif) no-repeat left top;
}

#merit_bottom img{
	margin-top:8px;
	margin-left:17px;
	margin-bottom:15px;
}

#merit_bottom p{
	width:530px;
	padding:0 0 0 120px;
}

/* flow */

#flow_top{
	height:207px;
	margin-bottom:0px;
	background:url(../images/im/menu_flow_bgtop.gif) no-repeat left top;
}

#flow_second{
	margin-bottom:20px;
	padding-top:20px;
	padding-bottom:20px;
	background:url(../images/im/menu_bg.gif) repeat-y left top;
}

#flow_second img{
	vertical-align:top;
}

.section5 h2{
	padding:26px 0px 0px 12px;
}

.section5 p#flow_toptext{
	padding:10px 0px 0px 36px;
	width:470px;
	float:none;
}

.section5 h3{
	float:left;
	padding-left:36px;
}

.section5 p{
	float:right;
	width:300px;
	padding-right:50px;
	padding-top:7px;
	line-height:1.5;
}

#flow_01{
	height:223px;
	background:url(../images/im/menu_flow_bg01.gif) no-repeat left top;
}

#flow_02{
	height:141px;
	background:url(../images/im/menu_flow_bg02.gif) no-repeat left top;
}

#flow_03{
	height:141px;
	background:url(../images/im/menu_flow_bg03.gif) no-repeat left top;
}

#flow_04{
	height:80px;
	background:url(../images/im/menu_flow_bg04.gif) no-repeat left top;
}

#flow_05{
	height:83px;
	background:url(../images/im/menu_flow_bg05.gif) no-repeat left top;
}

#flow_06{
	height:111px;
	background:url(../images/im/menu_flow_bg06.gif) no-repeat left top;
}

#flow_07{
	margin-bottom:30px;
	height:91px;
	background:url(../images/im/menu_flow_bg07.gif) no-repeat left top;
}