@charset "UTF-8";

/* ------------------------------------------------
                    MV
--------------------------------------------------- */
.mv{
	padding: 20px 0 ;
	text-align: center;
	background: url(../../img/mv-bg.jpg) no-repeat;
	background-size: cover;
}

.mv .lead-txt{
	font-size:2.2rem;
	font-weight: 500;
	line-height: 1.1
}
.mv .lead-txt .l-txt{
	font-weight: 600;
	font-size:1.5em
}

.mv .top-txt{
	font-size:6.1rem;
	font-weight: 600;
	line-height: 1.6;
	margin: 2vw 0
}
.mv .top-txt .base{
	background: #fff;	
}
.mv .top-txt .base.l{
	padding-left:0.3em;
}
.mv .top-txt .base.r{
	padding-right:0.3em;
}

.mv .mv-inn-wrap{
	display: flex;
	align-items: center
}
.mv .mv-inn-wrap > div{
	width:50%
}
.mv .mv-inn-wrap .mv-point{
	display: flex;
	flex-wrap: wrap;
}
.mv .mv-inn-wrap .mv-point .point-item{
	width:37.5%;
	padding-left: 12.5%
}
.mv .mv-inn-wrap .mv-point .point-item:nth-child(3){
	margin-left: 18%
}
.mv .mv-inn-wrap .mv-point .point-item:nth-child(n+3){
	margin-top: -4%
}

@media (max-width: 1080px){
	.mv .top-txt{
	font-size:5.5vw;
	}
}

@media (max-width: 768px){
	.mv {
		padding: 6vw 0;
	}
	.mv .lead-txt{
		font-size:3.6vw;
		line-height: 1.2
	}
	.mv .top-txt{
		font-size:8.2vw;
	}
	.mv .top-txt .base{
		display: inline-block;
		width:70vw;
		line-height: 1.4
	}
	.mv .top-txt .base.l,
	.mv .top-txt .base.r{
		padding:0;
	}
	.mv .mv-inn-wrap{
		flex-direction: column
	}
	.mv .mv-inn-wrap > div{
		width:100%
	}
	.mv .mv-inn-wrap .mv-point{
		justify-content: space-between;
		margin-top: 2vw
	}
	.mv .mv-inn-wrap .mv-point .point-item{
		width:22%;
		padding-left:0
	}
	.mv .mv-inn-wrap .mv-point .point-item:nth-child(3){
		margin-left: 0
	}
	.mv .mv-inn-wrap .mv-point .point-item:nth-child(n+3){
		margin-top: 0
	}
	.mv .mv-inn-wrap .mv-img{
		padding: 0 5%
	}

}


/* ------------------------------------------------
                    lead
--------------------------------------------------- */
.lead{
	padding: 100px 0
}
.lead-top{
	padding-bottom:80px;
	border-bottom:1px solid #282828;
	text-align: center
}
.lead-top .top-txt{
	margin-bottom: 50px
}
.lead-top .top-txt .bubble{
	font-size:4.0rem;
	font-weight: 600;
	line-height: 2;
	padding:0.3em 1em;
	border-radius: 2em;
	position: relative;
	background: #ec7033
}
.lead-top .top-txt .bubble::after{
	position: absolute;
	content:'';
	width: 32px;
	height: 16px;
	background-color: #ec7033;
	clip-path: polygon(50% 16px, 0% 0%, 32px 0%);
	left:0;
	right:0;
	bottom:-16px;
	margin: auto
}
.lead-top .top-txt .l-txt{
	color:#fff;
	font-size:1.3em
}

.lead-top .check-list{
	display: inline-block;
	text-align: left;
}
.lead-top .check-list p{
	font-size:3.6rem;
	font-weight: 600;
	line-height: 1.2;
	padding-left: 1.5em;
	background: url("../../img/icon-check.svg") no-repeat;
	background-size:1em;
	background-position: top 0.2em left
}
.lead-top .check-list p:not(:first-child){
	margin-top: 0.5em
}

.lead-bottom{
	padding-top: 80px;
}

.lead-bottom .txt-wrap{
	padding: 40px;
	border-radius: 40px;
	font-size:2.4rem;
	line-height: 1.2
}
.lead-bottom .txt-wrap:first-child{
	width:78%
}
.lead-bottom .txt-wrap:last-child{
	margin: 40px 0 0 auto;
	width:85%
}
.lead-bottom .txt-wrap p+p{
	margin-top: 1.8em
}
.lead-bottom .txt-wrap .l-txt{
	font-size:1.4em;
	font-weight: 600
}
.lead-bottom .txt-wrap .l-txt.u-line{
	line-height: 2em;
	padding-bottom: 0.1em;
	border-bottom:2px solid #ec7033
}


@media (max-width: 1080px){
	.lead-top .top-txt .bubble{
		font-size:3.8vw;
		padding:0.3em 0.5em;
	}
	.lead-top .top-txt .bubble::after{
		bottom:-1.3vw
	}
	.lead-top .check-list p{
	font-size:3.6vw;
	}
}

@media (max-width: 768px){
	.lead{
		padding: 10vw 0
	}
	.lead-top{
	padding-bottom:10vw
	}
	.lead-top .top-txt{
		background: #ec7033;
		border-radius: 6.6vw;
		padding: 2vw 0;
		position: relative;
		margin-bottom: 8vw
	}
	.lead-top .top-txt .bubble{
		background: none;
		font-size:5.3vw;
		line-height: 1.2;
	}
	.lead-top .top-txt .bubble::after{
		position: inherit;
	}
	.lead-top .top-txt::after{
		position: absolute;
		content:'';
		width: 6vw;
		height: 3vw;
		background-color: #ec7033;
		clip-path: polygon(50% 3vw, 0% 0%, 6vw 0%);
		left:0;
		right:0;
		bottom:-3vw;
		margin: auto
	}

	.lead-top .check-list p{
		font-size:4.6vw;
	}
	.lead-bottom{
		padding-top: 10vw;
	}
	.lead-bottom .cont-inn{
		width:100%
	}

	.lead-bottom .txt-wrap{
		padding:5vw;
		border-radius: 5vw;
		font-size:4.0vw;
		font-weight: 500;
		line-height: 2
	}
	.lead-bottom .txt-wrap:first-child{
		width:95%;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0
	}
	.lead-bottom .txt-wrap:last-child{
		margin: 5vw 0 0 auto;
		width:95%;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0
	}
	.lead-bottom .txt-wrap p+p{
		margin-top: 1.em
	}
	.lead-bottom .txt-wrap .l-txt{
		font-size:1.5em;
		font-weight: 600
	}
	.lead-bottom .txt-wrap .l-txt.u-line{
		border-bottom:0.5vw solid #ec7033
	}

}


/* ------------------------------------------------
                    買取実績
--------------------------------------------------- */
.achievement{
	padding: 100px 0;
}
.achievement-wrap{
	display: flex;
	flex-wrap: wrap;
	gap:30px 20px;
	margin-bottom: 60px;
}
.achievement-wrap .achievement-item{
	width: calc((100% - 40px) / 3);
	display: flex;
	flex-direction: column;
	padding: 20px 15px;
	border:1px solid #dfdedb;
	border-radius: 20px;
	text-align: center;
}

.achievement-wrap .achievement-item a.achievement-img-wrap {
	width: 60%;
	max-width: 178px;
	margin: 15px auto 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.achievement-wrap .achievement-item img{
	/* box-shadow: 5px 10px 16px rgba(0, 0, 0, 0.2); */
}
.achievement-wrap .achievement-item .red-txt{
	font-size:2.6rem;
	font-weight: 600;
	border:2px solid #ec7033;
	color: #ec7033;
	text-align: center;
	font-feature-settings: "palt";
	margin-bottom: 10px;
}
.achievement-wrap .achievement-item .item-txt{
	font-size: 1.7rem;
	color: #282828;
	/* text-decoration: underline; */
}
@media (max-width: 1080px){
	.achievement-wrap .achievement-item .red-txt{
		font-size:2.2vw
	}
	.achievement-wrap .achievement-item .item-txt{
		font-size:1.5vw
	}
}

@media (max-width: 768px){
	.achievement{
		padding: 10vw 0
	}
	.achievement-wrap{
		display: flex;
		flex-wrap: wrap;
		gap:4vw 2.6vw;
		margin-bottom: 8vw
	}
	.achievement-wrap .achievement-item{
		width:calc((100% - 2.6vw)/2);
		padding: 4vw 2vw;
		border-radius: 2.6vw;

	}

	.achievement-wrap .achievement-item a.achievement-img-wrap {
		width: 60%;
		max-width: 178px;
		margin: 0 auto 3vw;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.achievement-wrap .achievement-item img{
		width: 70%;
		/* box-shadow: 1vw 1.5vw 2vw rgba(0, 0, 0, 0.2); */
	}
	.achievement-wrap .achievement-item .red-txt{
		font-size:3.4vw;
		font-weight: 600;
		border:0.5vw solid #ec7033;
		color:#ec7033;
		text-align: center;
		font-feature-settings: "palt";
		/* margin-top: auto; */
		margin-bottom: 2vw;
	}
	.achievement-wrap .achievement-item .item-txt{
		font-size: 2.9vw;
	}

}


/* ------------------------------------------------
                    買取のポイント
--------------------------------------------------- */
.point{
	padding-bottom: 100px
}

.point-lead-top{
	padding-top: 100px;
	font-size:2.8rem;
	font-weight: 600;
	text-align: center;
	background: #f9f7f3
}
.point-lead-top span{
	background: #fff
}

.point-lead-bottom{
	padding: 65px 0 100px;
	position: relative;
}
.point-lead-bottom::before{
	position: absolute;
	content:'';
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: #f9f7f3;
	clip-path: polygon(50% 50%, 0% 0%, 100% 0%);
}

.point-lead-box{
	width:80%;
	margin: 0 auto;
	border-radius: 40px;
	padding: 80px 40px 60px;
	text-align: center;
	color:#fff;
	font-size:3.6rem;
	font-weight: 600;
	line-height: 1.4;
	position: relative
}
.point-lead-box .l-txt{
	font-size: 1.5em
}
.point-lead-box .bubble-txt{
	position: absolute;
	top:-0.9em;
	left:0;
	right:0;
	margin: auto;
	font-size:3.2rem;
	font-weight: 600;
	width:60%;
	background: #fff;
	border:2px solid #dfdedb;
	border-radius: 2em;
	line-height: 1.8;
}
.point-lead-box .bubble-txt::before,
.point-lead-box .bubble-txt::after{
	position: absolute;
	content:'';
	bottom:-15px;
	left:0;
	right:0;
	margin: auto;
	width: 30px;
	height: 15px;
	background-color: #dfdedb;
	clip-path: polygon(50% 15px, 0% 0%, 30px 0%);
}
.point-lead-box .bubble-txt::after{
	bottom:-13px;
	background-color: #fff;
}

.point-wrap{
	width:94%;
	margin: 50px auto;
	display: flex;
}
.point-wrap .point-item{	
	text-align: center;
	line-height: 1.4;
}
.point-wrap .point-item .item-img{
	padding: 0 10px 10px
}
.point-wrap .point-item .item-txt{
	min-height: 2.8em;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "Noto Serif JP", serif;
	font-weight: 600

}

.point-txt-box{
	background: #f9f7f3;
	width:80%;
	margin: 0 auto;
	border-radius: 40px;
	padding: 40px;
	text-align: center;
	font-size:3.6rem;
	font-weight: 600;
	line-height: 1.4;
}
.point-txt-box .l-txt{
	font-size: 1.5em
}


@media (max-width: 1080px){
	.point-wrap{
		flex-wrap: wrap;
		justify-content: center;
	}
	
	.point-wrap .point-item{	
		width:25%;
		margin-bottom: 20px
	}
	.point-txt-box{
		font-size:3.3vw;
		width:90%;
	}
}

@media (max-width: 768px){
	.point{
		padding-bottom: 10vw
	}

	.point-lead-top{
		padding-top: 10vw;
		font-size:4.2vw;
		font-weight: 600;
	}
	.point-lead-bottom{
		padding: 10vw 0 10vw;
		position: relative;
	}
	.point-lead-bottom::before{
		position: absolute;
		content:'';
		top:0;
		left:0;
		width: 100%;
		height: 100%;
		background: #f9f7f3;
		clip-path: polygon(50% 50%, 0% 0%, 100% 0%);
	}

	.point-lead-box{
		width:90%;
		border-radius: 5vw;
		padding: 10vw 8vw 6vw;
		font-size:4.8vw;
	}
	.point-lead-box .bubble-txt{
		position: absolute;
		top:-0.9em;
		left:0;
		right:0;
		margin: auto;
		font-size:4.5vw;
		font-weight: 600;
		width:80%;
		background: #fff;
		border:2px solid #dfdedb;
		border-radius: 2em;
		line-height: 1.8;
	}
	.point-lead-box .bubble-txt::before,
	.point-lead-box .bubble-txt::after{
		position: absolute;
		content:'';
		bottom:-3vw;
		left:0;
		right:0;
		margin: auto;
		width: 6vw;
			height: 3vw;
		background-color: #dfdedb;
		clip-path: polygon(50% 3vw, 0% 0%, 6vw 0%);
	}

	.point-lead-box .bubble-txt::after{
		bottom:-2.4vw;
		background-color: #fff;
	}

	.point-wrap{
		width:86%;
		margin: 5vw auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center
	}
	.point-wrap .point-item{
		width:50%;
		text-align: center;
		line-height: 1.4;
		margin-bottom: 6vw;
		font-size:3.7vw
	}
	.point-wrap .point-item .item-img{
		padding: 0 3vw 2vw
	}

	.point-txt-box{
		background: #f9f7f3;
		width:100%;
		margin: 0 auto;
		border-radius: 5vw;
		padding: 4vw;
		text-align: center;
		font-size:4.6vw;
		font-weight: 600;
		line-height: 1.6;
	}
}


/* ------------------------------------------------
                    買取の流れ
--------------------------------------------------- */

.flow{
	padding: 100px 0
}
.flow-wrap{
	width:80%;
	max-width: 800px;
	margin: 50px auto 0
}

.flow-item{
	display: flex;
	align-content: center;
	gap:0 20px;
}
.flow-item:not(:last-child){
	margin-bottom: 50px;
	position: relative
}
.flow-item:not(:last-child)::after{
	position: absolute;
	content:'';
	bottom:-43px;
	left:0;
	right:0;
	margin: auto;
	width: 40px;
	height: 36px;
	background-color: #ffd75f;
	clip-path: polygon(50% 36px, 0% 0%, 40px 0%);
}

.flow-item .step-num{
	font-family: "Noto Serif JP", serif;
	text-align: center;
	font-size:2.8rem;
	font-weight: 600;
}
.flow-item .step-num .l-txt{
	font-size:2em;
	line-height: 0.75
}

.flow-item .item-bg{
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #f9f7f3;
	padding: 20px 30px;
	border-radius: 10px;
	width: 100%
}
.flow-item .step-txt{
	font-size:2.6rem;
	font-weight: 700;
		
}
.flow-item .note-txt{
	font-family: "Noto Serif JP", serif;
}
.flow-item .item-img{
	width:70px
}

@media (max-width: 1080px){
	.flow-wrap{
	width:90%;
		max-width: inherit;}
}

@media (max-width: 768px){
	.flow{
		padding: 10vw 0
	}
	.flow-wrap{
		width:100%;
		max-width: inherit;
		margin: 6vw auto 0
	}
	.flow-item{
		gap:0 2vw;
			align-items: center
	}
	.flow-item:not(:last-child){
		margin-bottom: 8vw;
		position: relative
	}
	.flow-item:not(:last-child)::after{
		position: absolute;
		content:'';
		bottom:-7vw;
		left:0;
		right:0;
		margin: auto;
		width: 7vw;
		height: 6vw;
		background-color: #ffd75f;
		clip-path: polygon(50% 6vw, 0% 0%, 7vw 0%);
	}

	.flow-item .step-num{
		font-size:3.7vw;

	}

	.flow-item .item-bg{
		display: flex;
		align-items: center;
		justify-content: space-between;
		background: #f9f7f3;
		padding: 4vw;
		border-radius: 2vw;
		width: 100%
	}
	.flow-item .step-txt{
		font-size:3.8vw;
	}
	.flow-item .item-img{
		width:8vw
	}
}




/* ------------------------------------------------
                    よくあるご質問
--------------------------------------------------- */

.qa{
	padding: 100px 0
}
.qa-wrap{
	width:86%;
	max-width: 1100px;
	margin: 50px auto 0
}

.qa-item{
	display: flex;
	gap:0 20px;
	border:2px solid #ec7033;
	border-radius: 20px;
	padding: 40px
}
.qa-item:not(:first-child){
	margin-top: 30px
}

.qa-item .qa-num{
	font-size:4.6rem;
	font-weight: 700;
	line-height: 1
}

.qa-item .q-txt{
	font-size:2.6rem;
	font-weight: 700;
	line-height: 1.2;
	margin:0.5em  0 1em
}

.qa-item .a-txt{
	font-family: "Noto Serif JP", serif;
	font-size:2.0rem;
	font-weight: 500;
}

@media (max-width: 1080px){
}

@media (max-width: 768px){
	
.qa{
	padding: 10vw 0
}
.qa-wrap{
	width:100%;
	max-width: 1100px;
	margin: 5vw auto 0
}

.qa-item{
	display: flex;
	gap:0 ;
	border:2px solid #ec7033;
	border-radius: 5vw;
	padding: 4vw;
	position: relative
}
.qa-item:not(:first-child){
	margin-top: 4vw
}

.qa-item .qa-num{
	font-size:6vw;
	position: absolute
}

.qa-item .q-txt{
	font-size:4.2vw;
	font-weight: 700;
	line-height: 1.2;
	margin:0.1em  0 1em;
	padding-left: 10vw
}

	.qa-item .a-txt{
		font-size:3.7vw;
	}

}


/* ------------------------------------------------
                    お客様の声
--------------------------------------------------- */

.voice{
	padding: 100px 0
}
.voice-wrap{
	
}

.voice-item{
	display: flex;
	align-items: center;
	gap:0 60px;
}
.voice-item:not(:first-child){
	margin-top: 75px
}
.voice-item .item-img{
	width:30%;
}
.voice-item:nth-child(odd) .item-img{
	padding-left: 7%
}
.voice-item:nth-child(even) .item-img{
	padding-right: 7%
}
.voice-item .item-txt{
	width:calc(100% - 32% - 60px);
	background: #fff;
	padding: 40px 50px;
	border-radius: 20px;
	position: relative;
	font-family: "Noto Serif JP", serif;
	font-size:1.8rem;
}
.voice-item .item-txt::before{
	position: absolute;
	content: '';
	width:100%;
	height:100%;
	border:#282828 1px solid;
	border-radius: 20px;;
	top:-8px;
	left:-8px
}

.voice-item .item-txt::after{
	position: absolute;
	content: '';
	width:60px;
	height:1px;
	background:#282828;
	top:25%;
}
.voice-item:nth-child(odd) .item-txt::after{
	left:-40px;
	transform: rotate(-10deg)
}

.voice-item:nth-child(even) .item-txt::after{
	right:-40px;
	transform: rotate(10deg)
}


@media (max-width: 1080px){
}

@media (max-width: 768px){
	.voice{
		padding: 10vw 0
	}
	.voice-wrap{

	}

.voice-item{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap:0 60px;
}
.voice-item:not(:first-child){
	margin-top: 10vw
}
.voice-item .item-img{
	width:50%;
	order: 2;
	z-index: 3
}
.voice-item:nth-child(odd) .item-img{
	padding-left:5%;
	margin-top: -12vw;
}
.voice-item:nth-child(even) .item-img{
	margin: -12vw 0 0 auto;
	padding-right:5%
}
.voice-item .item-txt{
	order: 1;
	width:100%;
	background: #fff;
	padding: 4vw 4vw 8vw;
	border-radius: 2.6vw;
	position: relative;
	font-family: "Noto Serif JP", serif;
	font-size:3.6vw;
	margin-left: 2vw
}
	.voice-item .item-txt .sp_tar{
		display: block;
		text-align: right
	}
	.voice-item .item-txt::before{
		position: absolute;
		content: '';
		width:100%;
		height:100%;
		border:#282828 1px solid;
		border-radius: 2.6vw;
		top:-2vw;
		left:-2vw
	}

	.voice-item .item-txt::after{
		position: absolute;
		content: '';
		width:8vw;
		height:1px;
		background:#282828;
		top:inherit;
		bottom:2vw
	}
	.voice-item:nth-child(odd) .item-txt::after{
		left:50%;
		transform: rotate(-60deg)
	}

	.voice-item:nth-child(even) .item-txt::after{
		right:50%;
		transform: rotate(60deg)
	}

}

/* ------------------------------------------------
                    買取品目一覧
--------------------------------------------------- */
.purchase{
	padding: 100px 0
}
.purchase-wrap{
	padding: 0 90px;
	margin-bottom: 60px;
	width:100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	
}

.purchase-wrap .purchase-item{
	width: calc((100% - 180px) / 3);
	margin-top: 50px;
	margin-right: 90px;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}
.purchase-wrap .purchase-item:nth-child(3n) {
	margin-right: 0;
}

.purchase-wrap .item-img{
	padding:0 8% 10px
}

.purchase-item .purchase-txt{
	margin-top: 1em;
	font-size: 1.8rem;
	font-family: "Noto Serif JP", serif;
}
.purchase-item .red-txt{
	text-align: center;
}
.purchase-item .red-txt span{
	font-size:2.0rem;
	font-weight: 500;
	color:#c81e32;
	border-bottom:2px solid #c81e32;
	line-height: 2
}

.purchase-item .link-btn{
	display: block;
	font-size:2.0rem;
	font-family: "Noto Serif JP", serif;
	border:2px solid #ec7033;
	border-radius: 2em;
	text-align: center;
	margin-top: .5em
}

.purchase-item .link-btn.conditions{
	background: #ec7033; 
}
.purchase-item .link-btn.price{
	color: #ec7033; 
}

@media (max-width: 1080px){
	.purchase-wrap{
		padding: 0 4vw;
	}
	.purchase-wrap .purchase-item{
		width: 32%;
		margin-right: 2%;
	}
	.purchase-item .red-txt span{
		font-size:1.8vw;
	}
	.purchase-item .link-btn{
		display: block;
		font-size: 1.8vw;
	}
}

@media (max-width: 768px){
	.purchase{
		padding: 10vw 0
	}
	.purchase-wrap{
		padding: 0 ;
		margin-bottom:0;
		width:100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;

	}

	.purchase-wrap .purchase-item{
		width: calc((100% - 4vw) / 2);
		margin-top: 0;
		margin-right: 4vw;
		margin-bottom: 10vw;
		display: flex;
		flex-direction: column;
		justify-content: space-between
	}
	.purchase-wrap .purchase-item:nth-child(3n) {
		margin-right: 4vw;
	}
	.purchase-wrap .purchase-item:nth-child(2n) {
		margin-right: 0;
	}

	.purchase-wrap .item-img{
		padding:0 10% 2vw
	}

	.purchase-item .purchase-txt{
		font-size:3.7vw;
	}
	.purchase-item .red-txt{
		text-align: center;
		margin:1em 0

	}
	.purchase-item .red-txt span{
		font-size:4.2vw;
		border-bottom:0.5vw solid #c81e32;
		line-height: 1.4;
	}

	.purchase-item .link-btn{
		display: block;
		font-size:3.4vw;
		border:0.5vw solid #ec7033;
		border-radius: 2em;
		text-align: center;
		margin-top: 0.8em
	}

}