@charset "UTF-8";
/*------------------------
mv
------------------------*/
/*--------共通--------*/
.mv-wrap{
	position: relative;
}
.mv-wrap .mv{
	position: relative;
}
.mv-wrap .mv .copy{
	position: absolute;
	background-color: rgba(255, 255, 255, 0.77);
}
.mv-wrap .mv .copy .copy-design{
	position: absolute;
	content: '';
}
.mv-wrap .mv .copy .top,.mv-wrap .mv .copy .bottom{
	margin: 0 auto;
}
.mv-wrap .mv .copy .top{
	background:#f2f0a1;
}
.mv-wrap .mv .copy .bottom{
	background:#9de7d7;
}
.mv-wrap .mv .copy .left{
	background:#bf9bde;
}
.mv-wrap .mv .copy .right{
	background:#fcaebb;
}
.mv-wrap .mv .copy p{
	border: 3px solid var(--txtcolor);
	background: #fff;
	border-radius: 10px;
	line-height: 1;
	text-align: center;
}
.mv-wrap .mv .copy h1{
	line-height: 1.2;
	font-weight: 500;
}
.mv-wrap .mv .copy h1 span{
	color: var(--orange2);
}
.mv-wrap .mv .mv-img{
	width: 100%;
}
.mv-wrap .mv .mv-img img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.mv-wrap .mv-txt{
	background:var(--bg-beige) ;
}
.mv-wrap .mv-txt h2{
	font-weight: bold;
	line-height: 1;
}
.mv-wrap .mv-txt h2 span{
	color: var(--green);
}
.mv-wrap .mv-txt h2 span{
	color: var(--green);
}
.mv-wrap .mv-txt .achievement{
	align-items: center;
}
.mv-wrap .mv-txt .achievement .flex-box{
	align-items: center;
}
.mv-wrap .mv-txt .achievement h3{
	position: relative;
	z-index: 1;
	font-weight: bold;
}
.mv-wrap .mv-txt .achievement h4{
	color: #fff;
	background: var(--txtcolor);
}
.mv-wrap .mv-txt .achievement p span{
	color: var(--orange2);
	font-weight: bold;
}
.mv-wrap .president{
	height: auto;
	position: absolute;
}
.mv-wrap .president .fukidashi{
	position: absolute;
	content: "";
	display: inline-block;
}
.mv-wrap .president img.kawano{
	width: 100%;
	object-fit: contain;
}
.mv-wrap .president .name{
	background: var(--green);
	color: #fff;
	font-weight: 600;
	position: absolute;
	display: flex;
	align-items: center;
}
.mv-wrap .president .name span{
	display: inline-block;
}
.mv-wrap .president .name .ceo{
	font-weight: 500;
}
/*--------pc--------*/
@media screen and (min-width:768px) {
.mv-wrap .mv .copy{
	top: 126px;
	left: 300px;
	padding: 35px 40px;
}
.mv-wrap .mv .copy .top,.mv-wrap .mv .copy .bottom{
	width:628px;
	height: 5px;
	right: 0;
	left:0;
	margin: 0 auto;
}
.mv-wrap .mv .copy .top{
	top: -14px;
}
.mv-wrap .mv .copy .bottom{
	bottom: -14px;
}
.mv-wrap .mv .copy .left,.mv-wrap .mv .copy .right{
	width:5px;
	height: 268px;
}
.mv-wrap .mv .copy .left{
	top: 0;
	left: -14px;
}
.mv-wrap .mv .copy .right{
	top: 0;
	right: -14px;
}
.mv-wrap .mv .copy p{
	font-size: 30px;
	padding: 10px 20px;
	border-radius: 10px;
	line-height: 1;
	margin-bottom: 12px;
}
.mv-wrap .mv .copy h1{
	font-size: 52px;
	line-height: 1.2;
	font-weight: 500;
}
.mv-wrap .mv .copy h1 span{
	font-size: 54px;
}
.mv-wrap .mv .mv-img{
	width: 100%;
	height: 600px;
}
.mv-wrap .mv .mv-img img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.mv-wrap .mv-txt{
	padding: 35px 0;
}
.mv-wrap .mv-txt h2{
	font-size: 30px;
	margin-bottom: 12px;
	line-height: 1;
}
.mv-wrap .mv-txt h2 span{
	font-size: 34px;
}
.mv-wrap .mv-txt p.txt{
	width: 542px;
	margin-bottom: 4px;
}
.mv-wrap .mv-txt .achievement{
	align-items: center;
}
.mv-wrap .mv-txt .achievement .flex-box{
	align-items: center;
}
.mv-wrap .mv-txt .achievement .flex-box:first-of-type{
	margin-right: 20px;
}
.mv-wrap .mv-txt .achievement h3{
	position: relative;
	z-index: 1;
	font-size: 16px;
	font-weight: bold;
	margin-right: 24px;
}
.mv-wrap .mv-txt .achievement h3::before{
	position: absolute;
	content: '';
	display: block;
	width: 155px;
	height: 8px;
	bottom: 0;
	background: #f0edb8;
	z-index: -1;
}
.mv-wrap .mv-txt .achievement h4{
	padding: 2px 10px;
	font-size: 18px;
	margin-right: 10px;
}
.mv-wrap .mv-txt .achievement p{
	font-size: 26px;
}
.mv-wrap .mv-txt .achievement p span{
	font-size: 40px;
}
.mv-wrap .president{
	width: 530px;
	height: auto;
	position: absolute;
	bottom: 0;
	right: 90px;
}
.mv-wrap .president .fukidashi{
	position: absolute;
	content: "";
	display: inline-block;
	width: 215px;
	height: 232px;
	RIGHT: -60px;
	bottom: 423px;
}
.mv-wrap .president img.kawano{
	width: 100%;
	object-fit: contain;
}
.mv-wrap .president .name{
	font-size: 20px;
	position: absolute;
	right: -20px;
	top: 470px;
	padding: 5px 14px;
	display: flex;
	align-items: center;
}
.mv-wrap .president .name span{
	display: inline-block;
}
.mv-wrap .president .name .ceo{
	font-size:12px;
	font-weight: 500;
	margin-right: 6px;
}
}
@media screen and (min-width:1200px){
	.mv-wrap .mv-txt .inner{
		width:62.5vw;
	}
	.mv-wrap .mv .copy{
		top: 4.5vw;
		left: 15.63vw;
		padding: 1.82vw 2.08vw;
	}
	.mv-wrap .mv .copy .top,.mv-wrap .mv .copy .bottom{
		width:32.71vw;
		height: 0.26vw;
		right: 0;
		left:0;
		margin: 0 auto;
	}
	.mv-wrap .mv .copy .top{
		top: -0.73vw;
	}
	.mv-wrap .mv .copy .bottom{
		bottom: -0.73vw;
	}
	.mv-wrap .mv .copy .left,.mv-wrap .mv .copy .right{
		width:0.26vw;
		height: 13.96vw;
	}
	.mv-wrap .mv .copy .left{
		top: 0;
		left: -0.73vw
	}
	.mv-wrap .mv .copy .right{
		top: 0;
		right: -0.73vw;
	}
	.mv-wrap .mv .copy p{
		font-size: 1.56vw;
		padding: 0.52vw 1.04vw;
	}
	.mv-wrap .mv .copy h1{
		font-size: 2.71vw;
	}
	.mv-wrap .mv .copy h1 span{
		font-size: 2.81vw;
	}
	.mv-wrap .mv .mv-img{
		width: 100%;
		height: 31.25vw;
	}
	.mv-wrap .mv .mv-img img{
		width: 100%;
		height: 100%;
		object-position: center -14.97vw;
	}
	.mv-wrap .mv-txt{
		padding: 1.82vw 8vw;
	}
	.mv-wrap .mv-txt h2{
		font-size: 1.56vw;
		margin-bottom: 0.63vw;
	}
	.mv-wrap .mv-txt h2 span{
		font-size: 1.77vw;
	}
	.mv-wrap .mv-txt h2 span{
		font-size: 1.77vw;
	}
	.mv-wrap .mv-txt p.txt{
		width: 28.23vw;
		margin-bottom: 0.21vw;
		font-size: max(0.83vw, 13px);
		text-align: justify;
	}
	.mv-wrap .mv-txt .achievement .flex-box:first-of-type{
		margin-right: 1.04vw;
	}
	.mv-wrap .mv-txt .achievement h3{
		font-size: 0.83vw;
		margin-right: 1.25vw;
	}
	.mv-wrap .mv-txt .achievement h3::before{
		width: 8.07vw;
		height: 0.42vw;
		bottom: 0;
	}
	.mv-wrap .mv-txt .achievement h4{
		padding: 0.1vw 0.52vw;
		font-size: 0.94vw;
		margin-right: 0.52vw;
	}
	.mv-wrap .mv-txt .achievement p{
		font-size: 1.35vw;
	}
	.mv-wrap .mv-txt .achievement p span{
		font-size: 2.08vw;
	}
	.mv-wrap .president{
		width: 25vw;
		bottom: 0;
		right: 12.69vw;
	}
	.mv-wrap .president .fukidashi{
		width: 10vw;
		height: auto;
		right: -5vw;
		bottom: 26vw;
	}
	.mv-wrap .president .name{
		font-size: 1.04vw;
		right: -2vw;
		top: 26.5vw;
		padding: 0.26vw 0.73vw;
	}
	.mv-wrap .president .name .ceo{
		font-size:0.63vw;
		margin-right: 0.31vw;
	}
}
@media screen and (min-width:768px) and ( max-width:1200px) {
	.mv-wrap .mv-txt .inner{
		width:750px;
	}
	.mv-wrap .mv .copy{
		top: 62px;
		left: 213px;
		padding: 25px 21px;
	}
	.mv-wrap .mv .copy .top,.mv-wrap .mv .copy .bottom{
		width:385px;
		height: 3px;
		right: 0;
		left:0;
		margin: 0 auto;
	}
	.mv-wrap .mv .copy .top{
		top: -10px;
	}
	.mv-wrap .mv .copy .bottom{
		bottom: -10px;
	}
	.mv-wrap .mv .copy .left,.mv-wrap .mv .copy .right{
		width:4px;
		height: 167px;
	}
	.mv-wrap .mv .copy .left{
		top: 0;
		left: -10px;
	}
	.mv-wrap .mv .copy .right{
		top: 0;
		right: -10px;
	}
	.mv-wrap .mv .copy p{
		font-size: 18px;
		padding: 6px 12px;
	}
	.mv-wrap .mv .copy h1{
		font-size: 32px;
	}
	.mv-wrap .mv .copy h1 span{
		font-size: 33px;
	}
	.mv-wrap .mv .mv-img{
		width: 100%;
		height: 380px;
	}
	.mv-wrap .mv .mv-img img{
		width: 100%;
		height: 100%;
		object-position: center -14.97vw;
	}
	.mv-wrap .mv-txt{
		padding: 25px 0;
	}
	.mv-wrap .mv-txt h2{
		font-size: 18px;
		margin-bottom: 8px;
	}
	.mv-wrap .mv-txt h2 span{
		font-size: 24px;
	}
	.mv-wrap .mv-txt p.txt{
		width: 385px;
		margin-bottom: 3px;
		font-size:13px;
	}
	.mv-wrap .mv-txt .achievement .flex-box:first-of-type{
		margin-right: 14px;
	}
	.mv-wrap .mv-txt .achievement h3{
		font-size: 11px;
		margin-right: 17px;
	}
	.mv-wrap .mv-txt .achievement h3::before{
		width: 110px;
		height: 5px;
		bottom: 0;
	}
	.mv-wrap .mv-txt .achievement h4{
		padding: 1.2px 6px;
		font-size: 10px;
		margin-right: 0.52vw;
	}
	.mv-wrap .mv-txt .achievement p{
		font-size: 16px;
	}
	.mv-wrap .mv-txt .achievement p span{
		font-size: 24px;
	}
	.mv-wrap .president{
		width: 331px;
		bottom: 0;
		right: 140px;
	}
	.mv-wrap .president .fukidashi{
		width: 130px;
		height: auto;
		right: -60px;
		bottom: 344px;
	}
	.mv-wrap .president .name{
		font-size: 13px;
		right: -12px;
		top: 294px;
		padding: 3px 9px;
	}
	.mv-wrap .president .name .ceo{
		font-size:8px;
		margin-right: 4px;
	}
}
/*--------sp--------*/
@media screen and (max-width:767px) {
	section .inner{
		padding: 10.67vw 4vw 12.27vw;
	}
	.mv-wrap .mv .copy{
		position: absolute;
		width: 88.53vw;
		top: 24vw;
		left: 0;
		right: 0;
		margin: 0 auto;
		padding: 5.33vw 6.2vw;
	}
	.mv-wrap .mv .copy .top,.mv-wrap .mv .copy .bottom{
		width: 88.27vw;
		height: 2px;
		right: 0;
		left:0;
		margin: 0 auto;
	}
	.mv-wrap .mv .copy .top{
		top: -1.87vw;
	}
	.mv-wrap .mv .copy .bottom{
		bottom: -1.87vw;
	}
	.mv-wrap .mv .copy .left,.mv-wrap .mv .copy .right{
		width: 2px;
		height: 39.47vw;
	}
	.mv-wrap .mv .copy .left{
		top: 0;
		left: -1.87vw;
	}
	.mv-wrap .mv .copy .right{
		top: 0;
		right: -1.87vw;
	}
	.mv-wrap .mv .copy p{
		display: inline-block;
		font-size: 4.4vw;
		padding: 2.0vw 4vw 1.73vw;
		border-radius: 7px;
		margin-bottom: 2.13vw;
	}
	.mv-wrap .mv .copy h1,	.mv-wrap .mv .copy h1 span{
		font-size: 7.15vw;
		letter-spacing: 0.02em;
		display: inline-block;
	}
	.mv-wrap .mv .mv-img{
		width: 100%;
		height: 146.67vw;
	}
	.mv-wrap .mv-txt{
		padding: 8vw 0;
	}
	.mv-wrap .mv-txt h2{
		font-size: 5.33vw;
		margin-bottom: 2vw;
		line-height: 1.3;
	}
	.mv-wrap .mv-txt h2 span{
		font-size: 5.33vw;
	}
	.mv-wrap .mv-txt p.txt{
		margin-bottom: 5vw;
		font-size: 4vw;
		text-align: justify;
	}
	.mv-wrap .mv-txt .achievement{
		flex-direction: column;
	}
	.mv-wrap .mv-txt .achievement .sp-flex{
		display: flex;
	}
	.mv-wrap .mv-txt .achievement .sp-flex .flex-box:first-of-type{
		margin-right: 4vw;
	}
	.mv-wrap .mv-txt .achievement h3{
		font-size: 4.27vw;
	}
	.mv-wrap .mv-txt .achievement h3::before,.mv-wrap .mv-txt .achievement h3::after{
		position: relative;
		display: inline-block;
		content: "";
		background: var(--txtcolor);
		width: 2px;
		height: 5.33vw;
		border-radius: 10px;
		margin: 0 1em;
		margin-top: -.2em;
		vertical-align: middle;
	}
	.mv-wrap .mv-txt .achievement h3::before{
	transform: rotate(-30deg);
	}
	.mv-wrap .mv-txt .achievement h3::after{
		transform: rotate(30deg);
	}
	.mv-wrap .mv-txt .achievement h3{
		font-size: 4.27vw;
		line-height: 1;
	}
	.mv-wrap .mv-txt .achievement h4{
		padding: 0.53vw 2.13vw;
		font-size: 4.27vw;
		margin-right: 1.87vw;
	}
	.mv-wrap .mv-txt .achievement p{
		font-size: 4.8vw;
	}
	.mv-wrap .mv-txt .achievement p span{
		font-size: 8.8vw;
	}
	.mv-wrap .president{
		width: 55vw;
		height: auto;
		position: absolute;
		bottom: 0;
		right: 7.67vw;
	}
	.mv-wrap .president .fukidashi{
		width: 32vw;
		height: auto;
		right: 40vw;
		bottom: 52vw;
	}
	.mv-wrap .president .name{
		position: absolute;
		font-size: 4vw;
		left: -20vw;
		top: 56vw;
		padding: 1.33vw 3.73vw;
	}
	.mv-wrap .president .name .ceo{
		font-size:2.93vw;
		margin-right: 1.07vw;
	}
}
/*------------------------
売却の理由は人それぞれ
------------------------*/
/*--------共通--------*/
	#sales-way{
		background-image: url("/file/img/common/bg-check.jpg");
	}
	#sales-way .way{
		border: 5px solid #f7dbab;
		border-radius: 10px;
		background: #fff;
	}
	#sales-way .way .icon{
		margin: 0 auto;
	}
	#sales-way .way h3{
		font-weight: bold;
		color: var(--orange2);
		line-height: 1.3;
		margin: 0 auto;
		text-align: center;
	}
	#sales-way .way li{
		position: relative;
		list-style: none;
		line-height: 1.5;
		letter-spacing: 0.09rem;
	}
	#sales-way .way li::before{
		content: "";
		display: block;
		width: 4px;
		height: 4px;
		border-radius: 50%;
		background: #1c1c1c;
		position: absolute;
		left: 2px;
		top: calc(0.75em - 3px);
	}
	/* はじめて売却をする人へ */
	#sales-way .beginner-box{
		margin: 0 auto;
		justify-content: center;
	}
	#sales-way .beginner-box a{
		transition: 0.3s all ease;
		position: relative;
	}
	#sales-way .beginner-box a:hover {
		opacity: 0.85;
	}
	#sales-way .beginner-box h3{
		background: #ea9009;
		font-weight: bold;
		color: #fff;
		position: relative;
	}
	#sales-way .beginner-box ul{
		background: #fff6e8;
		border: 3px solid #ea9009;
		border-radius: 0 0 10px 10px;
		position: relative;
	}
	#sales-way .beginner-box ul li{
		font-weight: bold;
		position: relative;
	}
	#sales-way .beginner-box ul li::before{
		content: "";
		display: block;
		border-radius: 50%;
		position: absolute;
		top: calc(0.75em - 6px);
	}
/*--------pc--------*/
@media screen and (min-width:768px) {
	#sales-way{
		background: url("/file/img/common/bg-check.jpg") repeat;
	}
	#sales-way .inner{
		padding:65px 0 70px ;
	}
	#sales-way .inner .flex-box{
		justify-content: space-between;
		align-items: stretch;
		margin-bottom: 60px;
	}
	#sales-way .way{
		padding: 25px 20px 30px;
		border: 5px solid #f7dbab;
		width: 288px;
		border-radius: 10px;
		background: #fff;
	}
	#sales-way .way .icon{
		width: 92px;
		margin: 0 auto;
		margin-bottom: 15px;
	}
	#sales-way .way h3{
		font-size: 22px;
		font-weight: bold;
		color: var(--orange2);
		line-height: 1.3;
		margin: 0 auto;
		text-align: center;
		margin-bottom: 8px;
	}
		#sales-way .beginner-box h3::after{
		position: absolute;
		content: "";
		display: inline-block;
		background: url("/file/img/index/beginner-fukidashi.svg") no-repeat;
		background-position: center;
		background-size: contain;
	}
	#sales-way .way ul{
		margin-bottom: 20px;
	}
	#sales-way .way li{
		position: relative;
		list-style: none;
		line-height: 1.5;
		padding-left: 10px;
		font-size: 14px;
		letter-spacing: 0.09rem;
		margin-bottom: 3px;
	}
	#sales-way .way li::before{
		content: "";
		display: block;
		width: 4px;
		height: 4px;
		border-radius: 50%;
		background: #1c1c1c;
		position: absolute;
		left: 2px;
		top: calc(0.75em - 3px);
	}
	#sales-way .way .btn a{
		justify-content: flex-start;
	}
	/* はじめて売却をする人へ */
	#sales-way .beginner-box{
		margin: 0 auto;
		justify-content: center;
		display: flex;
	}
	#sales-way .beginner-box a::after{
		position: absolute;
		content: "";
		display: inline-block;
		background: url("/file/img/index/beginner.svg") no-repeat;
		background-position: center;
		background-size: contain;
		width: 140px;
		height: 157px;
		left: 18px;
		bottom: 3px;
	}
	#sales-way .beginner-box a:hover {
		opacity: 0.85;
	}
	#sales-way .beginner-box h3{
		font-size: 22px;
		padding: 8px 0 2px;
		border-radius: 10px 10px 0 0;
		text-align: center;
	}
	#sales-way .beginner-box h3 span{
		font-size: 22px;
	}
	#sales-way .beginner-box h3::after{
		width: 133px;
		height: 40px;
		right: 30px;
		top: -15px;
	}
	#sales-way .beginner-box ul{
		padding: 15px 180px 15px 165px;
		border-radius: 0 0 10px 10px;
	}
	#sales-way .beginner-box ul::before {
		position: absolute;
		content: '';
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #ea9009;
		border-radius: 50%;
		width: 38px;
		height: 38px;
		border-radius: 50%;
		right: 18px;
		top: 28px;
	}
	#sales-way .beginner-box ul::after {
		position: absolute;
		content: "";
		display: inline-block;
		background: url("/file/img/common/arrow-white.svg") no-repeat;
		background-position: center;
		background-size: contain;
		z-index: 1;
		transition: right 0.3s ease;
		width: 11px;
		height: 9px;
		top: 43px;
		right: 31px;
	}
	#sales-way .beginner-box a:hover ul::before,#sales-way .beginner-box a:hover ul::after{
		transform: scale(1);
		transition: transform 0.3s ease;
	}
	#sales-way .beginner-box a:hover ul::before,#sales-way .beginner-box a:hover ul::after{
		transform: scale(0.8);
		transition: transform 0.3s ease;
	}
	#sales-way .beginner-box ul li{
		font-size: 15px;
		padding-left: 20px;
	}
	#sales-way .beginner-box ul li::before{
		width: 6px;
		height: 6px;
		left: 2px;
		border: #8bc0b9 3px solid;
	}
	}
/*--------sp--------*/
@media screen and (max-width:767px) {
	#sales-way .inner .flex-box{
		flex-direction: column;
		gap: 4vw;
		margin-bottom: 8.53vw;
	}
	#sales-way .way{
		padding: 4vw 2.67vw;
		width: 100%;
	}
	#sales-way .way .icon{
		width: 16vw;
		margin-bottom: 3.2vw;
	}
	#sales-way .way h3{
		font-size: 5.33vw;
		margin-bottom: 2.13vw;
	}
	#sales-way .way ul{
		margin-bottom: 4%;
	}
	#sales-way .way li{
		padding-left: 3.6vw;
		font-size: 3.73vw;
		margin-bottom: 1.07vw;
	}
		#sales-way .way .btn a{
		width: 57.6vw;
		height: 13.33vw;
		padding: 0 4.8vw 0 4.8vw;
		font-size: 4vw;
		background: var(--green);
	}
	#sales-way .way .btn a::after{
	background: url("/file/img/common/arrow-green.svg") no-repeat;
	background-position: center;
	background-size: contain;
	}
	/* はじめて売却をする人へ */
	#sales-way .beginner-box{
		margin: 0 auto;
		justify-content: center;
	}
	#sales-way .beginner-box a::after{
		position: absolute;
		content: "";
		display: inline-block;
		width: 18.8vw;
		height: 21.07vw;
		left: 71.47vw;
		bottom: 3px;
		background: url("/file/img/index/beginner.svg") center center / contain no-repeat;
		background-position: center center;
	}
	#sales-way .beginner-box a:hover {
		opacity: 0.85;
	}
	#sales-way .beginner-box h3{
		font-size: 5.07vw;
		padding: 4vw 0 2vw 4vw;
		border-radius: 10px 10px 0 0;
	}
	#sales-way .beginner-box h3::before{
		width: 7.33vw;
		height: 7.33vw;
		border-radius: 50%;
		flex-shrink: 0;
		right: 3.5vw;
		position: absolute;
		content: '';
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #fff;
		border-radius: 50%;
		flex-shrink: 0;
	}
		#sales-way .beginner-box h3::after{
		width: 3vw;
		height: 2.53vw;
		top: 7.47vw;
		right: 5.6vw;
		position: absolute;
		content: "";
		display: inline-block;
		background: url("/file/img/common/arrow-orange.svg") no-repeat;
		background-position: center;
		background-size: contain;
		z-index: 1;
	}
	#sales-way .beginner-box ul{
		padding: 4vw 3.33vw;
		border-radius: 0 0 10px 10px;
	}
	#sales-way .beginner-box a:hover ul::before,#sales-way .beginner-box a:hover ul::after{
		transform: scale(1);
		transition: transform 0.3s ease;
	}
	#sales-way .beginner-box a:hover ul::before,#sales-way .beginner-box a:hover ul::after{
		transform: scale(0.8);
		transition: transform 0.3s ease;
	}
	#sales-way .beginner-box ul li{
		font-size: 3.73vw;
		padding-left: 4.67vw;
		margin-bottom: 1vw;
		font-weight: 600;
		letter-spacing: 0.05em;
	}
	#sales-way .beginner-box ul li::before{
		width: 1.87vw;
		height: 1.87vw;
		left: 0.53vw;
		border: #8bc0b9 2px solid;
	}
}
@media screen and (min-width:768px) and ( max-width:1020px) {
	.reason .inner {
		width: 960px;
	}
}
/*------------------------
お知らせ
------------------------*/
/*--------共通--------*/
	#news .container{
		justify-content: space-between;
	}
	#news .ttl-wrap h2{
		font-weight: 600;
	}
	#news .item{
	position: relative;
	}
	#news .item a{
	border-bottom: 1px solid #c5c5c5;
	width: 100%;
	align-items: center;
	display: block;
	}
	/* #news .item:first-child a{
	border-top: 1px solid #c5c5c5;
	} */
	#news .item .information{
    align-items: center;
	}
	#news .item span.category{
	background: #3c3c3c;
	color: #fff;
	}
	#news .item h2{
	flex: 1 1 0;
	min-width: 0;
	line-height: 1.2;
	}
/*--------pc--------*/
@media screen and (min-width:768px) {
	#news .inner{
		padding: 50px 0 60px;
	}
	#news .container{
		justify-content: space-between;
	}
	#news .ttl-wrap{
		width: 30%;
		margin-right: 50px;
	}
	#news .archive-wrap{
		width: 79%;
	}		
	#news .ttl-wrap h2{
		font-size: 30px;
		margin-bottom: 20px;
	}
	#news .ttl-wrap .btn-box a{
	margin: 0;
	width: 200px;
	height: 50px;
	justify-content: flex-start;
	font-size: 16px;
	border-radius: 50px;
	cursor: pointer;
	display: flex;
    align-items: center;
    color: #fff;
    font-weight: 500;
    border: none;
    text-decoration: none;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    background-color: var(--txtcolor);
	padding-left: 20px;
	}
	#news .ttl-wrap .btn-box a::before{
	width: 35px;
	height: 35px;
	border-radius: 50%;
	flex-shrink: 0;
	right: 6px;
	transform: scale(1);
    position: absolute;
    content: '';
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
	}
	#news .ttl-wrap .btn-box a::after{
    position: absolute;
    content: "";
    display: inline-block;
	background: url("/file/img/common/arrow-black.svg") no-repeat;
	background-position: center;
	background-size: contain;
	width: 12px;
	height: 10px;
	z-index: 1;
	right: 17px;
    transform: scale(1);
	}
	#news .ttl-wrap .btn-box:hover a::before,#news .ttl-wrap .btn-box:hover a::after{
	transform: scale(0.8);
	transition: transform 0.3s ease;
	}
	#news .item{
	position: relative;
	}
	#news .item::before{
	content: '';
	position: absolute;
	right: 6px;
	top: 50%;
	transform: translateY(-50%) scale(1);
	background-color: var(--green);
	border-radius: 50%;
	width: 35px;
	height: 35px;
	transition: 0.3s all;
	}
	#news .item::after{
	content: '';
	position: absolute;
	right: 18px;           /* もともと指定していた位置 */
	top: 50%;              /* 親要素の高さの50% */
	transform: translateY(-50%) scale(1);
	background: url("/file/img/common/arrow-white.svg") no-repeat center;
	background-size: contain;
	width: 11px;
	height: 9px;
	transition: 0.3s all;
	}
	#news .item:hover h2{
		color: var(--green);
	}
	#news .item:hover::before,#news .item:hover::after{
 	 transform: translateY(-50%) scale(0.9);
	}
	#news .item a{
	padding: 18px 0 10px;
	width: 100%;
	}
	#news .item .information{
    margin-bottom: 10px;
	}
	#news .item .information .date{
	margin-right: 7px;
	}
	#news .item span.category{
	transition: 0.3s all;
	}
	#news .item:hover span.category{
		opacity: 0.8;
	}
	#news .item span.category{
	font-size: 13px;
	padding: 6px 10px;
	margin: -7px 0 7px 7px;
	border-radius: 7px;
	transition: 0.3s all;
	}
	#news .item h2{
	transition: 0.3s all;
	padding-right: 70px;
	text-align: justify;
	line-height: 1.5;
	}
}
/*--------sp--------*/
@media screen and (max-width:767px) {
	#news .inner{
        padding: 8vw 4vw 10vw;
	}
	#news .container{
		flex-direction: column;
	}
	#news .ttl-wrap{
		margin-bottom: 2.8%;
        display: flex;
        align-items: baseline;
	}
	#news .ttl-wrap h2{
        font-size: 5.33vw;
        margin-right: 4vw;
	}
	#news .ttl-wrap .btn-box a{
		display: flex;
		align-items: center;
		font-size: 4vw;
	}
	#news .ttl-wrap .btn-box a::after{
        display: block;
        content: '';
        width: 4px;
        height: 4px;
        border-top: 2px solid var(--green);
        border-right: 2px solid var(--green);
        transform: rotate(45deg);
        margin-left: 1.4vw;
	}
	#news .archive-wrap{
		width: 100%;
	}	
	#news .item a{
		padding: 3.2vw 0;
        display: block;
        text-align: justify;
	}
	#news .item span.category{
        font-size: 2.93vw;
        padding: 1.07vw 2vw;
		margin: -0.5vw 0 0.5vw 1vw;
        border-radius: 5px;
        display: inline-block;
	}
	#news .item .information{
    margin-bottom: 1.2vw;
	}
	#news .item .information .date{
	margin-right: 1.2vw;
	}
	#news .item h2{
        line-height: 1.3;
        font-size: 3.73vw;
	}
}
/*------------------------
選ばれる理由
------------------------*/
/*--------共通--------*/
	#reason-wrap{
		background: var(--bg-beige);
	}
	#reason-wrap .reason ul{
		justify-content: space-between;
	}
	#reason-wrap .reason li{
		position: relative;
	}
	#reason-wrap .reason-img{
		margin: 0 auto;
		overflow: hidden;
		clip-path: polygon(
		  50% 0%,       /* 屋根の頂点 */
		  100% 16.8%,   /* 右屋根の端（35px） */
		  100% 100%,    /* 右下角 */
		  0% 100%,      /* 左下角 */
		  0% 16.8%      /* 左屋根の端（35px） */
		);
	}
	#reason-wrap .reason-img img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}
	#reason-wrap .reason h3{
		font-weight: 600;
		text-align: center;
	}
	#reason-wrap p.num{
		position: absolute;
		font-weight: 600;
		color: #e5c883;
		opacity: 0.8;
		line-height: 1;
		text-transform: uppercase;
		z-index: 1;
	}
	#reason-wrap p.txt{
		text-align: justify;
		line-height: 1.7;
	}
	#reason-wrap .reason .btn a{
		text-align: center;
		background-color: var(--txtcolor);
	}
	#reason-wrap .reason .btn a::after {
		background: url("/file/img/common/arrow-black.svg") no-repeat;
		background-position: center;
		background-size: contain;
		z-index: 1;
	}
	/* 充実の売却サポート */
	#reason-wrap .support .support-ttl{
		position: relative;
	}
	#reason-wrap .support-box{
		position: relative;
		z-index: 1;
	}
	#reason-wrap .support-box::before{
		position: absolute;
		content: '';
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #f7f4eb;
		border-radius: 50%;
		flex-shrink: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: -1;
	}
	#reason-wrap .support-box .support-img img{
		object-fit: cover;
		width: 100%;
		height: 100%;
		border-radius: 10px;
	}
	#reason-wrap .support-box h4{
		font-weight: 600;
		line-height: 1.3;
		text-align: center;
	}
	#reason-wrap .support-box h4 span{
		color:var(--orange2) ;
		font-weight: bold;
	}
	#reason-wrap .support-box h4.other{
		font-weight: bold;
	}
	#reason-wrap .support-box h4.other span{
		font-weight: 600;
		color: var(--txtcolor);
	}
	#reason-wrap .support-box li{
		position: relative;		
	}
	#reason-wrap .support-box li:not(.more):before{
		content: "";
		display: block;
		border-radius: 50%;
		border: #d4ac43 2px solid;
		position: absolute;
		top: calc(0.75em - 6px);
	}
	#reason-wrap .support-box::after{
		position: absolute;
		content: "";
		display: inline-block;
		background-position: center;
		background-size: contain;
		right: 0;
		left: 0;
		margin: 0 auto;
	}
	#reason-wrap .support-box:first-of-type::after{
		background: url("/file/img/index/icon_support01.svg") no-repeat;
		background-position: center;
		background-size: contain;
	}
	#reason-wrap .support-box:nth-of-type(2)::after{
		background: url("/file/img/index/icon_support02.svg") no-repeat;
		background-position: center;
		background-size: contain;
	}
	#reason-wrap .support-box:nth-of-type(3)::after{
		background: url("/file/img/index/icon_support03.svg") no-repeat;
		background-position: center;
		background-size: contain;
	}
	#reason-wrap .support-box:nth-of-type(4)::after{
		background: url("/file/img/index/icon_support04.svg") no-repeat;
		background-position: center;
		background-size: contain;
	}
	/* 当社について */
	.company-box{
		background: #fff;
	}
	.company-box h3{
		font-weight: 600;
		position: relative;
	}
	.company-box h3::after{
		position: absolute;
		content: "";
		display: inline-block;
		background: url("/file/img/common/logo.png") no-repeat;
		background-position: center;
		background-size: contain;
	}
	.company-box .txt h4{
		font-weight: 500;
		line-height: 1;
	}
	.company-box .txt .btn a{
		color: var(--txtcolor);
		background-color: #e3db94;
		font-weight: 500;
		position: relative;
	}
	.company-box .txt .btn a::after {
		position: absolute;
		content: "";
		display: inline-block;
		background: url("/file/img/common/arrow-black.svg") no-repeat;
		background-position: center;
		background-size: contain;
		z-index: 1;
	}
/*--------pc--------*/
@media screen and (min-width:768px) {
	#reason-wrap .inner{
		padding: 70px 0;
	}
	#reason-wrap .reason-box{
		background:#fff;
	}
	#reason-wrap .reason-box{
		border-radius: 10px;
		padding: 40px 35px;
		margin-bottom: 40px;
	}
	#reason-wrap .reason{
		margin-bottom: 50px;
	}
	#reason-wrap .reason ul{
		justify-content: space-between;
		gap: 60px;
		margin-bottom: 30px;
	}
	#reason-wrap .reason-img{
		margin: 0 auto;
		margin-bottom: 20px;
		width: 250px;
		height: 208px;
		overflow: hidden;
	}
	#reason-wrap .reason-img img{
		width: 100%;
		height: 100%;
	}
	#reason-wrap .reason h3{
		font-size: 24px;
		margin-bottom: 10px;
	}
	#reason-wrap p.num{
		top: -14px;
		left: 20px;
		font-size: 27px;
		opacity: 0.8;
	}
	#reason-wrap p.num span{
		font-size: 72px;
	}
	#reason-wrap .reason .btn a{
		width: 330px;
		height: 60px;
		padding: 0 10px 0 20px;
	}
	#reason-wrap .reason .btn a::before {
		width: 44px;
		height: 44px;
	}
	#reason-wrap .reason .btn a::after {
		background: url("/file/img/common/arrow-black.svg") no-repeat;
		background-position: center;
		background-size: contain;
		width: 12px;
		height: 10px;
		z-index: 1;
		right: 21px;
	}
	/* 充実の売却サポート */
	#reason-wrap .support .support-ttl{
		position: relative;
	}
	#reason-wrap .support .support-ttl::after{
		position: absolute;
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-color: var(--green) transparent transparent transparent;
		border-width: 26px 32px 0px 32px;
		border-bottom: 0;
		bottom: -26px;
		right: 0;
		left: 0;
		margin: 0 auto;
	}
	#reason-wrap .support h3{
		text-align: center;
		font-weight: 600;
		padding: 17px 0;
		background: var(--green);
		position: relative;
		color: #fff;
		font-size: 28px;
		border-radius: 10px;
		z-index: 1;
		margin-bottom: 40px;
	}
	#reason-wrap .support h3 span.pc{
		display: inline-block;
	}
	#reason-wrap .support h3 span.point{
		color: #fff25d;
	}
	#reason-wrap .support h3::before{
		position: absolute;
		content: "";
		display: inline-block;
		width: 300px;
		height: 96px;
		background: url("/file/img/index/suppotttl_left.svg") no-repeat;
		background-position: center;
		background-size: contain;
		z-index: -1;
		left: 7px;
		bottom: 0;
	}
	#reason-wrap .support h3::after{
		position: absolute;
		content: "";
		display: inline-block;
		width: 300px;
		height: 96px;
		background: url("/file/img/index/suppotttl_right.svg") no-repeat;
		background-position: center;
		background-size: contain;
		z-index: -1;
		right: 7px;
		bottom: 0;
	}
	#reason-wrap .support .flex-box{
		gap: 16px;
		align-items: stretch;
		justify-content: space-between;
		margin-top: 70px;
	}
	#reason-wrap .support-box{
		background: #f7f4eb;
		padding: 20px 15px 30px;
		position: relative;
		border-radius: 10px;
		z-index: 1;
	}
	#reason-wrap .support-box::before{
		width: 98px;
		height: 98px;
		background-color: #f7f4eb;
		border-radius: 50%;
		flex-shrink: 0;
		top: -50px;
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: -1;
	}
	#reason-wrap .support-box .support-img{
		width: 236px;
		height: 150px;
		margin-bottom: 15px;
	}
	#reason-wrap .support-box .support-img img{
		border-radius: 10px;
	}
	#reason-wrap .support-box h4{
		font-weight: 600;
		font-size: 22px;
		margin-bottom: 10px;
		line-height: 1.3;
		text-align: center;
	}
	#reason-wrap .support-box h4 span{
		font-size: 28px;
	}
	#reason-wrap .support-box h4.other{
		font-size: 28px;
	}
	#reason-wrap .support-box h4.other span{
		font-weight: 600;
		font-size: 22px;
	}
	#reason-wrap .support-box ul{
		padding-left: 16px;
	}
	#reason-wrap .support-box li{
		font-size: 18px;
	}
	#reason-wrap .support-box li::before{
		width: 7px;
		height: 7px;
		left: -15px;
		top: calc(0.75em - 6px);
	}
	#reason-wrap .support-box::after{
		right: 0;
		left: 0;
		top: 0;
		width: 40px;
		height: 35px;
		top: -36px;
	}
	#reason-wrap .support-box:first-of-type::after{
		background: url("/file/img/index/icon_support01.svg") no-repeat;
		background-position: center;
		background-size: contain;
	}
	#reason-wrap .support-box:nth-of-type(2)::after{
		background: url("/file/img/index/icon_support02.svg") no-repeat;
		background-position: center;
		background-size: contain;
	}
	#reason-wrap .support-box:nth-of-type(3)::after{
		background: url("/file/img/index/icon_support03.svg") no-repeat;
		background-position: center;
		background-size: contain;
	}
	#reason-wrap .support-box:nth-of-type(4)::after{
		background: url("/file/img/index/icon_support04.svg") no-repeat;
		background-position: center;
		background-size: contain;
	}
	/* 当社について */
	.company-box{
		padding: 30px;
		border-radius: 10px;
	}
	.company-box .info{
		margin-right: 30px;
	}
	.company-box h3{
		font-size: 26px;
		font-weight: 600;
		margin-bottom: 10px;
	}
	.company-box h3::after{
		width: 78px;
		height: 28px;
		right: 74px;
		bottom: 7px;
	}
	.company-box .img{
		width: 265px;
		height: 177px;
		margin-right: 25px;
		padding-right: 25px;
		border-right: 2px solid #e3db94;
	}
	.company-box .img img{
		border-radius: 10px;
	}
	.company-box .txt{
		width: 480px;
	}
	.company-box .txt h4{
		font-size: 19px;
		margin-bottom: 8px;
		line-height: 1;
	}
	.company-box .txt p{
		margin-bottom: 25px;
	}
	.company-box .txt .btn a{
		width: 200px;
		height: 50px;
		padding: 0 10px 0 20px;
		font-size: 16px;
		font-weight: 500;
		margin: 0;
	}
	.company-box .txt .btn a:first-of-type{
		margin-right: 20px;
	}
	.company-box .txt .btn a::after {
		width: 10px;
		height: 8px;
		right: 17px;
	}
}
/*--------sp--------*/
@media screen and (max-width:767px) {
	#reason-wrap .reason-box{
		margin-bottom: 40px;
	}
	#reason-wrap .reason{
	margin-bottom: 10.67vw;
	}
	#reason-wrap p.txt {
	font-size: 3.73vw;
}
	#reason-wrap .reason ul{
		flex-direction: column;
		gap: 8.8vw;
		margin-bottom: 6.4vw;
	}
	#reason-wrap .reason-img{
		width: 84vw;
		height: 63.07vw;
		overflow: hidden;
		position: relative;
		margin-bottom: 3.6%;
	}
	#reason-wrap .reason-img img{
		width: 100%;
		height: 100%;
	}
	#reason-wrap .reason h3{
		position: absolute;
		font-size: 4.8vw;
		text-align: left;
		line-height: 1.4;
		padding: 4vw 4vw 2vw 13vw;
		top: 45.07vw;
		background: var(--bg-beige);
		border-radius: 0 10px 0 0;
	}
		#reason-wrap .reason h3{
		position: absolute;
		font-size: 4.8vw;
		text-align: left;
		line-height: 1.4;
		padding: 4vw 4vw 2vw 13vw;
		top: 45.3vw;
		background: var(--bg-beige);
		border-radius: 0 10px 0 0;
	}
	#reason-wrap p.num{
		top: 43.2vw;
		left: -0.53vw;
		font-size: 6.13vw;
		line-height: 0.9;
	}
	#reason-wrap p.num span{
		font-size: 14.67vw;
	}
	#reason-wrap .reason .btn a::after {
		width: 3.2vw;
		height: 2.67vw;
		z-index: 1;
		right: 4.8vw;
	}
	/* 充実の売却サポート */
	#reason-wrap .support .support-ttl{
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#reason-wrap .support h3{
		text-align: center;
		font-weight: 600;
		position: relative;
		font-size: 5.6vw;
		line-height: 1.4;
	}
	#reason-wrap .support h3 span.sp-point {
		color: var(--green);
		font-size: 6.4vw;
	}
	#reason-wrap .support .support-ttl::before,#reason-wrap .support .support-ttl::after{
		position: relative;
		display: inline-block;
		content: "";
		background: var(--txtcolor);
		width: 2px;
		height: 8.33vw;
		border-radius: 10px;
		margin: 0 1em;
		margin-top: 1.8em;
		vertical-align: middle;
	}
	#reason-wrap .support .support-ttl::before{
		transform: rotate(-30deg);
	}
	#reason-wrap .support .support-ttl::after{
		transform: rotate(30deg);
	}
	#reason-wrap .support .flex-box{
		gap: 16vw;
		margin-top: 15vw;
		flex-direction: column;
	}
	#reason-wrap .support-box{
		width: 100%;
		background: #fff;
		padding: 4.8vw 4vw;
		position: relative;
		border-radius: 10px;
		z-index: 1;
	}
	#reason-wrap .support-box::before{
		width: 21.6vw;
		height: 21.6vw;
		background-color: #fff;
		border-radius: 50%;
		flex-shrink: 0;
		top: -11.47vw;
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: -1;
	}
	#reason-wrap .support-box .sp-flex{
		display: flex;
		gap: 3.2vw;
	}
	#reason-wrap .support-box .support-img{
		width: 33.07vw;
		height: 30.67vw;
	}
	#reason-wrap .support-box .support-img img{
		border-radius: 10px;
	}
	#reason-wrap .support-box h4{
		font-size: 5.33vw;
		margin-bottom: 2.67vw;
	}
	#reason-wrap .support-box h4 span{
		font-size: 5.87vw;
	}
	#reason-wrap .support-box h4.other{
		font-size: 28px;
	}
	#reason-wrap .support-box h4.other span{
		font-weight: 600;
		font-size: 22px;
	}
	#reason-wrap .support-box ul{
		padding-left: 16px;
	}
	#reason-wrap .support-box li{
		font-size: 3.73vw;
		letter-spacing: 0.05em;
	}
	#reason-wrap .support-box li.inline-block,#reason-wrap .support-box li span{
		display: inline-block;
	}
	#reason-wrap .support-box li::before{
		width: 1.87vw;
		height: 1.87vw;
		left: -4vw;
	}
	#reason-wrap .support-box::after{
		right: 0;
		left: 0;
		width: 9.07vw;
		height: 7.87vw;
		top: -8vw;
	}
	/* 当社について */
	.company-box{
		padding: 4.5% 4%;
		border-radius: 10px;
		flex-direction: column;
	}
	.company-box h3{
		font-size: 5.87vw;
		margin-bottom: 2.13vw;
		padding-left: 13.33vw;
	}
	.company-box h3::after{
		width: 17.07vw;
		height: 6.13vw;
		right: -19.67vw;
		bottom: 1.87vw;
	}
	.company-box .img{
		width: 100%;
		height: 46.4vw;
		margin-bottom: 4%;
	}
	.company-box .img img{
		height: 100%;
		width: 100%;
		border-radius: 10px;
	}
	.company-box .txt{
	}
	.company-box .txt h4{
		font-size: 4.8vw;
		margin-bottom: 2.2vw;
		line-height: 1;
	}
	.company-box .txt p{
		font-size: 3.73vw;
		margin-bottom: 4vw;
	}
	.company-box .txt .btn a{
		width: 200px;
		height: 50px;
		padding: 0 10px 0 20px;
		font-size: 16px;
		font-weight: 500;
		margin: 0;
	}
	.company-box .txt .btn a:first-of-type{
		margin-right: 20px;
	}
	.company-box .txt .btn a::after {
		width: 10px;
		height: 8px;
		right: 17px;
	}
	.company-box .info{
		margin-bottom: 4%;
	}
	.company-box .info p{
		font-size: 3.73vw;
	}
	.company-box .btn-box {
		margin: 0 auto;
	}
	.company-box .btn a{
		background-color: #e3db94;
		font-weight: 500;
		position: relative;
		color: var(--txtcolor);
	}
	.company-box .btn a:first-of-type {
		margin-bottom: 2.5vw;
	}
	.company-box .btn a::after {
		position: absolute;
		content: "";
		display: inline-block;
		background: url("/file/img/common/arrow-black.svg") no-repeat;
		background-position: center;
		background-size: contain;
		z-index: 1;
	}
}
/*------------------------
売却実績
------------------------*/
/*--------共通--------*/
	#achivement{
    background: url("/file/img/index/bg_achievements.jpg") no-repeat;
    background-size: cover;
	}
	#achivement .container{
		/* background: #fff; */
		border-radius: 10px;
		box-sizing: border-box;
		width: 100%;
	}
	#achivement .ttl{
		text-align: center;
	}
	#achivement .ttl h2{
		font-weight: bold;
		line-height: 1;
	}
	#achivement .achive-container .ttl-box {
        justify-content: space-between;
		align-items: center;
		border-bottom: 2px solid var(--green);
    }
	#achivement .number-box{
    display: flex;
    justify-content: center;
	}
	#achivement .number{
		border-radius: 10px;
		align-items: center;
	}
	#achivement .number h3{
		font-weight: 600;
		position: relative;
		background: #e6d5f6;
		line-height: 1;
	}
	#achivement .number p{
		font-weight: 500;
		line-height: 1.3;
	}
	#achivement .number p span{
		color: #f57418;
	}
    #achivement h3.archive-ttl {
		font-weight: 600;
    }
	#achivement .achive-box{
		border-bottom: 1px solid #c8c8c8;
	}
	#achivement .achive-box .txt{
		align-items: center;
		width: 100%;
		flex-wrap: wrap;
	}
	#achivement span.category{
		background: #3c3c3c;
		color: #fff;
		border-radius: 7px;
	}
	#achivement .achive-box h3{
		line-height: 1;
		flex: 1;
		font-weight: 500;
		text-align: justify;
	}
	#achivement .btn a{
		color: #fff;
	}
/*--------pc--------*/
@media screen and (min-width:768px) {
	#achivement .inner{
		padding: 70px 0;
	}
	#achivement .container{
		padding:0 60px;
	}
	#achivement .achive-container {
		box-sizing: border-box;
        width: 530px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        background: #fff;
        padding: 30px;
		border-radius: 10px;
	}
	/* #achivement .achive-container:not(:last-of-type){
		margin-bottom: 40px;
	} */
	#achivement .ttl{
		margin-bottom: 25px;
	}
	#achivement .ttl h2{
		font-size: 30px;
		margin-bottom: 16px;
	}
	#achivement .number-box{
		margin-bottom: 38px;
	}
	#achivement .number{
		border-radius: 10px;
		border: 1px solid var(--txtcolor);
	}
	#achivement .number:first-of-type{
		margin-right: 30px;
	}
	#achivement .number h3{
		font-size: 17px;
        padding: 18px 10px 18px;
        position: relative;
        border-radius: 10px 0 0 10px;
	}
	#achivement .number p{
        font-size: 20px;
        padding: 3px 30px 0;
        border-radius: 0 10px 10px 0;
        height: 53px;
		border-radius: 0 10px 10px 0;
		background: #fff;
	}
	#achivement .number p span{
		font-size: 34px;
	}
	#achivement .archive-block {
		justify-content: space-between;
		gap: 40px;
        align-items: stretch;
	}
	#achivement h3.archive-ttl{
		font-size: 24px;
        padding-bottom: 5px;
	}
	#achivement .achive-box{
        padding: 16px 0 14px;
        min-height: 116px;
        justify-content: space-between;
        gap: 40px;
    }
	#achivement span.category{
        font-size: 13px;
        padding: 6px 10px;
        border-radius: 7px;
        transition: 0.3s all;
        display: inline-block;
        margin-bottom: 5px;
	}
	#achivement .achive-wrap{
		margin-bottom: 24px;
	}
	#achivement .achive-box h3{
        line-height: 1.4;
        transition: 0.3s all;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
	}
	#achivement a.achive-box:hover .category{
		opacity: 0.8;
	}
	#achivement a.achive-box:hover .txt h3{
		color: var(--green);
	}
	#achivement .achive-box .btn{
	margin-top: auto;
	}
	#achivement .btn a{
		width: 290px;
		height: 58px;
		padding: 20px 0;
		font-size: 17px;
	}
	#achivement .btn a::before {
		width: 45px;
		height: 45px;
		transition: transform 0.3s ease;
	}
	#achivement .btn a::after {
		width: 12px;
		height: 10px;
		right: 21px;
		transition: transform 0.3s ease;
	}
}
/*--------sp--------*/
@media screen and (max-width:767px) {
	#achivement .ttl h2{
		font-size: 5.33vw;
		line-height: 1.4;
		position: relative;
		text-align: center;
		font-weight: 600;
	}
		#achivement .ttl h2::after{
		content: '';
		background: var(--green);
		width: 12vw;
		height: 4px;
		display: block;
		margin: 2.67vw auto 4vw;
	}
	#achivement .ttl p{
		text-align: center;
		font-size: 3.73vw;
		line-height: 1.6;
		letter-spacing: 0.02em;
	}
	/* #achivement .container{
		padding:8vw 4vw;
	} */
	#achivement .achive-container{
    background: #fff;
    padding: 4vw;
	border-radius: 10px;
	}
	#achivement .achive-container:not(:last-of-type){
		margin-bottom: 8vw;
	}
	#achivement .ttl{
		margin-bottom: 2.67vw;
	}
	#achivement .number-box{
		margin-bottom: 5.3vw;
	}
	#achivement .number{
		border-radius: 5px;
		border: 1px solid var(--txtcolor);
	}
	#achivement .number:first-of-type{
		margin-right: 4vw;
	}
	#achivement .number h3{
		font-size: 3.6vw;
        padding: 4.5vw 2vw;
        border-radius: 7px 0 0 7px;
        position: relative;
        letter-spacing: 0.04em;
	}
	#achivement .number p{
		font-size: 3.47vw;
        padding: 1.6vw 2vw;
        height: 12.6vw;
        background: #fff;
        border-radius: 0 7px 7px 0;
	}
	#achivement .number p span{
		font-size: 7vw;
	}
	#achivement .archive-block {
		flex-direction: column;
	}
	#achivement h3.archive-ttl{
        font-size: 4.8vw;
        padding-bottom: 1.3vw;
	}
	#achivement .achive-box{
		padding: 3.2vw 0;
	}
	#achivement .achive-box .txt{
		flex-direction: column;
		align-items: flex-start;
	}
	#achivement span.category{
		font-size: 2.93vw;
		padding: 1.07vw 2vw;
		margin-bottom: 0.8vw;
		border-radius: 5px;
		display: inline-block;
	}
	#achivement .achive-wrap{
		margin-bottom: 4vw;
	}
	#achivement .achive-box h3{
        line-height: 1.3;
        font-size: 3.73vw;
	}
	#achivement .btn a {
		width: 60vw;
		height: 12vw;
		padding: 0 4.8vw 0 4.8vw;
		font-size: 4vw;
		background-color: var(--txtcolor);
	}
	#achivement .btn a::before{
		width: 9vw;
		height: 9vw;
		border-radius: 50%;
		flex-shrink: 0;
		right: 1.5vw;
	}
	#achivement .btn a::after {
		width: 3vw;
		height: 2.5vw;
		right: 4.2vw;
		background: url("/file/img/common/arrow-black.svg") no-repeat;
		background-size: contain;
	}
}
/*------------------------
販売物件
------------------------*/
/*--------共通--------*/
	#estate .estate-box .img{
		position: relative;
		border-radius: 10px;
	}
	#estate .estate-box .img img{
		position: relative;
		border-radius: 10px;
	}
	#estate .estate-box .img img{
		object-fit: cover;
		width: 100%;
		height: 100%;
		border-radius: 10px;
	}
	#estate .flex-box .category{
		position: absolute;
		background: #3c3c3c;
		color: #fff;
		border-radius: 0 10px 0 10px;
		left: 0;
		bottom: 0;
	}
	#estate .estate-box h3{
		font-weight: 500;
	}
	#estate .estate-box .cost{
		align-items: center;
	}
	#estate .estate-box .cost strong{
		color: var(--orange1);
		font-weight: 600;
	}
	#estate .btn a{
		color: #fff;
	}
/*--------pc--------*/
@media screen and (min-width:768px) {
	#estate .inner{
		padding: 70px 0;
	}
	#estate .estate-wrap{
		flex-wrap: wrap;
		align-items: stretch;
		gap: 32px;
		margin-bottom: 30px;
	}
	#estate .estate-box{
		cursor: pointer;
        width: 276px;	
	}
	#estate .estate-box:nth-of-type(4n){
		margin-right: 0;
	}
	#estate .estate-box .img{
		width:276px;
		height: 260px;
		margin-bottom: 10px;
		overflow: hidden; 
	}
	#estate .estate-box .img img{
		width:276px;
		height: 260px;
		margin-bottom: 10px;
		transition: transform 0.3s ease;
	}
	#estate .estate-box:hover img{
		transform: scale(1.1);
	}
	#estate .flex-box .category{
		padding: 6px 12px;
		font-size: 13px;
	}
	#estate .estate-box h3{
		font-size:17px;
	}
	#estate .estate-box h3{
		font-size:17px;
	}
	#estate .estate-box .item span{
		font-size:14px;
	}
	#estate .estate-box .cost span{
		font-size:17px;
	}
	#estate .estate-box .cost strong{
		font-size: 22px;
	}
	#estate .btn a{
		width: 330px;
		height: 60px;
		padding: 20px 0;
		font-size: 20px;
	}
	#estate .btn a::before {
		width: 45px;
		height: 45px;
	}
	#estate .btn a::after {
		width: 12px;
		height: 10px;
		right: 21px;
	}
}
/*--------sp--------*/
@media screen and (max-width:767px) {
	#estate .inner{
		padding-right: 0;
		padding-left: 0;
	}
	#estate .ttl-box{
		padding: 0 4% 0;
	}
	#estate .estate-wrap{
		gap: 4.8vw;
		margin-left: 4%;
		margin-bottom: 8vw;
		overflow-x: scroll;
	}
	#estate .estate-box{
		cursor: pointer;
	}
	#estate .estate-box:nth-of-type(4n){
		margin-right: 0;
	}
	#estate .estate-box .img{
		width: 66.67vw;
		height: 44.53vw;
		margin-bottom: 2.67vw;
	}
	#estate .estate-box .img img{
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	#estate .flex-box .category{
		padding: 1.07vw 2.67vw;
		font-size: 3.2vw;
	}
	#estate .estate-box h3{
		font-size: 5.07vw;
		line-height: 1;
		margin-bottom: 0.5vw;
	}
	#estate .estate-box .item span{
		font-size:3.73vw;
	}
	#estate .estate-box .cost .num{
		font-size: 5.6vw;
		color: var(--orange2);
	}
}
/*------------------------
不動産コラム
------------------------*/
/*--------共通--------*/
	#column {
		background: var(--bg-beige);
	}
	#column .column-wrap  .img{
		position: relative;
		overflow: hidden;
		border-radius: 10px;
	}
	#column .column-wrap  .img img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 10px;
	}
	#column .column-wrap  .category{
		position: absolute;
		background: #3c3c3c;
		color: #fff;
		border-radius: 0 10px 0 10px;
		left: 0;
		bottom: 0;
	}
	#column .column-wrap  .date{
		line-height: 1;
	}
	#column .column-wrap  h2{
		font-weight: 600;
		line-height: 1.4;
	}
/*--------pc--------*/
@media screen and (min-width:768px) {
	#column .inner{
		padding: 70px 0;
	}
	#column .column-wrap {
		display:flex;
		gap: 60px;
		margin-bottom: 30px;
	}
	#column .column-wrap  .img{
		width: 360px;
		height: 240px;
		margin-bottom: 10px;
	}
	#column .column-wrap  .img img{
		transition: all 0.3s;
	}
	#column .column-wrap  a:hover img{
		transform: scale(1.1);
	}
	#column .column-wrap  .category{
		font-size: 14px;
		padding: 7px 20px;
	}
	#column .column-wrap  .date{
		font-size: 14px;
	}
	#column .column-wrap  h2{
		font-size: 18px;
		transition: 0.3s all ease;
	}
	#column .column-wrap  a:hover h2{
		color: var(--orange2);
	}
	#column .btn a{
		width: 330px;
		height: 60px;
		padding: 20px 0;
		font-size: 20px;
	}
	#column .btn a::before {
		width: 45px;
		height: 45px;
	}
	#column .btn a::after {
		width: 12px;
		height: 10px;
		right: 21px;
	}
}
/*--------sp--------*/
@media screen and (max-width:767px) {
	#column .column-wrap {
		margin-bottom: 8vw;
	}
	#column .column-wrap .img{
		margin-bottom: 1.33vw;
	}
	#column .column-wrap .category{
		padding: 1.07vw 2.67vw;
		font-size: 3.2vw;
	}
	#column .column-wrap .date{
		font-size: 3.47vw;
	}
	#column .column-wrap h2{
		font-size: 4.53vw;
	}
	/* slick上書き */
	#column .slick-arrow {
	width: 6.67vw;
	height: 12vw;
	background: var(--green);
	border: none;
	border-radius: 5px;
	position: absolute;
	left: -4vw;
	top: 0;
	bottom: 0;
	margin: auto;
	cursor: pointer;
	transition: all .3s ease 0s;
	z-index: 1;
}
	#column .slick-next {
	right: -4vw;
	left: auto;
}
	#column .slick-prev:before, #column .slick-next:before {
	content: '';
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 0%;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	opacity: 1;
	width: 6px;
	height: 6px;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
}
	#column .slick-next::before {
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	left: -3px;
}
}