@charset "UTF-8";

/* マンション売却（SP・959px以下） */

/* FV */

:root {
	--fvu: calc( 100vw / 390 );
}

.fv {
	aspect-ratio: 390 / 480;
	padding: calc( var(--fvu) * 72 ) calc( var(--fvu) * 24 ) 0;
	background-position: right 75%;
}
.fv__inner {
	width: 100%;
}
.fv .fv__headline {
	margin-bottom: calc( var(--fvu) * 16 );
	font-size: calc( var(--fvu) * 26 );
	line-height: 1.5;
}
.fv .fv__lead {
	margin-bottom: calc( var(--fvu) * 40 );
	padding: 0 calc( var(--fvu) * 4 );
	font-size: calc( var(--fvu) * 16 );
	line-height: 1.6;
}
.fv__cta {
	width: 100%;
}
.fv__cta-button {
	gap: calc( var(--fvu) * 8 );
	height: calc( var(--fvu) * 54 );
	font-size: calc( var(--fvu) * 16 );
}
.fv__cta-button img {
	width: calc( var(--fvu) * 24 );
}
.fv__cta-button::before {
	top: calc( var(--fvu) * -12 );
	padding: calc( var(--fvu) * 4 ) calc( var(--fvu) * 12 );
	font-size: calc( var(--fvu) * 13 );
}
.fv__cta-button::after {
	top: calc( var(--fvu) * 10 );
	border-left-width: calc( var(--fvu) * 8 );
	border-right-width: calc( var(--fvu) * 8 );
	border-top-width: calc( var(--fvu) * 8 );
}
.fv .fv__cta-note {
	margin-top: calc( var(--fvu) * 12 );
	font-size: calc( var(--fvu) * 11 );
}
.fv__deco--circle-a1 {
	top: calc( var(--fvu) * 32 );
	left: calc( var(--fvu) * -18 );
	width: calc( var(--fvu) * 68 );
	opacity: .5;
}
.fv__deco--circle-a2 {
	top: calc( var(--fvu) * 32 );
	left: calc( var(--fvu) * 22 );
	width: calc( var(--fvu) * 44 );
	opacity: .5;
}
.fv__deco--circle-b1 {
	top: calc( var(--fvu) * 294 );
	left: calc( var(--fvu) * 13 );
	width: calc( var(--fvu) * 71 );
}
.fv__deco--circle-b2 {
	top: calc( var(--fvu) * 331 );
	left: calc( var(--fvu) * -5 );
	width: calc( var(--fvu) * 35 );
}
.fv__deco--watercolor {
	top: calc( var(--fvu) * 224 );
	left: calc( var(--fvu) * 22 );
	width: calc( var(--fvu) * 98 );
	transform: none;
}
.fv__deco--bird-1 {
	top: calc( var(--fvu) * 195 );
	left: calc( var(--fvu) * 127 );
	width: calc( var(--fvu) * 31 );
	opacity: .4;
}
.fv__deco--bird-2 {
	top: calc( var(--fvu) * 213 );
	left: calc( var(--fvu) * 89 );
	width: calc( var(--fvu) * 27 );
	transform: none;
	opacity: .4;
}

/* パンくず */

.oknw-page-fv .p-breadcrumb.-bg-on {
	padding: calc( var(--u) * 10 ) 0;
}
.oknw-page-fv .post_content .p-breadcrumb__list {
	padding: 0 calc( var(--u) * 20 );
	font-size: calc( var(--u) * 10 );
}

/* お悩み */

.worry .swell-block-fullWide__inner {
	padding-inline: var(--size20);
}
.worry .swell-block-columns::before {
	top: calc( var(--u) * 45 );
	bottom: calc( var(--size24) * -2 );
	width: 86.7vw;
	border-radius: 0 0 calc( var(--u) * 8 ) 0;
}
.worry .swell-block-columns {
	--swl-clmn-mrgn--x: calc( var(--u) * 12 );
	--swl-clmn-mrgn--y: calc( var(--u) * 12 );
}
.worry .swell-block-columns .swell-block-column {
	gap: calc( var(--u) * 14 );
	padding: calc( var(--u) * 18 ) calc( var(--u) * 16 );
	border-radius: calc( var(--u) * 8 );
}
.post_content .worry__icon,
.worry__icon img {
	width: calc( var(--u) * 48 );
	height: calc( var(--u) * 48 );
}
.post_content .worry__text {
	font-size: calc( var(--u) * 16 );
	line-height: 1.7;
}

/* できること */

.cando .swell-block-fullWide__inner {
	padding-inline: var(--size20);
}
.cando__deco--text {
	top: calc( var(--u) * -68 );
	left: calc( 50% - var(--u) * 180 );
	width: calc( var(--u) * 160 );
}
.cando__deco--bird {
	top: calc( var(--u) * -20 );
	left: auto;
	right: calc( var(--u) * 12 );
	width: calc( var(--u) * 46 );
	transform: rotate(51deg);
}
.cando .swell-block-columns {
	--swl-clmn-mrgn--x: calc( var(--u) * 12 );
	--swl-clmn-mrgn--y: calc( var(--u) * 12 );
	margin-bottom: calc( var(--u) * 28 );
}
.cando .swell-block-columns::before {
	top: calc( var(--u) * 45 );
	width: 86.7vw;
}
.cando__note::before {
	top: calc( var(--u) * -28 );
	bottom: calc( var(--u) * -44 );
	width: 86.7vw;
	border-radius: 0 0 0 calc( var(--u) * 8 );
}
.cando .swell-block-columns .swell-block-column {
	gap: calc( var(--u) * 14 );
	min-height: 0;
	padding: calc( var(--u) * 18 ) calc( var(--u) * 16 );
	border-radius: calc( var(--u) * 8 );
}
.post_content .cando__icon,
.cando__icon img {
	width: calc( var(--u) * 48 );
	height: calc( var(--u) * 48 );
}
.post_content .cando__text,
.post_content .cando__note {
	font-size: calc( var(--u) * 16 );
}
.post_content .cando__note {
	margin-bottom: calc( var(--u) * 16 );
}
.cando .cando__button .swell-block-button__link {
	gap: calc( var(--u) * 14 );
	min-width: calc( var(--u) * 280 );
	padding: calc( var(--u) * 14 ) calc( var(--u) * 10 );
	font-size: calc( var(--u) * 18 );
	box-shadow: 0 calc( var(--u) * 4 ) calc( var(--u) * 4 ) rgba(0, 0, 0, .12);
}

/* 売却の流れ */

.flow .swell-block-fullWide__inner {
	padding-inline: var(--size20);
}
.post_content .flow__inner {
	margin-bottom: calc( var(--u) * 24 );
}
.flow__row {
	grid-template-columns: 1fr;
	gap: calc( var(--u) * 24 );
	margin-bottom: calc( var(--u) * 24 );
}
.flow__phase {
	padding-top: calc( var(--u) * 16 );
}
.flow__phase-label {
	min-width: 0;
	padding: calc( var(--u) * 8 ) calc( var(--u) * 24 );
	border-radius: calc( var(--u) * 4 );
	font-size: calc( var(--u) * 16 );
}
.post_content .flow__steps {
	grid-auto-flow: row;
	grid-auto-columns: auto;
	gap: calc( var(--u) * 44 );
	padding: calc( var(--u) * 35 ) calc( var(--u) * 20 ) calc( var(--u) * 20 );
	border-radius: calc( var(--u) * 8 );
}
.post_content .flow__step {
	gap: calc( var(--u) * 12 );
	padding: calc( var(--u) * 20 ) calc( var(--u) * 16 );
	border-radius: calc( var(--u) * 4 );
}
.flow__step::after {
	top: auto;
	right: auto;
	bottom: calc( var(--u) * -32 );
	left: 50%;
	width: calc( var(--u) * 32 );
	height: calc( var(--u) * 20 );
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 20'%3E%3Cpath d='M2.41421 2L29.5858 2C30.4767 2 30.9229 3.07714 30.2929 3.7071L16.7071 17.2929C16.3166 17.6834 15.6834 17.6834 15.2929 17.2929L1.70711 3.70711C1.07714 3.07714 1.52331 2 2.41421 2Z'/%3E%3C/svg%3E");
	transform: translateX(-50%);
}
.flow__step-head {
	flex-direction: column;
	gap: calc( var(--u) * 4 );
}
.flow__step-num {
	width: calc( var(--u) * 24 );
	height: calc( var(--u) * 24 );
	font-size: calc( var(--u) * 18 );
	padding-top: .2em;
}
.flow__step-title {
	font-size: calc( var(--u) * 20 );
}
.flow__step-sub {
	position: static;
	font-size: calc( var(--u) * 12 );
}
.post_content .flow__step-img {
	width: calc( var(--u) * 120 );
	height: calc( var(--u) * 80 );
}

/* まずは相場だけ聞いてみる */

.cta--soudan {
	padding-bottom: calc( var(--size24) * 4 ) !important;
}

.cta--soudan .cta__button {
	margin: 0 auto;
}
.cta--soudan .cta__button .swell-block-button__link {
	width: auto;
	min-width: calc( var(--u) * 280 );
	max-width: 100%;
	padding: calc( var(--u) * 14 ) calc( var(--u) * 10 );
	box-shadow: 0 calc( var(--u) * 4 ) calc( var(--u) * 4 ) rgba(0, 0, 0, .12);
}
.cta--soudan .cta__button--free::before {
	top: calc( var(--u) * -12 );
	padding: calc( var(--u) * 4 ) calc( var(--u) * 12 );
	border-radius: calc( var(--u) * 100 );
	font-size: calc( var(--u) * 14 );
}
.cta--soudan .cta__button--free::after {
	top: calc( var(--u) * 11 );
	border-top-width: calc( var(--u) * 8 );
	border-right-width: calc( var(--u) * 8 );
	border-left-width: calc( var(--u) * 8 );
}

/* よくあるご質問 */

.faq .swell-block-fullWide__inner {
	padding-inline: var(--size20);
}
.faq__deco--bird {
	top: calc( var(--u) * 60 );
	left: calc( var(--u) * 12 );
	width: calc( var(--u) * 56 );
}
.faq__deco--flower {
	right: calc( var(--u) * -2 );
	bottom: calc( var(--u) * -28 );
	width: calc( var(--u) * 70 );
}
.faq .swell-block-faq {
	gap: calc( var(--u) * 12 );
}
.faq .swell-block-faq .swell-block-faq__item {
	border-radius: calc( var(--u) * 8 );
}
.faq .swell-block-faq .faq_q {
	gap: calc( var(--u) * 12 );
	padding: calc( var(--u) * 16 ) calc( var(--u) * 12 );
	font-size: calc( var(--u) * 16 );
}
.faq .swell-block-faq .faq_q::before,
.faq .swell-block-faq .faq_a::before {
	width: calc( var(--u) * 28 );
	height: calc( var(--u) * 28 );
	font-size: calc( var(--u) * 14 );
}
.faq .swell-block-faq .faq_q::after {
	width: calc( var(--u) * 9 );
	height: calc( var(--u) * 9 );
	margin: calc( var(--u) * -5 ) calc( var(--u) * 3 ) 0 auto;
}
.faq .swell-block-faq .is-open .faq_q::after {
	margin-top: calc( var(--u) * 4 );
}
.faq .swell-block-faq.is-ready .faq_a {
	margin: 0 calc( var(--u) * 12 );
}
.faq__a-body {
	gap: calc( var(--u) * 12 );
	padding: calc( var(--u) * 16 ) 0;
}
.faq__a-body::before {
	width: calc( var(--u) * 28 );
	height: calc( var(--u) * 28 );
	font-size: calc( var(--u) * 14 );
}
.post_content .faq__a-body > * {
	font-size: calc( var(--u) * 16 );
}

/* お客様の声 */

.voice .swell-block-fullWide__inner {
	padding-inline: var(--size20);
}
.voice .swell-block-columns {
	--swl-clmn-mrgn--y: calc( var(--u) * 16 );
	margin-bottom: calc( var(--u) * 28 );
}
.voice .swell-block-columns .swell-block-column {
	--clmn-w--tab: 100%;
	grid-template-columns: calc( var(--u) * 56 ) 1fr;
	column-gap: calc( var(--u) * 14 );
	padding: calc( var(--u) * 28 ) calc( var(--u) * 24 );
	border-radius: calc( var(--u) * 8 );
}
.post_content .voice__avatar,
.voice__avatar img {
	width: calc( var(--u) * 56 );
}
.voice__avatar img {
	height: calc( var(--u) * 56 );
}
.post_content .voice__name {
	margin-bottom: calc( var(--u) * 4 );
	font-size: calc( var(--u) * 18 );
}
.post_content .voice__attr {
	font-size: calc( var(--u) * 12 );
}
.post_content .voice__stars {
	margin-top: calc( var(--u) * 16 );
}
.voice__stars .c-reviewStars {
	gap: calc( var(--u) * 4 );
	font-size: calc( var(--u) * 16 );
}
.post_content .voice__text {
	margin-top: calc( var(--u) * 16 );
	font-size: calc( var(--u) * 14 );
}
.post_content .voice__note {
	font-size: calc( var(--u) * 12 );
}

/* 無料査定フォーム */

.satei-form .swell-block-fullWide__inner {
	padding-inline: var(--size20);
}
.post_content .satei-form__label {
	margin-bottom: calc( var(--u) * 8 );
	font-size: calc( var(--u) * 14 );
}
.post_content .satei-form__lead {
	margin-bottom: calc( var(--u) * 28 );
	font-size: calc( var(--u) * 14 );
}
.satei-form .wpcf7 {
	margin-bottom: calc( var(--u) * 28 );
}
.satei-form__body {
	gap: calc( var(--u) * 16 );
	margin-bottom: calc( var(--u) * 28 );
}
.satei-form__row {
	padding: calc( var(--u) * 16 );
	border-radius: calc( var(--u) * 8 );
}
.satei-form__row--customer {
	gap: calc( var(--u) * 16 );
}
.satei-form__optional-summary {
	padding: calc( var(--u) * 16 ) calc( var(--u) * 44 );
	border-radius: calc( var(--u) * 8 );
}
.satei-form__optional-summary::after {
	right: calc( var(--u) * 18 );
	width: calc( var(--u) * 9 );
	height: calc( var(--u) * 9 );
}
.satei-form__optional-title {
	font-size: calc( var(--u) * 15 );
}
.satei-form__optional-body {
	gap: calc( var(--u) * 16 );
	margin-top: calc( var(--u) * 16 );
}
.satei-form__fees {
	grid-template-columns: 1fr;
	gap: calc( var(--u) * 12 );
}
.satei-form__fee-label,
.satei-form__sub-label {
	margin-bottom: calc( var(--u) * 6 );
	font-size: calc( var(--u) * 13 );
}
.satei-form__sub-label--group {
	margin-top: calc( var(--u) * 20 );
}
.satei-form__sub {
	margin-top: calc( var(--u) * 12 );
}

.satei-form__title {
	font-size: calc( var(--u) * 16 );
}
.satei-form__head {
	gap: calc( var(--u) * 8 );
	margin-bottom: calc( var(--u) * 8 );
	font-size: calc( var(--u) * 15 );
}
.satei-form__chip {
	padding: calc( var(--u) * 3 ) calc( var(--u) * 8 );
	border-radius: calc( var(--u) * 3 );
	font-size: calc( var(--u) * 12 );
}
.satei-form input[type="text"],
.satei-form input[type="email"],
.satei-form input[type="tel"],
.satei-form select {
	height: calc( var(--u) * 48 );
	padding: 0 calc( var(--u) * 15 );
	border-radius: calc( var(--u) * 4 );
	font-size: 16px;
}
.satei-form textarea {
	padding: calc( var(--u) * 12 ) calc( var(--u) * 15 );
	border-radius: calc( var(--u) * 4 );
	font-size: 16px;
}
.satei-form select {
	padding-right: calc( var(--u) * 44 );
	background-position: right calc( var(--u) * 16 ) center;
	background-size: calc( var(--u) * 14 ) calc( var(--u) * 7 );
}
.satei-form .wpcf7-radio,
.satei-form .wpcf7-checkbox {
	gap: calc( var(--u) * 10 );
}
.satei-form .wpcf7-radio label,
.satei-form .wpcf7-checkbox label {
	padding: calc( var(--u) * 9 ) calc( var(--u) * 16 );
	border-radius: calc( var(--u) * 100 );
	font-size: calc( var(--u) * 14 );
}
.satei-form__check .wpcf7-checkbox label,
.satei-form__agree .wpcf7-acceptance label {
	gap: calc( var(--u) * 10 );
	padding: 0;
	font-size: calc( var(--u) * 14 );
}
.satei-form__check .wpcf7-checkbox input,
.satei-form__agree .wpcf7-acceptance input {
	width: calc( var(--u) * 20 );
	height: calc( var(--u) * 20 );
	border-radius: calc( var(--u) * 4 );
}
.satei-form__check .wpcf7-checkbox input:checked,
.satei-form__agree .wpcf7-acceptance input:checked {
	background-size: calc( var(--u) * 20 ) calc( var(--u) * 20 );
}
.satei-form__agree {
	margin-bottom: calc( var(--u) * 28 );
}
.satei-form__submit-wrap::after {
	right: calc( var(--u) * 48 );
	width: calc( var(--u) * 16 );
	height: calc( var(--u) * 16 );
}
.satei-form .satei-form__submit {
	padding: calc( var(--u) * 18 ) calc( var(--u) * 72 ) calc( var(--u) * 18 ) calc( var(--u) * 48 );
	font-size: calc( var(--u) * 17 );
}
.satei-form .wpcf7-not-valid-tip {
	font-size: calc( var(--u) * 13 );
}
.satei-form .wpcf7-response-output {
	margin-top: calc( var(--u) * 24 );
	font-size: calc( var(--u) * 14 );
}
.post_content .satei-form__note {
	font-size: calc( var(--u) * 13 );
}

/* タブレット */

@media (min-width: 600px) {
	.worry .swell-block-columns,
	.cando .swell-block-columns {
		--swl-clmn-mrgn--x: calc( var(--u) * 16 );
		--swl-clmn-mrgn--y: calc( var(--u) * 16 );
	}
	.flow__row {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}
	.flow__phase {
		display: flex;
		flex-direction: column;
	}
	.post_content .flow__steps {
		flex: 1;
		grid-auto-rows: 1fr;
	}
	.flow__step-head {
		flex-direction: row;
		flex-wrap: wrap;
		gap: calc( var(--u) * 4 ) calc( var(--u) * 8 );
	}
}