@charset "utf-8";

/* for Common & Smartphone*/

#example{}

.lNav{
	margin-bottom:40px;
}
.lNav li{
	width:48%;
	float:left;
	margin-bottom:10px;
}
.lNav li:nth-child(2n){
	float:right;
}
.lNav li:nth-child(2n+1){
	clear:both;
}
.lNav li a{
	display:block;
	border:1px solid #2b8d00;
	border-radius:4px;
	text-align:center;
	font-size:108%;
	font-weight:bold;
	color:#2b8d00;
	line-height:1.5;
	padding-top:11px;
	padding-bottom:10px;
	text-decoration:none;
	position:relative;
	padding-right:2.5px;
}
.lNav li a::after{
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 1px #2b8d00;
	border-right: solid 1px #2b8d00;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -3px;
	}

/*事例：結果*/

/*ex01*/
.exUnit01{
	width:100%;
	margin-bottom:20px;
	}
.exUnit01 .exUnit01Ttl{
	background:#2b8d00;
	color:#fff;
	font-size:123%;
	line-height:1.5;
	padding:3px 0;
	text-align:center;
	margin-bottom:10px;
	}
.exUnit01 .exUnit01Be{
	width:45%;
	float:left;
	border:1px solid #999;
	color:#333;
	position:relative;
	}
.exUnit01 .exUnit01Be::after{
	content: '';
	width: 14px;
	height: 14px;
	border: 0px;
	border-top: solid 2px #e65e00;
	border-right: solid 2px #e65e00;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: -12%;
	margin-top:-7px;
	margin-right:-3.5px;
	}
.exUnit01 .exUnit01Be dt{
	background:#e6e6e6;
	border-bottom:1px solid #999;
	font-size:108%;
	line-height:1.5;
	padding:4px 0 5px;
	height:30px;
	}
.exUnit01 .exUnit01Be dd{
	font-size:138%;
	line-height:1.5;
	padding:8px 0;
	height:40px;
	}
.exUnit01 .exUnit01Af{
	width:45%;
	float:right;
	border:2px solid #e65e00;
	font-weight:bold;
	}
.exUnit01 .exUnit01Af dt{
	background:#e65e00;
	border-bottom:2px solid #e65e00;
	color:#fff;
	font-size:108%;
	line-height:1.5;
	padding:4px 0 5px;
	height:29px;
	}
.exUnit01 .exUnit01Af dd{
	font-size:138%;
	color:#e65e00;
	line-height:1;
	padding:8px 0;
	height:39px;
	}
.exUnit01 .exUnit01Af dd span{
	font-size:150%;
	}


/*ex02*/
.exUnit02{
	width:100%;
	margin-bottom:20px;
	}
.exUnit02Ttl{
	background:#2b8d00;
	color:#fff;
	font-size:123%;
	line-height:1.5;
	padding:3px 0;
	text-align:center;
	margin-bottom:10px;
	}
.exUnit02 .exUnit02Be{
	width:100%;
	border:1px solid #999;
	color:#333;
	position:relative;
	margin-bottom:30px;
	}
.exUnit02 .exUnit02Be::after{
	content: '';
	width: 14px;
	height: 14px;
	border: 0px;
	border-top: solid 2px #e65e00;
	border-right: solid 2px #e65e00;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	bottom: -20px;
	right: 50%;
	margin-top:-7px;
	margin-right:-3.5px;
	}
.exUnit02 .exUnit02Be dt{
	background:#e6e6e6;
	border-bottom:1px solid #999;
	font-size:108%;
	line-height:1.5;
	padding:4px 0 5px;
	font-weight:bold;
	}
.exUnit02 .exUnit02Be dd{
	line-height:1.5;
	padding:8px 0;
	}
.exUnit02 .exUnit02Be .price{
	font-size:138%;
	}
.exUnit02 .exUnit02Be .comList{
	border-top:1px dotted #ccc;
	text-align:center;
	margin:0 auto;
	max-width:200px;
	line-height:1.8;
	font-size:108%;
	margin-top:8px;
	}
.exUnit02 .exUnit02Be .comList .comName{
	display:inline-block;
	width:40%;
	text-align:center;
	border-bottom:1px dotted #ccc;
	}
.exUnit02 .exUnit02Be .comList .comPri{
	display:inline-block;
	width:60%;
	text-align:center;
	border-bottom:1px dotted #ccc;
	}
.exUnit02 .exUnit02Af{
	width:100%;
	border:2px solid #e65e00;
	}
.exUnit02 .exUnit02Af dt{
	background:#e65e00;
	border-bottom:2px solid #e65e00;
	color:#fff;
	font-size:108%;
	line-height:1.5;
	padding:4px 0 5px;
	font-weight:bold;
	}
.exUnit02 .exUnit02Af dd{
	line-height:1;
	padding:8px 0;
	}
.exUnit02 .exUnit02Af .price{
	color:#e65e00;
	font-size:138%;
	font-weight:bold;
	}
.exUnit02 .exUnit02Af .price .cap{
	font-size:66%;
	color:#333;
	font-weight:normal;
	}
.exUnit02 .exUnit02Af .price span{
	font-size:150%;
	}
.exUnit02 .exUnit02Af .comList{
	border-top:1px dotted #ccc;
	text-align:center;
	margin:0 auto;
	max-width:220px;
	line-height:1.8;
	font-size:108%;
	margin-top:8px;
	}
.exUnit02 .exUnit02Af .comList .comName{
	display:inline-block;
	width:65%;
	text-align:center;
	border-bottom:1px dotted #ccc;
	}
.exUnit02 .exUnit02Af .comList .comPri{
	display:inline-block;
	width:35%;
	text-align:center;
	border-bottom:1px dotted #ccc;
	}



/*ex03*/
.exUnit03{
	width:100%;
	margin-bottom:20px;
	}
.exUnit03Ttl{
	background:#2b8d00;
	color:#fff;
	font-size:123%;
	line-height:1.5;
	padding:3px 0;
	text-align:center;
	margin-bottom:10px;
	}
.exUnit03 .exUnit03Be{
	width:100%;
	border:1px solid #999;
	color:#333;
	position:relative;
	margin-bottom:30px;
	}
.exUnit03 .exUnit03Be::after{
	content: '';
	width: 14px;
	height: 14px;
	border: 0px;
	border-top: solid 2px #e65e00;
	border-right: solid 2px #e65e00;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	bottom: -20px;
	right: 50%;
	margin-top:-7px;
	margin-right:-3.5px;
	}
.exUnit03 .exUnit03Be dt{
	background:#e6e6e6;
	border-bottom:1px solid #999;
	font-size:108%;
	line-height:1.5;
	padding:4px 0 5px;
	font-weight:bold;
	}
.exUnit03 .exUnit03Be dd{
	line-height:1.5;
	padding:8px 0;
	}
.exUnit03 .exUnit03Be .price{
	font-size:138%;
	}
.exUnit03 .exUnit03Be .comList{
	border-top:1px dotted #ccc;
	text-align:center;
	margin:0 auto;
	max-width:220px;
	line-height:1.8;
	font-size:108%;
	}
.exUnit03 .exUnit03Be .comList .comName{
	display:inline-block;
	width:60%;
	text-align:center;
	border-bottom:1px dotted #ccc;
	}
.exUnit03 .exUnit03Be .comList .comPri{
	display:inline-block;
	width:40%;
	text-align:center;
	border-bottom:1px dotted #ccc;
	}
.exUnit03 .exUnit03Af{
	width:100%;
	border:2px solid #e65e00;
	}
.exUnit03 .exUnit03Af dt{
	background:#e65e00;
	border-bottom:2px solid #e65e00;
	color:#fff;
	font-size:108%;
	line-height:1.5;
	padding:4px 0 5px;
	font-weight:bold;
	}
.exUnit03 .exUnit03Af dd{
	line-height:1;
	padding:8px 0;
	}
.exUnit03 .exUnit03Af .price{
	color:#e65e00;
	font-size:138%;
	font-weight:bold;
	}
.exUnit03 .exUnit03Af .price .cap{
	font-size:66%;
	color:#333;
	font-weight:normal;
	}
.exUnit03 .exUnit03Af .price span{
	font-size:150%;
	}
.exUnit03 .exUnit03Af .comList{
	border-top:1px dotted #ccc;
	text-align:center;
	margin:0 auto;
	max-width:220px;
	line-height:1.8;
	font-size:108%;
	}
.exUnit03 .exUnit03Af .comList .comName{
	display:inline-block;
	width:35%;
	text-align:center;
	border-bottom:1px dotted #ccc;
	}
.exUnit03 .exUnit03Af .comList .comPri{
	display:inline-block;
	width:65%;
	text-align:center;
	border-bottom:1px dotted #ccc;
	}




/*ex04*/
.exUnit04{
	width:100%;
	margin-bottom:20px;
	}
.exUnit04 .exUnit04Be{
	width:100%;
	border:1px solid #999;
	color:#333;
	position:relative;
	margin-bottom:30px;
	padding:10px;
	font-size:138%;
	text-align:center;
	}
.exUnit04 .exUnit04Be::after{
	content: '';
	width: 14px;
	height: 14px;
	border: 0px;
	border-top: solid 2px #e65e00;
	border-right: solid 2px #e65e00;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	bottom: -20px;
	right: 50%;
	margin-top:-7px;
	margin-right:-3.5px;
	}
.exUnit04 .exUnit04Af{
	width:100%;
	border:2px solid #e65e00;
	padding:10px;
	font-size:123%;
	text-align:center;
	color:#e65e00;
	font-weight:bold;
	line-height:1.5;
	}


/*お客様の声*/
.voiceUnit{
	border-top:1px dotted #ccc;
	padding-top:30px;
	padding-bottom:30px;
}
.voiceUnit:last-child{
	border-bottom:1px dotted #ccc;
}
.voiceUnitImg{
	text-align:center;
	margin-bottom:20px;
}
.voiceUnitTxt{
	text-align:left;
	font-size:108%;
	line-height:2;
}









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

#example{}

.lNav li{
	width:24%;
	margin-right:1.33%;
}
.lNav li:last-child{
	margin-right:0;
}
.lNav li:nth-child(2n){
	float:left;
}
.lNav li:nth-child(2n+1){
	clear:none;
}


/*事例：結果*/
/*ex01*/
.exUnit01{
	width:48%;
	float:left;
	}
.exUnit01:nth-child(2n){
	float:right;
	}


/*ex02*/
.exUnit02 .exUnit02Be{
	width:45%;
	float:left;
	margin-bottom:0;
	}
.exUnit02 .exUnit02Be::after{
	content: '';
	width: 14px;
	height: 14px;
	border: 0px;
	border-top: solid 2px #e65e00;
	border-right: solid 2px #e65e00;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	bottom: 0;
	top: 50%;
	right: -12%;
	margin-top:-7px;
	margin-right:-3.5px;
	}
.exUnit02 .exUnit02Af{
	width:45%;
	float:right;
	}



/*ex03*/
.exUnit03 .exUnit03Be{
	width:45%;
	float:left;
	margin-bottom:0;
	}
.exUnit03 .exUnit03Be::after{
	content: '';
	width: 14px;
	height: 14px;
	border: 0px;
	border-top: solid 2px #e65e00;
	border-right: solid 2px #e65e00;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	bottom: 0;
	top: 50%;
	right: -12%;
	margin-top:-7px;
	margin-right:-3.5px;
	}
.exUnit03 .exUnit03Af{
	width:45%;
	float:right;
	}



/*ex04*/
.exUnit04 .exUnit04Be{
	width:45%;
	float:left;
	margin-bottom:0;
	}
.exUnit04 .exUnit04Be::after{
	content: '';
	width: 14px;
	height: 14px;
	border: 0px;
	border-top: solid 2px #e65e00;
	border-right: solid 2px #e65e00;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	bottom: 0;
	top: 50%;
	right: -12%;
	margin-top:-7px;
	margin-right:-3.5px;
	}
.exUnit04 .exUnit04Af{
	width:45%;
	float:right;
	}


/*お客様の声*/
.voiceUnit{
	width:100%;
	overflow:hidden;
}
.voiceUnitImg{
	float:left;
	width:150px;
	margin-bottom:0;
}
.voiceUnitTxt{
	float:right;
	width:100%;
	margin-left:-180px;
	padding-left:180px;
}










}


/*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) { 

}