@charset "UTF-8";

/* ノーコール査定（SP・959px以下） */

/* FV */

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

.fv {
	aspect-ratio: auto;
	min-height: calc( var(--fvu) * 440 );
	padding: calc( var(--fvu) * 96 ) calc( var(--fvu) * 24 ) calc( var(--fvu) * 8 );
	background-position: right 75%;
}
.fv::before {
	background: linear-gradient(90deg, #fff 48%, rgba(255, 255, 255, 0) 100%);
}
.fv__label {
	top: calc( var(--fvu) * -72 );
	left: calc( var(--fvu) * 6 );
	width: calc( var(--fvu) * 150 );
}
.fv__label-pc {
	display: none;
}
.fv__label-sp {
	display: block;
	width: 100%;
	height: auto;
}
.fv__inner {
	width: 100%;
}
.fv .fv__headline {
	margin-bottom: calc( var(--fvu) * 16 );
	font-size: calc( var(--fvu) * 28 );
	line-height: 1.4;
}
.fv .fv__lead {
	margin-bottom: calc( var(--fvu) * 40 );
	padding: 0 calc( var(--fvu) * 4 );
	font-size: calc( var(--fvu) * 16 );
}
.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) * 14 );
}
.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: 0 auto;
	padding: calc( var(--fvu) * 12 ) 0;
	font-size: calc( var(--fvu) * 12 );
	text-align: center;
}
.fv .fv__cta-note::before {
	content: none;
}
.fv .fv__cta-note span {
	width: fit-content;
	margin-inline: auto;
	padding: calc( var(--fvu) * 3 ) calc( var(--fvu) * 8 );
	border-radius: calc( var(--fvu) * 4 );
	background: rgba(255, 255, 255, .72);
}
.fv .fv__cta-note span:not(:last-child) {
	margin-bottom: calc( var(--fvu) * 8 );
}
.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 );
}

/* 価格を知りたいだけなのに */

.kyokan__cols {
	--swl-clmn-mrgn--y: calc( var(--u) * 24 );
}
.post_content .kyokan__img {
	width: 72%;
	margin-inline: auto;
}
.post_content .kyokan__text {
	margin-inline: calc( var(--u) * -10 );
	margin-bottom: calc( var(--u) * 24 );
	font-size: calc( var(--u) * 16 );
	line-height: 1.9;
	text-align: center;
}

/* 私たちが考える順番 */

.junban {
	padding-top: calc( var(--u) * 64 ) !important;
	padding-bottom: calc( var(--u) * 200 ) !important;
}
.junban::before {
	border-left-width: calc( var(--u) * 40 );
	border-right-width: calc( var(--u) * 40 );
	border-top-width: calc( var(--u) * 30 );
}
.junban::after {
	height: calc( var(--u) * 60 );
}
.junban__cols {
	--swl-clmn-mrgn--y: calc( var(--u) * 44 );
}
.post_content .junban__cols {
	margin-bottom: calc( var(--u) * 40 );
}
.junban__card {
	--swl-clmn-pddng: calc( var(--u) * 20 );
}
.junban__card:first-child::after {
	top: auto;
	right: auto;
	bottom: calc( var(--u) * -36 );
	left: 50%;
	width: calc( var(--u) * 14 );
	height: calc( var(--u) * 28 );
	transform: translateX(-50%) rotate(90deg);
}
.post_content .junban__card-title {
	margin-bottom: calc( var(--u) * 24 );
	font-size: calc( var(--u) * 18 );
}
.post_content .junban__steps {
	width: calc( var(--u) * 170 );
	margin-bottom: calc( var(--u) * 20 );
}
.post_content .junban__steps > li {
	gap: calc( var(--u) * 12 );
	font-size: calc( var(--u) * 18 );
}
.post_content .junban__steps > li + li {
	margin-top: calc( var(--u) * 14 );
	padding-top: calc( var(--u) * 14 );
}
.post_content .junban__steps > li::before {
	width: calc( var(--u) * 24 );
	height: calc( var(--u) * 24 );
	font-size: calc( var(--u) * 16 );
	padding-bottom: 0;
}
.post_content .junban__card-note {
	font-size: calc( var(--u) * 16 );
}
.post_content .junban__text {
	max-width: 100%;
	margin-bottom: 1.5em;
	font-size: calc( var(--u) * 16 );
	line-height: 1.8;
}
.junban__figure {
	left: 50%;
	bottom: calc( var(--u) * 8 );
	width: calc( var(--u) * 340 );
	height: calc( var(--u) * 150 );
}
.junban__balloon {
	top: calc( var(--u) * 14 );
	width: calc( var(--u) * 236 );
	height: calc( var(--u) * 96 );
	padding: 0 0 .5em;
	font-size: calc( var(--u) * 16 );
}
.junban__balloon-tail {
	top: calc( var(--u) * 71 );
	left: calc( var(--u) * 212 );
	width: calc( var(--u) * 40 );
}
.junban__person {
	width: calc( var(--u) * 103 );
	height: calc( var(--u) * 150 );
}

/* よくあるお悩みと、OKINOWAにできること */

.nayami__row {
	flex-direction: column;
	gap: 0;
}
.nayami__row + .nayami__row {
	margin-top: calc( var(--u) * 28 );
}
.nayami__card {
	width: 100%;
	min-height: 0;
	gap: calc( var(--u) * 12 );
	padding: calc( var(--u) * 16 ) calc( var(--u) * 16 );
}
.nayami__card--worry {
	border-color: #9eb2cc;
	border-bottom: 0;
	border-radius: var(--oknw-radius) var(--oknw-radius) 0 0;
}
.nayami__card--cando {
	border-radius: 0 0 var(--oknw-radius) var(--oknw-radius);
}
.nayami__icon {
	width: calc( var(--u) * 36 );
	height: calc( var(--u) * 36 );
}
.nayami__text {
	font-size: calc( var(--u) * 16 );
}
.nayami__arrow {
	position: relative;
	z-index: 1;
	top: auto;
	left: auto;
	align-self: center;
	width: calc( var(--u) * 14 );
	height: calc( var(--u) * 28 );
	margin: calc( var(--u) * -14 ) 0;
	background: #fff;
	transform: rotate(90deg);
}
.nayami__note {
	margin-top: calc( var(--u) * 32 );
	font-size: calc( var(--u) * 12 );
}

/* 査定結果は、4つの価格でお伝えします */

.prices__cards {
	--swl-clmn-mrgn--x: calc( var(--u) * 12 );
	--swl-clmn-mrgn--y: calc( var(--u) * 12 );
}
.post_content .prices__cards {
	margin-bottom: calc( var(--u) * 44 );
	border-radius: calc( var(--u) * 12 );
}
.prices__card {
	--swl-clmn-pddng: calc( var(--u) * 14 ) calc( var(--u) * 10 );
	gap: calc( var(--u) * 14 );
}
.post_content .prices__label {
	gap: calc( var(--u) * 6 );
	padding: calc( var(--u) * 7 ) calc( var(--u) * 8 );
	font-size: calc( var(--u) * 20 );
}
.post_content .prices__label::before {
	width: calc( var(--u) * 22 );
	height: calc( var(--u) * 22 );
	font-size: calc( var(--u) * 16 );
	padding-bottom: 0;
}
.post_content .prices__desc {
	font-size: calc( var(--u) * 16 );
}
.post_content .prices__sub {
	font-size: calc( var(--u) * 12 );
}
.prices__lead {
	--swl-clmn-mrgn--y: calc( var(--u) * 12 );
}
.post_content .prices__lead {
	max-width: 500px;
	margin-bottom: calc( var(--u) * 24 );
}
.post_content .prices__person {
	width: calc( var(--u) * 100 );
	margin-inline: auto;
}
.post_content .prices__lead-text {
	font-size: calc( var(--u) * 16 );
	text-align: center;
}
.post_content .prices__notes {
	font-size: calc( var(--u) * 12 );
	text-align: center;
}

/* ノーコール査定の流れ */

.flow .swell-block-fullWide__inner {
	padding-inline: var(--size20);
}
.post_content .flow__inner {
	margin-bottom: calc( var(--u) * 24 );
}
.flow__phase {
	margin-bottom: calc( var(--u) * 40 );
	padding-top: calc( var(--u) * 16 );
}
.flow__box {
	padding: calc( var(--u) * 35 ) calc( var(--u) * 20 ) calc( var(--u) * 20 );
	border-radius: calc( var(--u) * 8 );
}
.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 );
	margin-bottom: calc( var(--u) * 20 );
}
.post_content .flow__badge {
	padding: calc( var(--u) * 8 ) calc( var(--u) * 16 );
	font-size: calc( var(--u) * 14 );
	text-align: center;
}
.post_content .flow__lead {
	font-size: calc( var(--u) * 16 );
}
.post_content .flow__note {
	font-size: calc( var(--u) * 12 );
}
.flow__phase--decide {
	margin-bottom: calc( var(--u) * 28 );
}
.post_content .flow__box-note {
	margin-top: calc( var(--u) * 16 );
	font-size: calc( var(--u) * 12 );
	text-align: left;
}
.flow__more {
	margin-top: calc( var(--u) * 32 );
	padding-bottom: calc( var(--u) * 72 );
}
.flow__after {
	max-height: calc( var(--u) * 72 );
}
.flow__toggle {
	gap: calc( var(--u) * 10 );
	height: calc( var(--u) * 144 );
	padding: calc( var(--u) * 72 ) calc( var(--u) * 16 ) calc( var(--u) * 16 );
	font-size: calc( var(--u) * 16 );
}
.flow__toggle-arrow {
	width: calc( var(--u) * 26 );
	height: calc( var(--u) * 13 );
}
.flow__more.is-open .flow__toggle {
	margin-top: calc( var(--u) * 24 );
}
.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 );
}

/* 査定は3営業日以内 */

.cta--nocall .cta__title {
	--dot-top: calc( var(--u) * -10 );
	--dot-shift: calc( var(--u) * 41 );
	--dot-gap: calc( var(--u) * 27 );
	font-size: calc( var(--u) * 26 );
}

.cta--nocall .swell-block-fullWide__inner {
	padding-inline: var(--size20);
}
.cta--nocall .cta__button {
	margin: 0 auto;
}
.cta--nocall .cta__button .swell-block-button__link {
	min-width: calc( var(--u) * 280 );
	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--nocall .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--nocall .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 );
}

/* まだ、査定も早いという方へ */

.report {
	padding-bottom: calc( var(--u) * 64 ) !important;
}
.oknw-page-fv .post_content h2.report__heading {
	margin-bottom: calc( var(--u) * 24 );
	font-size: calc( var(--u) * 22 );
}
.post_content .report__text {
	margin-bottom: calc( var(--u) * 24 );
	padding: 0 calc( var(--u) * 20 );
	font-size: calc( var(--u) * 16 );
}
.report__button {
	gap: calc( var(--u) * 10 );
	padding: calc( var(--u) * 16 ) calc( var(--u) * 20 );
	font-size: calc( var(--u) * 16 );
}
.report__button::before {
	top: calc( var(--u) * -12 );
	padding: calc( var(--u) * 4 ) calc( var(--u) * 12 );
	font-size: calc( var(--u) * 14 );
}
.report__button::after {
	top: calc( var(--u) * 8 );
	border-top-width: calc( var(--u) * 8 );
	border-right-width: calc( var(--u) * 8 );
	border-left-width: calc( var(--u) * 8 );
}
.report__icon {
	width: calc( var(--u) * 24 );
	height: calc( var(--u) * 23 );
}

/* よくあるご質問 */

.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 );
}

/* まだ売ると決めていない方へ */

.oknw-page-fv .cta--last {
	padding-top: calc( var(--u) * 48 ) !important;
	padding-bottom: calc( var(--u) * 64 ) !important;
}
.cta--last .swell-block-fullWide__inner {
	padding: calc( var(--u) * 48 ) var(--size20);
}
.cta--last .cta__title {
	flex-wrap: wrap;
	gap: 0;
	column-gap: .25em;	
	margin-bottom: calc( var(--u) * 16 );
	font-size: calc( var(--u) * 26 );
	line-height: 1.4;
}
.cta--last .cta__title img {
	width: calc( var(--u) * 203 ) !important;
}
.post_content .cta--last .cta__lead {
	margin-inline: calc( var(--u) * -12 );
	margin-bottom: calc( var(--u) * 28 );
	font-size: calc( var(--u) * 16 );
}
.post_content .cta--last .cta__note {
	margin-top: calc( var(--u) * 12 );
	font-size: calc( var(--u) * 12 );
}
.cta--last .cta__button {
	margin: 0 auto;
}
.cta--last .cta__button .swell-block-button__link {
	min-width: calc( var(--u) * 280 );
	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--last .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--last .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 );
}
.oknw-page-fv .cta--last:has(+ .u-more-button) {
	margin-bottom: calc( var(--u) * 24 );
	padding-bottom: 0 !important;
}
.post_content .cta--last + .u-more-button {
	padding-bottom: calc( var(--u) * 64 );
}

/* タブレット */

@media (min-width: 600px) {
	.junban__cols .junban__card {
		--clmn-w--tab: 50% !important;
	}
	.junban__card:first-child::after {
		top: 50%;
		right: calc( var(--u) * -27 );
		bottom: auto;
		left: auto;
		width: calc( var(--u) * 14 );
		height: calc( var(--u) * 28 );
		transform: translateY(-50%);
	}
	.nayami__row {
		flex-direction: row;
		gap: calc( var(--u) * 16 );
	}
	.nayami__card {
		flex: 1 1 0;
		width: auto;
	}
	.nayami__card--worry {
		border-bottom: 1px solid #9eb2cc;
		border-radius: var(--oknw-radius);
	}
	.nayami__card--cando {
		border-radius: var(--oknw-radius);
	}
	.nayami__arrow {
		margin: 0;
		transform: none;
	}
	.post_content .flow__steps {
		gap: calc( var(--u) * 32 ) calc( var(--u) * 24 );
	}
	.flow__phase--know .flow__steps {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.flow__phase--decide .flow__steps {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.flow__phase--sell .flow__steps {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	.post_content .flow__step {
		padding: calc( var(--u) * 16 ) calc( var(--u) * 8 );
	}
	.flow__step::after {
		top: 50%;
		right: calc( var(--u) * -19 );
		bottom: auto;
		left: auto;
		width: calc( var(--u) * 14 );
		height: calc( var(--u) * 28 );
		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 28'%3E%3Cpath d='M0 25.5858V2.41421C0 1.52331 1.07714 1.07714 1.7071 1.7071L13.2929 13.2929C13.6834 13.6834 13.6834 14.3166 13.2929 14.7071L1.70711 26.2929C1.07714 26.9229 0 26.4767 0 25.5858Z'/%3E%3C/svg%3E");
		transform: translateY(-50%);
	}
	.flow__step-title {
		font-size: calc( var(--u) * 16 );
		white-space: normal;
		text-align: center;
	}
	.post_content .flow__step-img {
		width: 100%;
		max-width: calc( var(--u) * 120 );
		height: auto;
		aspect-ratio: 3 / 2;
	}
}

/* 固定ボトムバー */

.oknw-bottom-bar {
	padding: calc( var(--u) * 10 ) var(--size20) calc( var(--u) * 10 + env(safe-area-inset-bottom) );
}
.oknw-bottom-bar__button {
	gap: calc( var(--u) * 6 );
	width: 100%;
	max-width: calc( var(--u) * 350 );
	min-width: 0;
	margin-bottom: calc( var(--u) * 4 );
	padding: calc( var(--u) * 12 ) calc( var(--u) * 8 );
	font-size: calc( var(--u) * 14 );
}
.oknw-bottom-bar__button img {
	width: calc( var(--u) * 22 );
	height: auto;
}
.oknw-bottom-bar__note {
	font-size: calc( var(--u) * 12 );
}