@charset "UTF-8";
/* CSS Document */

#assessment{margin:50px 0;}

.sec_box{ 	
	margin-top:50px;
}

.sp{ 
	display:none !important;
}
.sp_bar{
	display: none;
}


/****************************************

						 概要説明

****************************************/

#assessment h2{ 
	font-size:40px;
	line-height:50px;
	color:#2cbf13;
	margin-bottom:46px;
}

.outline_img p{
	float:left;
}

.line_txt{
	margin:7px 20px 0 0;
}

.inner_box{
	width:33.3%;
	float:left;
	padding:46px 20px 50px 0;
	box-sizing:border-box;
}

.number_img{
	 float:left;
}

.inner_title_txt{
	float:left;
	padding:14px 60px 15px 20px;
	box-sizing:border-box;
	font-size:24px;
	color:#fff;
	background-color:#2cbf13;
}

.inner_title_txt_02,
.inner_title_txt_03{
	width:px;
	float:left;
	padding:14px 107px 15px 20px;;
	box-sizing:border-box;
	font-size:24px;
	color:#fff;
	background-color:#2cbf13;
}

.title_tag{
	position:relative;
	margin-top:10px;
}

.outline_inner_img{
	width:80%;
	text-align:center;
	margin:22px auto 0;
}

.outline_inner_img img{
	width:100%;
	height: auto;
}

.inner_txt{
	width:80%;
	text-align: center;
	margin:20px auto 0;
	min-height:40px;
}

.diamond {
	position:absolute;
	top:9px;
	right:8px;
	width: 45px;
	height: 45px;
	background-color: #2cbf13;
	transform:rotate(-45deg);
}

/****************************************

			step1 友達登録

****************************************/


.friend_number_img{
	float:left;
}

.friend_title{
	width:89.7%;
	box-sizing:border-box;
	float:left;
	margin-top:10px;
	padding:20px;
	font-size:24px;
	font-weight:normal;
	color:#fff;
	background-color:#2cbf13;
}

.friend_title span{
	font-weight:bold;
	display:inline-block;
	padding-right:20px;
}

.step_title{
	margin: 0;
}

.friend_inner_box_01{
	width:25%;
	float:left;
}

.friend_inner_box_02{
	width:25%;
	float:left;
	/*padding:0px 0px 0px 30px;*/
	box-sizing:border-box;
	background:url(../../img/line_triangle.png) no-repeat 0 100px;
	background-size: 7%;
}

.friend_inner_box_03{
	width:25%;
	float:left;
	/*padding:0px 0px 0px 30px;*/
	box-sizing:border-box;
	background:url(../../img/line_triangle.png) no-repeat 0 100px;
	background-size: 7%;
}

.friend_inner_box_04{
	width:25%;
	float:left;
	/*padding:0px 0px 0px 30px;*/
	box-sizing:border-box;
	background:url(../../img/line_triangle.png) no-repeat 0 100px;
	background-size: 7%;
}



.friend_Lbox ul li{
	}

.friend_Lbox ul li:first-child {
	background-image:none;
	padding-left: 0;
	border-left: 0;
}

/*.friend_Lbox .inner_txt{
	margin-top:20px auto 0;
	min-height:40px;
}*/
.friend_box{
	text-align:center;
}


 .friend_first_img, .friend_second_img,.friend_third_img, .friend_fourth_img { 
 	margin:10px auto 0;
}

.wi85{
	width:85%;
}

	.friend_first_img img,
	.friend_second_img img,
	.friend_third_img img,
	.friend_fourth_img img
	{
		width:80%;
		height: auto;
		margin-left: 10px;
		border: 1px solid #dcdcdc;
	}

 .friend_second_img{
	 margin:10px auto 0;
	 text-align:center;
	 /*width:276px;*/
	 }

 .friend_third_img{
	 margin:10px auto 0;
	 text-align:center;
	 /*width:276px;*/
	}

 .friend_third_img{
	 margin:10px auto 0;
	 text-align:center;
	 /*width:276px;*/
	}


/*------友達登録下ボックス左側-----*/

.qr_code_box{
	margin-top:20px;
}

.qr_text{
	width:48%;
	float:left;
	box-sizing:border-box;
	padding:30px 68px;
	font-size:24px;
	line-height:30px;
	color:#fff;
	background-color:#2cbf13;
}

.friend_qrcode{
	width:52%;
	border:solid #84e148 5px;
	border-left:none;
	box-sizing:border-box;
	float:right;
	background-image:url(../../img/line_triangle.png);
	background-repeat:no-repeat;
	background-position:-5px center
 }





.friend_qrcode{
	height:120px;
	font-size:24px;
	font-weight:bold;
	color:#672729;
}

.friend_qrcode ul li{
	float:left;
}
	
.qrcode_img{ 
	margin:6px 0 0 40px;
}
.or_img{ 
	margin:42px 20px 0;
} 

.qr_id_txt{ 
	margin-top:43px;
}


/****************************************

			step2 送る

****************************************/
.send_title_img{ 
	float:left;
}

.send_title{
	width:89.7%;
	box-sizing:border-box;
	float:left;
	margin-top:10px;
	padding:20px 0 20px 20px;
	font-size:24px;
	font-weight:normal;
	color:#fff;
	background-color:#2cbf13;
}

.send_title span{ 
	font-weight:bold;
	display:inline-block;
	padding-right:20px;
}

.send_Lbox{ 
	margin-top:28px;
}


/*------送るボックス左側-----*/

.send_left_box{ 
	width:38%;
	float:left;
	box-sizing:border-box;
}

 .send_hukidashi_box{
	float:right;
    position: relative;
	padding-right:27px;
	box-sizing:border-box;
   } 
 
.send_hukidashi_01{
	position: relative;
	background: #84e148;
	height: auto;
	width: 238px;
	padding:15px 40px 15px 40px;
	margin-bottom: 20px;
	border-radius: 50px;
	box-sizing:border-box;
}
 
.send_hukidashi_01:before {
	content: '';
	position: absolute;
	height: 50px;
	width: 50px;
	border-radius: 25px;
	z-index: -1;
	background: #84e148;
	bottom: 20px;
	left: 195px;
}

.send_hukidashi_01:after {
	content: '';
	position: absolute;
	height: 50px;
	width: 60px;
	border-radius: 25px;
	z-index: -1;
	background: #fff;
	bottom: 35px;
	left: 186px;
 }

.send_hukidashi_02{
	position: relative;
	background: #84e148;
	height: auto;
	width: 325px;
	padding:16px;
	margin-bottom: 20px;
	border-radius: 20px;
	box-sizing:border-box;
}
 
.send_hukidashi_02:before {
	content: '';
	position: absolute;
	height: 50px;
	width: 50px;
	border-radius: 25px;
	z-index: -1;
	background: #84e148;
	bottom: 157px;
	left: 283px;
}

.send_hukidashi_02:after {
	content: '';
	position: absolute;
	height: 50px;
	width: 60px;
	border-radius: 25px;
	z-index: -1;
	background: #fff;
	bottom: 170px;
	left: 277px;
 }

.send_hukidashi_03{
	position: relative;
	background: #84e148;
	height: auto;
	width: 238px;
	padding:15px 0 15px 30px;
	margin-bottom: 20px;
	border-radius: 50px;
	box-sizing:border-box;
}
 
.send_hukidashi_03:before {
	content: '';
	position: absolute;
	height: 50px;
	width: 50px;
	border-radius: 25px;
	z-index: -1;
	background: #84e148;
	bottom: 20px;
	left: 195px;
}

.send_hukidashi_03:after {
	content: '';
	position: absolute;
	height: 50px;
	width: 60px;
	border-radius: 25px;
	z-index: -1;
	background: #fff;
	bottom: 35px;
	left: 186px;
 }

 .send_hukidashi_box p{
 	 margin: 0;
 }



/*------送るボックス右側-----*/

.send_right_box{ 
	width:62%; 
	float:right;
}

.send_right_box h4{
	font-size:24px;
	font-weight:bold;
	color:#672729;}

.send_right_box ul{
	margin-top:30px;
}

.send_right_box li{
	margin-bottom:20px;
	background-repeat:no-repeat;
	padding:6px 0 5px 50px;
}

.send_Mess_first{ 
	background-image:url(../../img/line_02_no1.jpg) ;
}

.send_Mess_second{ 
	background-image:url(../../img/line_02_no2.jpg);
}

.send_Mess_third{ 
	background-image:url(../../img/line_02_no3.jpg);
}


/****************************************

			step3 査定

****************************************/
.assessment_title_img{
	float:left;
}

.assessment_title{
	width:89.7%;
	box-sizing:border-box;
	float:left;
	margin-top:10px;
	padding:20px 0 20px 20px;
	font-size:24px;
	font-weight:normal;
	color:#fff;
	background-color:#2cbf13;
}


.assesment_Lbox{ 
	margin-top:20px
;}


/*------査定ボックス左側------*/

.assesment_left_box{
	width:44%;
	float:left;
}

.assesment_Lbox img,
.assesment_right_box img{
	width:100%;
	height:auto;
}

.assesment_right_box img

.assessment_title span{ 
	font-weight:bold;
	display:inline-block;
	padding-right:20px;}

.assesment_logo_img{
	float:left;}

.assesment_hukidashi_box{
	float:left;
	margin:20px 0 20px 15px;
  	position: relative;
  	height: 195px;
 	width: 340px;
	box-sizing:border-box;
  
  	padding:25px 28px;
  	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-o-border-radius:20px;
	-ms-border-radius:20px;
	border:2px solid #cdcdcd; 
	background:#fff;
}

.assesment_hukidashi_01:before{
	content: "";
	position: absolute;
	left:-14px;
	top: 0px;
	margin-top: 10px;
	width: 0px;
	height: 0px;
	border-right: 14px solid #cdcdcd;
	border-top: 0px solid transparent;
	border-left: 0px solid transparent;
	border-bottom: 12px solid transparent;
	z-index:102;
}

.assesment_hukidashi_01:after{
	content: "";
	position: absolute;
	left: -8px;
	top: 2px;
	margin-top: 10px;
	width: 0px;
	height: 0px;
	border-right: 14px solid #fff;
	border-top: 0px solid transparent;
	border-left: 0px solid transparent;
	border-bottom: 12px solid transparent;
	z-index:103;
}

.assesment_hukidashi_01 span{
	display:block;
	margin-top:20px;
}

 
/*-----査定ボックス中央-----*/

.assesment_middle_box{
	float:left;
	width:54px;
	margin:18px 30px 0;
}

.assesment_arrow {
  	display:inline-block;
	height:11px;
	width:38px;
	background-color:#2cbf13;
	position:relative;
	top:20px;
}

.assesment_arrow:before {
	position:absolute;
	content:"";
	width:0;
	height:0;
	border:15px solid transparent;
	border-left:15px solid #2cbf13;
	left:38px;
	top:-10px;
}




/*-----査定ボックスの右側-------*/

.assesment_right_box{
	width:44%;
	float:left;
}

.assesment_hukidashi_02 span{
	display:block;
	margin-top:20px;
}

.assesment_hukidashi_02:before{
	content: "";
	position: absolute;
	left:-14px;
	top: 0px;
	margin-top: 10px;
	width: 0px;
	height: 0px;
	border-right: 14px solid #cdcdcd;
	border-top: 0px solid transparent;
	border-left: 0px solid transparent;
	border-bottom: 12px solid transparent;
	z-index:102;
}

.assesment_hukidashi_02:after{
	content: "";
	position: absolute;
	left: -8px;
	top: 2px;
	margin-top: 10px;
	width: 0px;
	height: 0px;
	border-right: 14px solid #fff;
	border-top: 0px solid transparent;
	border-left: 0px solid transparent;
	border-bottom: 12px solid transparent;
	z-index:103;
}

.mt20{margin-top: 20px;}