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


.pc{
	display:none !important;
	}

.sp_bar{
	border: #672729 dashed 1px;
	margin:50px 0 30px;
	}


p,li{
	font-size:1.4rem;
}

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

						 概要説明

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

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

.outline_box{
	display:none;
}

.outline_img p{
	float:none;
}

.line_txt{
	margin-bottom:20px;
}

.inner_box{
	width:100%;
	text-align:center;
	/*margin-bottom:20px;*/
	margin-top:20px;
	float:none;
	/*padding:46px 0px 50px 0;*/
	box-sizing:border-box;
}

.number_img{
	 float:left;
}

.inner_title_txt{
	width:px;
	float:left;
	padding:19px 49px 20px 20px;
	box-sizing:border-box;
	font-size:2.4rem;
	color:#fff;
	background-color:#2cbf13;
}

.inner_title_txt_02,
.inner_title_txt_03{
	width:px;
	float:left;
	padding:19px 97px 20px 20px;
	box-sizing:border-box;
	font-size:2.4rem;
	color:#fff;
	background-color:#2cbf13;
}

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

.outline_inner_img{
	text-align:center;
	margin-top:22px;
}

.inner_txt{
	margin-top:20px;
	/*min-height:40px;*/
}

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

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

			step1 友達登録

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


.friend_number_img{ 
	float:left;
	display:none;
}

.friend_title{
	width:100%;
	box-sizing:border-box;
	line-height:32px;
	/*float:left;*/
	margin-top:10px;
	padding:20px;
	font-size:2.4rem;
	font-weight:normal;
	color:#fff;
	background-color:#2cbf13;
}






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



.friend_inner_box_01{
	/*width:28%;*/
	float:none;
	padding:0px 0px 0px 30px;
	box-sizing:border-box;
	/*background-image:url(../../img/line_triangle.png);
	background-repeat:no-repeat;
	background-position:0 131px;*/
}

.friend_inner_box_02{
	/*width:36%;*/
	float:none;
	padding-top:30px;
	box-sizing:border-box;
	background-image:url(../../img/line_triangle_under.png);
	background-repeat:no-repeat;
	background-position:center 0px;
}

.friend_inner_box_03{
	/*width:36%;*/
	float:none;
	padding-top:30px;
	box-sizing:border-box;
	background-image:url(../../img/line_triangle_under.png);
	background-repeat:no-repeat;
	background-position:center 0px;
}

.friend_inner_box_04{
	/*width:36%;*/
	float:none;
	padding-top:30px;
	box-sizing:border-box;
	background-image:url(../../img/line_triangle_under.png);
	background-repeat:no-repeat;
	background-position:center 0px;
}



.friend_Lbox ul li{
	width:100%; 
	text-align:center;
	margin-top:20px;
}

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

.inner_txt{
	margin-top:20px;
	/*min-height:40px;*/
}

 .friend_first_img{ 
	width: 90%;
	margin: 0 auto;
	border: 1px solid #dcdcdc;
}
 
 .friend_second_img{
	width: 90%;
	margin: 0 auto;
	border: 1px solid #dcdcdc;
}
 
 .friend_third_img{
	margin-top:22px;
	text-align:center;
	width: 90%;
	margin: 0 auto;
	border: 1px solid #dcdcdc;
}

 .friend_fourth_img{
	margin-top:22px;
	text-align:center;
	width: 90%;
	margin: 0 auto;
	border: 1px solid #dcdcdc;
}

/*------友達登録下ボックス左側-----*/
.qr_code_box{ 
	margin-top:100px;
}

.qr_text{
	width:100%;
	float:none;
	box-sizing:border-box;
	padding:20px 16px;
	font-size:2.4rem;
	line-height:32px;
	color:#fff;
	background-color:#2cbf13;
}

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





.friend_qrcode{
	width: 100%;
	font-size:2.4rem;
	font-weight:bold;
	color:#672729;
}

.friend_qrcode ul li{
	float:left;
	text-align:center;
}
	
.qrcode_img{
	width:35%; 
	margin:6px 0 0 0;
}	
.qrcode_img img{
	width:70%;
	height: auto; 	
}

.or_img{
	width:23%; 
	margin-top:12%
} 

.or_img img{
	width:60%;
	height: auto; 	
}

.qr_id_txt{
	width:42%;
	margin-top:8%;
}


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

			step2 送る

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

.send_title{
	width:100%;
	box-sizing:border-box;
	/*float:left;*/
	margin-top:10px;
	padding:20px;
	line-height:32px;
	font-size:2.4rem;
	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:none;
	box-sizing:border-box;
	padding-right: 10px;
	}

 .send_hukidashi_box{
 	float:right;
	position: relative;
	/*padding-right:27px;*/
	box-sizing:border-box;
   } 
 
.send_hukidashi_01{
	position: relative;
	background: #84e148;
	height: auto;
	padding:15px 20px;
	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: 23px;
	left: 52px;
}

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

.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;
	top: -13%;
	left: 86%;
}

.send_hukidashi_02:after {
	content: '';
	position: absolute;
	height: 50px;
	width: 60px;
	border-radius: 25px;
	z-index: -1;
	background: #fff;
	top:-24%;
	left: 83%;
 }

.send_hukidashi_03{
	position: relative;
	background: #84e148;
	height: auto;
	padding:15px 20px;
	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: 150px;
}

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

 .send_hukidashi_box p{
 	 margin: 0;
 }

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

.send_right_box{ 
	/*width:62%; */
	float:none;
}

.send_right_box h4{
	font-size:2.4rem;
	font-weight:bold;
	color:#672729;}

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

.send_right_box li{
	margin-bottom:20px;
	background-repeat:no-repeat;
	padding:0 0 6px 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{
	display:none;
	float:left;
	}

.assessment_title{
	width:100%;
	box-sizing:border-box;
	/*float:left;*/
	margin-top:10px;
	padding:20px;
	font-size:2.4rem;
	font-weight:normal;
	line-height:32px;
	color:#fff;
	background-color:#2cbf13;
}


.assesment_Lbox{ 
	margin-top:20px;
}



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

.assesment_left_box{
	width:100%;
	float:none;
}

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



.assesment_logo_img{
	float:left;}

.assesment_hukidashi_box{
	float:left;
	margin:20px 10px 20px 12px;
	position: relative;
	/*height: 195px;*/
	width: 68%;
	box-sizing:border-box;
  
	padding:15px;
	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;
}

/* .send_hukidashi_box p{
 	 margin: 0;
 }*/
 
/*-----査定ボックス中央-----*/

.assesment_middle_box{
	width:18%;
	margin:10px auto;
/*	text-align:center;
	float:left;
	margin:0px 15px 0 15px;*/
}

.assesment_middle_box img{
	width:100%;
	height:auto;
	/*max-width: 100%;*/
}

.assesment_arrow {
	display:inline-block;
	height:11px;
	width:50px;
	background-color:#2cbf13;
	position:relative;
	top:-40px;
	left:70px;
	transform:rotate(90deg) ;
}

.assesment_arrow:before {
	transform:rotate(0deg);
	position:absolute;
	content:"";
	width:0;
	height:0;
	border:15px solid transparent;
	border-left:15px solid #2cbf13;
	left:47px;
	top:-10px;
}




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

.assesment_right_box{
	width:100%;
	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;}





/*--------タブレット用CSS-------------*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1009px) {

.outline_img{
	width:80%;
	margin: auto;
}

.line_txt{
	margin-bottom: 25px;
}

.friend_box p{
	font-size: 2.4rem;
}	

.qr_id_txt{
	font-size: 2.4rem;
	margin-top: 11%;
}

.or_img{
	width:18%;
}

.send_right_box h4{
	margin-top: 0;
}

.send_left_box{
	width:35%;
	float: left;
}

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

.assesment_Lbox{
		width:90%;
		margin:20px auto;
}

.assesment_middle_box{
	width:10%;
	margin:25px auto 0;
}

#linefootCenter {
    width: 55px;
    float: left;
    margin: 35px 50px 0;
}

}