@charset "UTF-8";
/*------------------------
後続ページタイトル
------------------------*/
/*--------共通--------*/
#top-ttl{
	background: url("/file/img/contents/sell-methods/pagettl_sell-methods_pc.jpg") no-repeat;
	background-size: cover;
}
.img img{
	width: 100%;
	height: 100%;
}
.textarea{
	text-align: justify;
}

/*--------sp--------*/
@media screen and (max-width:767px) {
	#top-ttl {
	background: url("/file/img/contents/sell-methods/pagettl_sell-methods_pc.jpg") no-repeat;
	background-size: cover;
	background-position: top;
}
}
/*------------------------
売却方法
------------------------*/
/*--------共通--------*/
#sell-methods{
	background: var(--bg-beige);
}
#sell-methods .block{
    background: #fff;
	border-radius: 10px;
}
#sell-methods .flex-box .txt{
	flex: 1;
}
#sell-methods .block h3{
	line-height: 1;
	font-weight: 700;
	display: flex;
	align-items: end;
}
#sell-methods .block h3 span{
	display: inline-block;
	color: var(--green);
}
#sell-methods .block h4.purpose{
	display: flex;
	font-weight: 600;
	line-height: 1;
	align-items: center;
}
#sell-methods .block h4.purpose::before{
    content: '';
    border-radius: 5px;
    background-color: #f7a120;
    display: block;
}
#sell-methods .flex-box h4.recommend{
    border-radius: 5px;
    line-height: 1;
    font-weight: 600;
}
#sell-methods .block h4.recommend{
    background: #f0f0f0;
}
#sell-methods .lease-back h4.recommend{
    background: #fff;
}
#sell-methods .flex-box p{
    text-align: justify;
    margin-bottom: 20px;
}
#sell-methods .flex-box ul{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
#sell-methods .flex-box li{
	display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.03em;
}
#sell-methods .flex-box ul > span{
	flex: 0 0 100%;
}
#sell-methods .flex-box li::before{
	display: block;
	content: '';
	background: url("/file/img/contents/sell-methods/method-check-o.svg") no-repeat;
    background-position: center;
    background-size: contain;
}
#sell-methods .block .btn a{
	justify-content: left;
}
#sell-methods .block .img img{
	object-fit: contain;
	width: 100%;
	height: 100%;
}
/* リースバック */
#sell-methods .lease-back h3{
	line-height: 1.6;
	font-weight: 600;
}
#sell-methods .lease-back h3 span{
	color: var(--orange2);
}
#sell-methods .lease-back .img img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	border-radius: 10px;
}
/*--------pc--------*/
@media screen and (min-width:768px) {
#sell-methods .inner{
    padding: 65px 0 110px;
}
#sell-methods .block{
	padding: 40px;
	margin-bottom: 40px;
}
#sell-methods .block:last-of-type{
	margin-bottom: 60px;
}
#sell-methods .flex-box .txt{
	flex: 1;
	margin-right: 35px;
}
#sell-methods .block h3{
	font-size: 34px;
	padding-bottom: 14px;
	margin-bottom: 20px;
	border-bottom: 3px solid var(--green);
}
#sell-methods .block h3 span{
	margin-left: 12px;
	font-size: 17px;
}
#sell-methods .block h4.purpose{
	font-size: 20px;
	margin-bottom: 10px;
}
#sell-methods .block h4.purpose::before{
    width: 7px;
    height: 21px;
    margin-right: 8px;
}
#sell-methods .flex-box h4.recommend{
	font-size: 18px;
    border-radius: 5px;
    padding: 10px 20px;
    margin-bottom: 10px;
}
#sell-methods .flex-box p{
    margin-bottom: 20px;
}
#sell-methods .flex-box ul{
    margin-bottom: 20px;
}
#sell-methods .flex-box li{
    margin-right: 20px;
    margin-bottom: 6px;
}
#sell-methods .flex-box li::before{
    width: 19px;
    height: 19px;
    margin-right: 4px;
}
#sell-methods .block .btn a{
	width: 350px;
    height: 50px;
    margin-left: 0;
    padding: 0 10px 0 30px;
}
#sell-methods .block .img{
	width: 526px;
	height: 322px;
}
/* リースバック */
#sell-methods .lease-back{
	padding: 0 100px;
}
#sell-methods .lease-back .txt{
	margin-right: 50px;
}
#sell-methods .lease-back h3{
	text-align: center;
	font-size: 26px;
	margin-bottom: 24px;
}
#sell-methods .lease-back h3 span{
	font-size:30px;
}
#sell-methods .lease-back .img{
	width: 450px;
	height: 290px;
}
}
/*--------sp--------*/
@media screen and (max-width:767px) {
#sell-methods .inner{
    padding: 10.67vw 4vw 12.27vw;
}
#sell-methods .ttl-box p.lead{
    text-align: left;
}
#sell-methods .block{
	padding: 5.55% 4%;
	margin-bottom: 6%;
}
#sell-methods .flex-box{
    flex-direction: column;
}
#sell-methods .block:last-of-type{
	margin-bottom: 7vw;
}
#sell-methods .flex-box .txt{
}
#sell-methods .block h3{
	font-size: 5.87vw;
	padding-bottom: 2.67vw;
	margin-bottom: 4vw;
	border-bottom: 2px solid var(--green);
}
#sell-methods .block h3 span{
	margin-left: 2.67vw;
	font-size: 3.2vw;
}
#sell-methods .block h4.purpose{
	font-size: 4.8vw;
	/* margin-bottom: 2.4vw; */
	align-items: start;
	line-height: 1.35;
}
#sell-methods .block h4.purpose::before{
	width: 3.2vw;
	height: 5.87vw;
	margin-right: 1.6vw;
}
#sell-methods .flex-box h4.recommend{
	font-size: 4.53vw;
	border-radius: 5px;
	padding: 2.4vw 4vw;
	margin-bottom: 2vw;
}
#sell-methods .flex-box p{
	margin-bottom: 4.8vw;
	font-size: 3.73vw;
}
#sell-methods .flex-box ul{
	margin-bottom: 3.73vw;
    font-size: 3.73vw;
}
#sell-methods .flex-box li{
	margin-right: 5.33vw;
	margin-bottom: 1.6vw;
	font-size: 3.73vw;
}
#sell-methods .flex-box li::before{
	width: 4.8vw;
	height: 4.8vw;
	margin-right: 5px;
}
#sell-methods .block .btn a{
	height: 13.33vw;
	padding: 0 0 0 5.33vw;
}
#sell-methods .block .img{
	width: 100%;
	height: auto;
    margin-bottom: 1.87vw;	
}
/* リースバック */
#sell-methods .lease-back .txt{

}
#sell-methods .lease-back h3{
	text-align: left;
	font-size: 4.8vw;
	margin-bottom: 3%;
	padding-bottom: 2%;
	border-bottom: 2px solid #efd2a5;
}
#sell-methods .lease-back h3 span{
	font-size:5.4vw;
}
#sell-methods .lease-back .img{
	width: 100%;
	height: 48vw;
	margin-bottom: 5%;
}
}