@media (min-width:601px) {

	/* プラチナクーポン */
	.image-button--relative {
		position: relative;
		display: block;
	}

	.banner-text--absolute {
		position: absolute;
		width: fit-content;
	}

	.banner-text--platina {
		top: 31%;
		left: 26%;
		font-size: min(3rem, 4.5vw);
		font-weight: 800;
		color: #FF6699;
	}

	/* 激アツ・裏技クーポン */
	.button-box {
		width: 80vw;
		max-width: 800px;
		margin: auto;
		position: relative;
	}

	.image-button {
		display: block;
		max-width: 800px;
		margin: auto;
	}

	.image-button--relative {
		position: relative;
	}

	.image-button__image {
		display: block;
		margin: auto;
		width: 100%;
	}

	.image-button_mt {
		margin-top: 2rem;
	}

	.banner-text {}

	.banner-text--absolute {
		position: absolute;
		width: fit-content;
	}

	.banner-text--coupon {
		bottom: 23%;
		left: 27%;
		font-size: min(2.4rem, 3.8vw);
		font-weight: 800;
		color: #383838;
	}

	.banner-text--urawaza {
		top: 34%;
		left: 2%;
		font-size: min(1.8rem, 2.8vw);
		font-weight: 800;
		color: #fd6599;
	}

	.banner-text--urawaza1 {
		bottom: 33%;
		left: 2%;
		font-size: min(2.2rem, 3.5vw);
		font-weight: 800;
		color: #fb6499;
	}

	.banner-text--urawaza2 {
		top: 4%;
		left: 37%;
		font-size: min(3.6rem, 6vw);
		font-weight: 800;
		color: #fd6599;
	}

	/* 買取サイトランキング */
	.gekiatsu-box {
		position: relative;
		display: block;
		width: fit-content;
		margin: auto;
		color: #606060;
	}

	.gekiatsu-box__bg {}

	.gekiatsu-box__st {
		display: flex;
		flex-direction: column;
		position: absolute;
		top: 13%;
		left: 0;
		right: 0;
		margin: auto;
		width: fit-content;
		gap: 1rem;
		align-items: center;
	}

	.gekiatsu-box__st span {
		font-size: min(2.5rem, 3vw);
		font-weight: 600;
	}

	.gekiatsu-box__st p {
		font-size: min(3.6rem, 6vw);
		font-weight: 600;
	}

	.button {}

	.button--gekiatsu {
		display: flex;
		align-items: center;
		border: unset;
		cursor: pointer;
		margin: auto;
		position: absolute;
		justify-content: center;
		background: #fd6599;
		color: #fff;
		border-radius: 10rem;
		box-shadow: 0px 8px 0 #dd2950;
		bottom: 10%;
		left: 0;
		right: 0;
		gap: 1rem;
		font-size: min(2rem, 3vw);
		padding: min(2rem, 1vw) 0;
		font-weight: 600;
		width: 60%;
		max-width: 600px;
		min-height: 2rem;
	}

	.button-icon {
		height: 2rem;
		width: 2rem;
		object-fit: contain;
	}

}

/* SP スマホ・タブレット========================================================================= */

@media (max-width: 600px) {

	/* プラチナクーポン */
	.image-button--relative {
		position: relative;
	}

	.banner-text--absolute {
		position: absolute;
		width: fit-content;
	}

	.banner-text--platina {
		top: 31%;
		left: 26%;
		font-size: min(3.5rem, 5.5vw);
		font-weight: 800;
		color: #fd6599;
	}

	/* 激アツ・裏技クーポン */
	.button-box {
		display: flex;
		flex-direction: column;
		gap: 1rem;
		width: 100%;
		max-width: 800px;
		margin: 1rem auto;
		position: relative;
	}

	.image-button {
		display: block;
	}

	.image-button--relative {
		position: relative;
	}

	.image-button__image {
		width: 100%;
	}

	.banner-text {}

	.banner-text--absolute {
		position: absolute;
		width: fit-content;
	}

	.banner-text--coupon {
		bottom: 23%;
		left: 27%;
		font-size: 4.6vw;
		font-weight: 800;
		color: #383838;
	}

	.banner-text--urawaza {
		top: 34%;
		left: 2%;
		font-size: 3.4vw;
		font-weight: 800;
		color: #fd6599;
	}

	.banner-text--urawaza1 {
		bottom: 33%;
		left: 2%;
		font-size: 4vw;
		font-weight: 800;
		color: #fb6499;
	}

	.banner-text--urawaza2 {
		top: 4%;
		left: 37%;
		font-size: 7vw;
		font-weight: 800;
		color: #fd6599;
	}

	/* 買取サイトランキング */
	.gekiatsu-box {
		position: relative;
		display: block;
		color: #606060;
	}

	.gekiatsu-box__bg {}

	.gekiatsu-box__st {
		display: flex;
		flex-direction: column;
		position: absolute;
		top: 13%;
		left: 0;
		right: 0;
		margin: auto;
		width: fit-content;
		gap: min(1rem, 1vw);
		align-items: center;
	}

	.gekiatsu-box__st span {
		font-size: min(2.5rem, 4vw);
		font-weight: 600;
	}

	.gekiatsu-box__st p {
		font-size: min(3rem, 6vw);
		font-weight: 600;
	}

	.button--gekiatsu {
		display: flex;
		align-items: center;
		margin: auto;
		position: absolute;
		justify-content: center;
		box-shadow: 0px 4px 0 #dd2950;
		border-radius: 10rem;
		min-height: 2rem;
		width: 80%;
		max-width: 400px;
		bottom: 10%;
		left: 0;
		right: 0;
		gap: 1rem;
		font-size: min(2.4rem, 4vw);
		padding: 0;
		font-weight: 600;
		background: #fb6499;
		color: #fff;
	}

	.button-icon {
		height: 5vw;
		width: 5vw;
		object-fit: contain;
	}
}