h1,h2,h3,h4,p,ul,li{margin:0;padding:0;}
ul,li{list-style-type:none;}
.linkList,.notice,.case,#fotter{font-family: "Hiragino Kaku Gothic ProN","メイリオ",Meiryo;}
body{
	color:#333333;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ",Meiryo;
}
footer{
	color:#00911F;
	font-size:80%;
	text-align:center;
}
a:link,a:visited{
	color:#333;
	text-decoration:none;
}
a:hover{
	color:#00911F;
	text-decoration:none;
}

header .tell{
	font-size:190%;
	color:#4b4b4b;
}
.tell{
	font-family:Arial;
	font-weight:bold;
}
.tell img{
	margin:0 6px 6px 0;
	vertical-align: middle;
}
#catch{
	background:#00911F;
}
#st01{
	text-align:center;
	margin-bottom:45px;
}
#st02{
	text-align:center;
	margin-bottom:24px;
}
#st03{
	text-align:center;
	margin-bottom:24px;
}
#st04{
	text-align:center;
	margin-bottom:24px;
}
#st05{
	text-align:center;
	margin-bottom:36px;
}
#st06{
	text-align:center;
	margin-bottom:36px;
}
#merit ul{
	padding-left:12px;
}
#merit ul li{
	list-style-type:none;
}

#contact .tell{
	font-size:250%;
	color:#00911F;
}

#contact{
	background:#e5f4e8;
}
#contact h2{
	margin-bottom:28px;
}
ul.notice{
	width:80%;
	margin:auto;
}
ul.notice li{
	text-align:left;
	font-size:80%;
	text-indent:-1rem;
	margin-left:1rem;
}
.case section{
	padding:20px;
	border-radius:5px;
	margin-bottom:30px;
}
.case .title{
	border-left:10px solid #00911F;
	padding-left:12px;
}
.case h2{
	font-size:1.8rem;
	text-align:center;
	margin-bottom:30px;
}
.case .client{
	margin:6px 0 0 12px;
}
.case .matter{
	margin:10px 35px 0;
}
.case section{
	background:#EDEDED;
}
.case h3{
	font-size:180%;
	font-weight:normal;
}
.case .matter{
	padding:10px 0 0;
	border-top:1px solid #00911F;
}
.buttonMail{
	position:relative;
	background:#00911F;
	padding:20px 16px 16px;
	border-radius:5px;
	margin:auto;
	width:250px;
}
.buttonMail a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.buttonMail:hover{
	transition:.5s;
	background:#71CAA5;
}
.partsAC{
	text-align:center;
}
.title h3{
	line-height:120%;
}
#ryokushukai{
	padding:15px 25px 0 25px;
	border:1px solid #e5f4e8;
	margin-top:25px;
	font-size:1rem;
}
#ryokushukai h4{
	font-size:1.2rem;
}
#ryokushukai dt{
}
.linkList li{
	text-indent:-1rem;
	padding-left:1rem;
}


@media print, only screen and (min-width: 1024px){
	.sp{display:none;}
	body{
		background:#ededed;
		background-image:url(img/bg.jpg);
		background-repeat:no-repeat;
		background-position: left top;
		background-attachment: fixed;
		margin:0;
	}
	h1{
		padding:24px 0 15px 30px;
	}
	header .tell{
		position:absolute;
		top:24px;
		left:450px;
	}
	.container,footer{
		width:850px;
		margin-left:15%;
		/*margin-left:268px;*/
		background:#fff;
		position:relative;
		top:0;
	}
	.contents{
		padding:50px 30px;
	}
	#transaction{
		margin-bottom:36px;
		text-align:center;
	}
	#transaction p{
		margin-bottom:12px;
	}
	#transaction div{
		width:31.95%;
		margin:0.3%;
		display:inline-block;
	}
	#transaction img{
		width:100%;
		margin:0;
	}
	#catch{
		padding:6px 0 0 30px;
	}
	#contact{
		border-radius:5px;
		padding:35px;
	}
	#contact .lrBox{
		width:50%;
		display:table-cell;
		text-align:center;
		vertical-align:top;
	}
	#merit ul li{
		margin-bottom:30px;
	}
	#merit ul li:before{
		content:url(img/checkbox.png);
		display: inline-block;
		vertical-align:top;
		margin-right:6px;
	}
	#merit ul li ul.linkList li:before{
		content:url(img/arrow2.png);
		display: inline-block;
		vertical-align:top;
	}
	#merit ul li ul.linkList{
		margin-left:60px;
		font-size:0.9rem;
	}
	#merit ul li ul.linkList li{
		margin:0 12px 6px 12px;
		display:inline-block;
	}
	#merit h2{
		margin-bottom:28px;
	}
	.buttonMail{
		margin-bottom:6px;
	}
	#i16{
		margin-left:60px;
	}
	#ryokushukai dt{
		float:left;
		min-width:100px;
	}
}



@media screen and (max-width: 1023px) {
	body{padding:0; margin:0;}
	.pc{display:none;}
	h1 img{
		width:80%;
		max-width:505px;
		margin:30px 0 15px;
	}
	header{
		text-align:center;
	}
	#subTitle{
		background:#00911F;
		padding:30px 0 15px 0;
	}
	#subTitle img{
		width:80%;
		max-width:600px;
	}
	header .tell{
		font-size:300%;
		margin-bottom:30px;
	}
	#catch{
		padding:15px 15px 10px;
		margin-bottom:70px;
	}
	#catch img{
		width:80%;
		max-width:537px;
	}
	#i05{
		width:80%;
		max-width:730px;
	}
	#i06{
		width:80%;
		max-width:727px;
	}
	#i07{
		width:20%;
		max-width:157px;
	}
	#i08{
		width:20%;
		max-width:165px;
	}
	#i09{
		width:80%;
		max-width:631px;
	}
	#i10{
		width:80%;
		max-width:631px;
		margin-top:12px;
	}
	#i11{
		width:87%;
		max-width:578px;
	}
	#i12{
		width:87%;
		max-width:577px;
	}
	#i13{
		width:87%;
		max-width:605px;
	}
	#i14{
		width:90%;
		max-width:597px;
	}
	#i16{
		position:relative;
		left:50px;
		width:50%;
		max-width:430px;
		min-width:250px;

	}
	#merit h2{
		text-align:center;
		margin-bottom:24px;
	}
	#merit ul{
		width:80%;
		margin:auto;
	}
	#merit ul li:before{
		content:'';
		display: inline-block;
		background-image:url(img/checkbox_sp.png);
		vertical-align:top;
		background-size:contain;
		width:49px;
		height:35px;
	}
	#merit ul li{
		margin-bottom:50px;
	}
	#merit ul li img{
		margin-left:12px;
	}
	#merit ul li ul.linkList li:before{
		content:'';
		display: inline-block;
		background-image:url(img/arrow2_sp.png);
		vertical-align:top;
		background-size:contain;
		width:25px;
		height:25px;
		padding-right:6px;
		background-repeat:no-repeat;
	}
	#merit ul li ul.linkList li{
		width:100%;
	}
	#merit ul li ul.linkList{
		width:80%;
		margin:12px 0 0 10%;
	}
	#merit h2{
		background:#00911F;
	}
	#merit img{
	}

	.container,footer{
	}
	.contents{
	}
	.case section{
	}
	.case .title{
	}
	.case h2{
		margin-top:40px;
		font-size:2rem;
	}
	.case .client{
	}
	.case .matter{
		margin:;
	}
	.buttonMail{
		margin-top:40px;
	}
	#transaction{
		margin-bottom:36px;
		text-align:center;
	}
	#transaction p{
		margin-bottom:12px;
	}
	#transaction div{
		width:45%;
		margin:0.3%;
		display:inline-block;
	}
	#transaction img{
		width:100%;
		margin:0;
	}
	#contact{
		padding:30px;
		text-align:center;
	}
	#contact .tell{
		font-size:4rem;
		margin-bottom:15px;
	}
	#contact .tell img{
		margin-right:15px;
	}
	.buttonMail{
		width:40%;
		min-width:300px;
		margin-bottom:12px;
	}
	.lrBox .notice{
		width:60%;
		position:relative;
		left:30px;
	}
	#ryokushukai dt{
		display:inline-block;
		width:80px;
	}
	#ryokushukai dd{
		display:inline-block;
		width:calc(100% - 130px);
	}
	.linkList li{
		margin-bottom:6px !important;
	}
}

@media screen and (max-width: 600px) {
	#contact .tell{
		font-size:2.4rem;
		margin-bottom:0;
	}
	#i15{
		width:55px;
	}
	#i16{
		width:55px;
		position:relative;
		left:35px;
	}
}

@media screen and (max-width: 414px) {
	h1 img{
		width:70%;
		max-width:505px;
		margin:18px 0 0;
	}
	header .tell{
		font-size:200%;
		margin-bottom:15px;
	}
	#subTitle{
		background:#00911F;
		padding:15px 0 6px;
	}
	#catch{
		padding:15px 15px 10px;
		margin-bottom:20px;
	}
	#catch img{
	}
	#i03{
		width:10%;
		max-width:72px;
	}
	#i05{
		width:95%;
		max-width:730px;
	}
	#i06{
		width:95%;
		max-width:727px;
	}
	#i07{
		width:20%;
		max-width:157px;
	}
	#i08{
		width:20%;
		max-width:165px;
	}
	#i09{
		width:90%;
		max-width:631px;
	}
	#i10{
		width:80%;
		max-width:631px;
		margin-top:12px;
	}
	#i11{
		width:85%;
		max-width:578px;
	}
	#i12{
		width:85%;
		max-width:577px;
	}
	#i13{
		width:85%;
		max-width:605px;
	}
	#merit ul{
		width:95%;
		margin:20px auto;
	}
	#merit ul li{
		margin-bottom:30px;
	}
	#merit ul li:before{
		content:'';
		display: inline-block;
		background-image:url(img/checkbox_sp.png);
		vertical-align:top;
		background-size:contain;
		width:28px;
		height:20px;
	}
	#merit ul li ul.linkList li:before{
		width:17px;
		height:17px;
	}
	#merit ul li ul.linkList{
		margin-top:6px;
	}
	#merit ul li ul.linkList li{
		font-size:0.9rem;
	}
	#i15{
		width:45px;
	}
	#i16{
		width:55px;
		position:relative;
		left:35px;
	}
	#i17{
		width:120px;

	}
	#contact h2{
		margin-bottom:14px;
	}
	.buttonMail{
		width:70%;
		min-width:initial;
		margin:24px auto 12px;
	}
	.buttonMail img{
		width:70%;
	}
	.lrBox .notice{
		width: 80%;
    position: relative;
    left: 0px;
	}
	#st01{
		margin:30px 0 20px 0;
	}
	#st02{
		margin-bottom:12px;
	}
	#st03{
		margin-bottom:12px;
	}
	#st04{
		margin-bottom:24px;
	}
	#st05{
		margin-bottom:18px;
	}
	#st06{
		margin-bottom:36px;
	}
  .readmoreWrap{
    max-height: 50px;
    overflow: hidden;
    transition:.5s;
  }
  .readmoreBtnOP,.readmoreBtnCL {
    width: 100%;
    z-index: 2;
    margin-top:0;
    content: '';
    position:relative;
  }
  .readmoreBtnOP{
    margin:0;
    padding-top:20px;
    top:-35px;
    background: url(img/bgcase.png);
  }
	.case h2{
		font-size:1.6rem;
		text-align:center;
		margin:30px 0 20px;
	}
	.case section{
		padding:20px 20px 0;
		border-radius:initial;
		margin-bottom:30px;
	}
	.case .title{
		border-left:initial;
		padding-left:initial;
	}

	.case .client{
		margin-left:initial;
	}
	.case .matter{
		margin:0;
	}
	.case section{
		background:#EDEDED;
	}
	.case h3{
		font-size:1.4rem;
		line-height:120%;
		font-weight:normal;
	}
	.case .matter{
		padding:10px 0 0;
		border-top:1px solid #00911F;
		margin-top:10px;
	}

}