@charset "utf-8";

/* for Common & Smartphone*/

#merit{}


/*司法書士を選ぶ際のポイント*/
.pointGood{
	border:2px solid #007a00;
	padding:20px;
	margin-bottom:20px;
}
.pointBad{
	border:2px solid #603813;
	padding:20px;
}

.pointGood h4{
	color:#007a00;
	font-size:153%;
	text-align:left;
	margin-bottom:15px;
}
.pointBad h4{
	color:#603813;
	font-size:153%;
	text-align:left;
	margin-bottom:15px;
}
.pointGood li,
.pointBad li{
	text-align:left;
	font-size:123%;
	line-height:1.5;
	margin-bottom:5px; 
    padding-left: 1em; 
    text-indent: -1em;
}
.pointGood li::before {
    content: "■";
    color:#007a00;
}
.pointBad li::before {
    content: "■";
    color:#603813;
}
.pointGood li:nth-child(4),
.pointBad li:nth-child(4){
	margin-bottom:0;
}


/*関司法書士事務所が選ばれる理由*/
.reasonTtl01{
	font-size:153%;
	color:#fff;
	line-height:1.3;
	background:#2b8d00;
	text-align:center;
	padding:8px 0;
	margin-bottom:20px;
	}
.reasonTtl01 span{
	color:#fcee21;
	}
.reasonTtl02{
	font-size:153%;
	color:#e65e00;
	text-align:center;
	margin-bottom:20px;
	}
.reasonUnit{
	width:48%;
	float:left;
	margin-bottom:20px;
}
.reasonUnit:nth-child(2n){
	float:right;
}
.reasonUnit:nth-child(2n+1){
	clear:both;
}
.reasonUnit:nth-child(3),
.reasonUnit:nth-child(4){
	margin-bottom:0;
}
.reasonUnitImg{
	margin-bottom:15px;
}
.reasonUnitImg img{
	width:100%;
}
.reasonUnitTxt{
	text-align:left;
	font-size:108%;
	line-height:2;
}
.reasonUnitTxt em{
	color:#2b8d00;
	font-weight:bold;
	font-style:normal;
}









/* for Smartphone*/
/*横向きの際に適用*/
@media screen and (orientation : landscape) { 
}
	
/* for PC*/
@media print, screen and (min-width:768px) {

#merit{}

/*司法書士を選ぶ際のポイント*/
.pointGood li,
.pointBad li{
	width:48%;
	float:left;
}
.pointGood li:nth-child(2n),
.pointBad li:nth-child(2n){
	float:right;
}
.pointGood li:nth-child(2n+1),
.pointBad li:nth-child(2n+1){
	clear:both;
}

.pointGood li:nth-child(3),
.pointBad li:nth-child(3){
	margin-bottom:0;
}



/*関司法書士事務所が選ばれる理由*/
.reasonTtl01{
	font-size:276%;
	}
.reasonTtl01 br{
	display:none;
	}
.reasonUnit{
	width:22.84%;/*159.88*/
	float:left;
	margin-right:2.88%;/*20.16*/
	margin-bottom:0;
}
.reasonUnit:nth-child(2n){
	float:left;
}
.reasonUnit:nth-child(2n+1){
	clear:none;
}
.reasonUnit:last-child{
	margin-right:0;
}








}


/*for Retina common and SP*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	}

/*for Retina PC*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width:768px) { 

}

