@charset "utf-8";

/*===========================================================
物件情報
===========================================================*/

.common-land-slider-area .swiper-button-next, 
.common-land-slider-area .swiper-button-prev {
	color: var(--orange);
	border: 1px solid var(--orange);
}

.orange-btn {
	max-width: 25rem;
	width: 100%;
	margin: 5rem auto;
	padding: 1.2rem 1.2rem 1.2rem 3.5rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 1.8rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	color: var(--orange);
	background: var(--white);
	border: 1px solid var(--orange);
	border-radius: 3.5rem;
	cursor: pointer;
	transition: all .3s;
}

.orange-btn:hover {
	color: var(--white);
	background: var(--orange);
}

.orange-btn::after {
	content: "";
	display: block;
	width: 3.5rem;
	height: 3.5rem;
	background: url(../../../../uploads/btn_icon_orange01.svg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	transition: all .3s;
}

.js-active.orange-btn::after {
	transform: rotate(180deg);
}

/*===========================================================
賃貸物件
===========================================================*/

.rental01-wrapper {
    max-width: 192rem;
    width: 100%;
    margin: 0 auto;
    padding: 13rem 0;
}

.rental01-container {
    max-width: 142rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rental01-left {
    max-width: 71rem;
    width: 50%;
}

.rental01-img-box {
    max-width: 61rem;
    width: 42.9%;
    border-radius: 0.5rem;
    overflow: hidden;
}

/*-------------------------------------------
Instagram feed ボタン
-------------------------------------------*/

.common-forth-area .sbi_load_btn {
    background: #E66000 !important;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1920px) {

	html {
		/* 10px */
		font-size: 0.52083vw;
	}

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1550px) {

	html {
		/* 10px */
		font-size: 0.64516vw;
	}

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1024px) {

	html {
		/* 10px */
		font-size: 0.97656vw;
	}

	.rental01-wrapper {
		padding: 8rem 0;
	}

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 768px) {

	html {
		/* 10px */
		font-size: 1.30208vw;
	}

	.rental01-wrapper {
		padding: 6rem 0;
	}

	.rental01-container {
		align-items: center;
		justify-content: center;
		flex-direction: column-reverse;
	}

	.rental01-left {
		margin: 4rem 0 0;
		max-width: 100%;
		width: 100%;
	}

	.rental01-left .text03 br {
		display: none;
	}


	.rental01-img-box {
		max-width: 100%;
		width: 100%;
	}

	/*===========================================================
	物件情報(ボタン)
	===========================================================*/

	.orange-btn {
		margin: 2rem auto;
	}


}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 576px) {

	html {
		/* 12px */
		font-size: 2.08333vw;
	}


}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 414px) {

	html {
		/* 14px */
		font-size: 2.43055vw;
	}

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */