@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Zen+Kurenaido&display=swap");

/* ノーコール査定 */

.oknw-page-fv .l-content {
	margin-bottom: 0;
	padding-top: 0;
}
.oknw-page-fv .l-mainContent__inner > .post_content {
	margin-top: 0;
}
.oknw-page-fv .oknw-footer__wave {
	background: #fff;
}

/* FV */

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

.swell-block-fullWide:has( > .swell-block-fullWide__inner > .fv ) {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.fv {
	position: relative;
	overflow: hidden;
	aspect-ratio: 1440 / 480;
	padding: calc( var(--fvu) * 56 ) 0 0 calc( var(--fvu) * 140 );
	background: url("/wp-content/uploads/2026/09/fv-bg_sell.jpg") no-repeat center 75% / cover;
}
.fv::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, #fff 31.4%, rgba(255, 255, 255, 0) 100%);
}
.fv p {
	margin: 0;
}
.fv__inner {
	position: relative;
	z-index: 1;
	width: calc( var(--fvu) * 460 );
}
.fv .fv__headline {
	margin: 0 0 calc( var(--fvu) * 28 );
	padding: 0;
	border: none;
	background: none;
	color: var(--oknw-navy);
	font-family: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Yu Gothic", "YuGothic", sans-serif;
	font-size: calc( var(--fvu) * 44 );
	font-weight: 500;
	letter-spacing: .02em;
	line-height: 1.4;
}
.fv .fv__lead {
	margin-bottom: calc( var(--fvu) * 36 );
	padding: 0 calc( var(--fvu) * 6 );
	color: #2b3d4f;
	font-size: calc( var(--fvu) * 22 );
	font-weight: 400;
	letter-spacing: .02em;
	line-height: 1.5;
}
.fv__cta {
	position: relative;
	isolation: isolate;
	width: calc( var(--fvu) * 374 );
}
.fv__cta-button {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: calc( var(--fvu) * 16 );
	height: calc( var(--fvu) * 62 );
	background: var(--oknw-orange);
	border-radius: 100px;
	color: #fff !important;
	font-size: calc( var(--fvu) * 18 );
	font-weight: 500;
	text-decoration: none;
	box-shadow: 0 2px 2px rgba(0, 0, 0, .1), 0 4px 8px -4px rgba(0, 0, 0, .2);
	transition: box-shadow .25s;
}
.fv__cta-button:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 12px 24px -12px rgba(0, 0, 0, .2);
}
.fv__cta-button img {
	width: calc( var(--fvu) * 20 );
	height: auto;
}
.fv__cta-button::before {
	content: attr(data-badge);
	position: absolute;
	top: calc( var(--fvu) * -12 );
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	padding: calc( var(--fvu) * 4 ) calc( var(--fvu) * 12 );
	border: 1px solid var(--oknw-orange);
	border-radius: 80px;
	background: #fff;
	color: #2b3d4f;
	font-size: calc( var(--fvu) * 14 );
	font-weight: 400;
	line-height: 1.2;
	white-space: nowrap;
}
.fv__cta-button::after {
	content: "";
	position: absolute;
	top: calc( var(--fvu) * 11 );
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #fff;
}
.fv .fv__cta-note {
	position: relative;
	width: fit-content;
	margin: calc( var(--fvu) * 16 ) 0 0 calc( var(--fvu) * 6 );
	color: var(--oknw-gray);
	font-size: calc( var(--fvu) * 14 );
	line-height: 1.4;
	text-align: left;
}
.fv .fv__cta-note span {
	display: block;
}
.fv .fv__cta-note::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: calc( var(--fvu) * -10 ) calc( var(--fvu) * -28 );
	border-radius: 2em;
	background: rgba(255, 255, 255, .85);
	filter: blur( calc( var(--fvu) * 6 ) );
	pointer-events: none;
}
.fv__label {
	position: absolute;
	top: calc( var(--fvu) * -38.4 );
	left: calc( var(--fvu) * 297.5 );
	z-index: 1;
	width: calc( var(--fvu) * 173 );
	margin: 0;
}
.fv__label-pc {
	display: block;
	width: 100%;
	height: auto;
}
.fv__label-sp {
	display: none;
}
.fv__deco {
	position: absolute;
	height: auto;
	pointer-events: none;
}
.fv__deco--circle-a1 {
	top: calc( var(--fvu) * 58 );
	left: calc( var(--fvu) * -25 );
	width: calc( var(--fvu) * 119 );
	opacity: .7;
}
.fv__deco--circle-a2 {
	top: calc( var(--fvu) * 52 );
	left: calc( var(--fvu) * 45 );
	width: calc( var(--fvu) * 76 );
	opacity: .7;
}
.fv__deco--circle-b1 {
	top: calc( var(--fvu) * 377 );
	left: calc( var(--fvu) * 67 );
	width: calc( var(--fvu) * 88 );
}
.fv__deco--circle-b2 {
	top: calc( var(--fvu) * 423 );
	left: calc( var(--fvu) * 45 );
	width: calc( var(--fvu) * 44 );
}
.fv__deco--watercolor {
	top: calc( var(--fvu) * 365 );
	left: calc( var(--fvu) * 447 );
	width: calc( var(--fvu) * 246 );
	transform: rotate(-172.3deg);
	opacity: .4;
}
.fv__deco--bird-1 {
	top: calc( var(--fvu) * 247 );
	left: calc( var(--fvu) * 759 );
	width: calc( var(--fvu) * 67 );
	opacity: .6;
}
.fv__deco--bird-2 {
	top: calc( var(--fvu) * 298 );
	left: calc( var(--fvu) * 697 );
	width: calc( var(--fvu) * 47 );
	transform: rotate(23.5deg);
	opacity: .6;
}

/* パンくず */

.oknw-page-fv .post_content > .oknw-breadcrumb {
	margin-top: 0;
	margin-bottom: 0;
}
.oknw-page-fv .p-breadcrumb.-bg-on {
	margin: 0;
	padding: calc( var(--fvu) * 10 ) 0;
	background: #fff;
	box-shadow: none;
}
.oknw-page-fv .post_content .p-breadcrumb__list {
	max-width: none;
	margin: 0;
	padding: 0 calc( var(--fvu) * 144 );
	list-style: none;
	gap: 8px;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", sans-serif;
	font-size: 12px;
	line-height: 1.2;
	color: var(--oknw-text);
}
.oknw-page-fv .post_content .p-breadcrumb__item {
	margin: 0;
	padding: 0;
	gap: 8px;
}
.oknw-page-fv .p-breadcrumb__item:last-child span {
	opacity: 1;
}

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

.kyokan {
	background: #fff;
}
.post_content .kyokan__cols {
	max-width: 900px;
	margin: 0 auto;
}
.kyokan__cols > .swell-block-columns__inner {
	align-items: flex-start;
}
.post_content .kyokan__img {
	margin: 0;
}
.kyokan__img img {
	width: 100%;
	aspect-ratio: 430 / 439;
	object-fit: cover;
}
.post_content .kyokan__text {
	margin: 0 0 32px;
	font-size: 16px;
	line-height: 1.8;
	color: var(--oknw-text);
}
.post_content .kyokan__text:last-child {
	margin-bottom: 0;
}
.post_content .kyokan__em {
	font-weight: 700;
	color: var(--oknw-navy);
}

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

.junban {
	position: relative;
	overflow: hidden;
	padding-top: 96px !important;
	padding-bottom: 196px !important;
	background: #f5f9fb;
}
.junban > .swell-block-fullWide__inner {
	position: static;
}
.junban::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	border-left: 70px solid transparent;
	border-right: 70px solid transparent;
	border-top: 52px solid #fff;
}
.junban::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 108px;
	background: #fff;
	clip-path: polygon(0 0, 50% 100%, 100% 0, 100% 100%, 0 100%);
	pointer-events: none;
}
.post_content .junban__cols {
	position: relative;
	max-width: 680px;
	margin: 0 auto 48px;
}
.junban__card {
	--swl-clmn-pddng: 24px;
	position: relative;
	background: #fff;
	border: 1px solid #9eb2cc;
	border-radius: var(--oknw-radius);
	text-align: center;
}
.junban__card--nocall {
	border-color: var(--oknw-teal);
}
.junban__card:first-child::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -30px;
	width: 14px;
	height: 28px;
	background: url("../../img/junban-arrow.svg") no-repeat center / contain;
	transform: translateY(-50%);
}
.post_content .junban__card-title {
	margin: 0 0 32px;
	padding: 6px 0 8px;
	border-radius: var(--oknw-radius);
	background: #ebeff1;
	color: var(--oknw-navy);
	font-size: 20px;
	letter-spacing: .02em;
	line-height: 1;
}
.junban__card--nocall .junban__card-title {
	background: var(--oknw-teal);
	color: #fff;
}
.post_content .junban__steps {
	counter-reset: junban-step;
	width: 164px;
	margin: 0 auto 24px;
	padding: 0;
	list-style: none;
}
.post_content .junban__steps > li {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
	padding: 0 8px;
	color: var(--oknw-navy);
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	text-align: left;
	white-space: nowrap;
}
.post_content .junban__steps > li + li {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #ebeff1;
}
.post_content .junban__steps > li::before {
	counter-increment: junban-step;
	content: counter(junban-step);
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	padding-bottom: .1em;
	border-radius: 50%;
	background: #ebeff1;
	color: var(--oknw-navy);
	font-family: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", sans-serif;
	font-size: 16px;
	font-weight: 700;
}
.junban__card--nocall .junban__steps > li {
	color: var(--oknw-teal);
}
.junban__card--nocall .junban__steps > li::before {
	background: var(--oknw-teal);
	color: #fff;
}
.post_content .junban__card-note {
	margin: 0;
	color: var(--oknw-navy);
	font-size: 16px;
	line-height: 1.8;
}
.post_content .junban__text {
	max-width: 640px;
	margin: 0 auto 2em;
	color: var(--oknw-text);
	font-size: 16px;
	letter-spacing: .02em;
	line-height: 2;
}
.post_content .junban__text:last-of-type {
	margin-bottom: 0;
}
.junban__figure {
	position: absolute;
	z-index: 1;
	left: calc( 50% + 1px );
	bottom: 9px;
	width: 422px;
	height: 162px;
	transform: translateX(-50%);
}
.junban__balloon {
	position: absolute;
	top: 10px;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 287px;
	height: 108px;
	margin: 0;
	padding: 0 0 .5em .75em;	
	border-radius: 50%;
	background: #fff;
	color: var(--oknw-navy);
	font-size: 18px;
	font-weight: 700;
	letter-spacing: .02em;
	line-height: 1.67;
	text-align: center;
}
.junban__balloon-tail {
	position: absolute;
	top: 74px;
	left: 258px;
	width: 49px;
	height: auto;
}
.junban__person {
	position: absolute;
	top: 0;
	right: 0;
	width: 111px;
	height: 162px;
	margin: 0;
}
.junban__person img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scaleX(-1);
}

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

.nayami {
	background: #fff;
}
.nayami__row {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	gap: 40px;
}
.nayami__row + .nayami__row {
	margin-top: 40px;
}
.nayami__card {
	display: flex;
	align-items: center;
	gap: 16px;
	width: 492px;
	min-height: 92px;
	padding: 22px 24px;
	border: 1px solid #9eb2cc;
	border-radius: var(--oknw-radius);
	background: #fff;
}
.nayami__card--cando {
	border-color: var(--oknw-teal);
}
.nayami__icon {
	flex: none;
	width: 40px;
	height: 40px;
}
.nayami__text {
	margin: 0;
	color: var(--oknw-navy);
	font-size: 16px;
	font-weight: 500;
	letter-spacing: .02em;
	line-height: 1.5;
}
.nayami__card--cando .nayami__text {
	color: var(--oknw-text);
}
.nayami__arrow {
	position: absolute;
	top: 50%;
	left: calc( 50% + 1px );
	width: 14px;
	height: 28px;
	transform: translate(-50%, -50%);
}
.nayami__note {
	margin: 48px 0 0;
	color: var(--oknw-gray);
	font-size: 12px;
	line-height: 1.8;
	text-align: center;
}

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

.prices__cards {
	--swl-clmn-mrgn--x: 24px;
	--swl-clmn-mrgn--y: 24px;
}
.post_content .prices__cards {
	counter-reset: prices-card;
	margin-bottom: 72px;
	border-radius: 16px;
	background: #fff;
}
.prices__card {
	--swl-clmn-pddng: 24px;
	counter-increment: prices-card;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	border: 1px solid var(--price-color);
	border-radius: var(--oknw-radius);
	background: var(--price-bg);
	text-align: center;
}
.prices__card--strong {
	--price-color: #db6c79;
	--price-bg: #fbf4f4;
}
.prices__card--standard {
	--price-color: #47aa8e;
	--price-bg: #f4fbf9;
}
.prices__card--steady {
	--price-color: #6298c9;
	--price-bg: #f7f9fb;
}
.prices__card--buy {
	--price-color: var(--oknw-orange);
	--price-bg: #fef7f5;
}
.post_content .prices__label {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	margin: 0;
	padding: 8px 16px;
	border: 1px solid var(--price-color);
	border-radius: var(--oknw-radius);
	background: #fff;
	color: var(--oknw-text);
	font-size: 26px;
	font-weight: 500;
	letter-spacing: .02em;
	line-height: 1;
}
.post_content .prices__label::before {
	content: counter(prices-card);
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	padding-bottom: .15em;
	border-radius: 50%;
	background: var(--price-color);
	color: #fff;
	font-size: 18px;
	font-weight: 700;
}
.post_content .prices__desc {
	margin: 0;
	color: var(--oknw-text);
	font-size: 16px;
	letter-spacing: .02em;
	line-height: 1.6;
}
.post_content .prices__sub {
	margin: -4px 0 0;
	color: var(--oknw-text);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .02em;
	line-height: 1.6;
}
.post_content .prices__lead {
	max-width: 544px;
	margin: 0 auto 32px;
}
.prices__lead > .swell-block-columns__inner {
	align-items: center;
}
.post_content .prices__person {
	margin: 0;
}
.prices__person img {
	display: block;
	width: 100%;
	height: auto;
}
.post_content .prices__lead-text {
	margin: 0;
	color: var(--oknw-navy);
	font-size: 18px;
	letter-spacing: .02em;
	line-height: 1.8;
}
.post_content .prices__notes {
	max-width: 544px;
	margin: 0 auto;
	padding-left: 1.4em;
	color: var(--oknw-gray);
	font-size: 12px;
	letter-spacing: .02em;
	line-height: 1.8;
	text-indent: -1.4em;
}

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

.flow .swell-block-fullWide__inner {
	max-width: 1024px;
	padding-inline: 0;
}
.post_content .flow__inner {
	margin: 0;
}
.flow__phase {
	--flow-accent: #6298c9;
	--flow-bg: #f7f9fb;
	--flow-border: #b0cbe4;
	position: relative;
	max-width: 900px;
	margin: 0 auto 48px;
	padding-top: 16px;
}
.flow__phase--decide {
	--flow-accent: #47aa8e;
	--flow-bg: #f4fbf9;
	--flow-border: #bce3d8;
	max-width: 640px;
	margin-bottom: 32px;
}
.flow__phase--sell {
	--flow-accent: var(--oknw-orange);
	--flow-bg: #fef7f5;
	--flow-border: #fad59c;
	max-width: none;
	margin-bottom: 0;
}
.flow__box {
	padding: 35px 24px 24px;
	border-radius: 8px;
	background: var(--flow-bg);
	box-shadow: inset 0 0 0 1px var(--flow-border);
}
.flow__phase-label {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	display: inline-flex;
	justify-content: center;
	min-width: 120px;
	padding: 8px 24px;
	border-radius: 4px;
	background: var(--flow-accent);
	color: #fff;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: .02em;
	transform: translateX(-50%);
}
.post_content .flow__steps {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 1fr;
	gap: 24px;
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}
.post_content .flow__badge {
	width: fit-content;
	margin: 0 auto;
	padding: 8px 20px;
	border-radius: .25em;
	background: var(--flow-accent);
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: .02em;
	line-height: 1.5;
}
.post_content .flow__step {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	margin: 0;
	padding: 24px;
	border-radius: 4px;
	background: #fff;
	box-shadow: inset 0 0 0 1px var(--flow-border);
}
.flow__step::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -20px;
	width: 14px;
	height: 28px;
	background: var(--flow-accent);
	mask: 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") no-repeat center / contain;
	transform: translateY(-50%);
}
.flow__step:last-child::after {
	display: none;
}
.flow__step-head {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}
.flow__step-num {
	display: inline-flex;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: var(--flow-accent);
	color: #fff;
	font-family: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Yu Gothic", "YuGothic", sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	padding-top: .1em;
	text-box: trim-both cap alphabetic;
}
@supports not (text-box: trim-both cap alphabetic) {
	.flow__step-num {
		padding-bottom: 2px;
	}
}
.flow__step-title {
	font-family: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Yu Gothic", "YuGothic", sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: .02em;
	color: var(--oknw-navy);
	white-space: nowrap;
}
.flow__step-sub {
	position: absolute;
	top: 26px;
	right: -3px;
	font-family: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Yu Gothic", "YuGothic", sans-serif;
	font-size: 10px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: .02em;
	color: var(--oknw-navy);
	white-space: nowrap;
}
.post_content .flow__step-img {
	display: block;
	width: 147px;
	height: 100px;
	margin: 0;
}
.post_content .flow__lead {
	margin: 0 0 8px;
	color: var(--oknw-navy);
	font-size: 18px;
	letter-spacing: .02em;
	line-height: 1.8;
	text-align: center;
}
.post_content .flow__note {
	margin: 0;
	color: var(--oknw-navy);
	font-size: 14px;
	letter-spacing: .02em;
	line-height: 1.8;
	text-align: center;
}
.post_content .flow__box-note {
	margin: 20px 0 0;
	color: var(--oknw-gray);
	font-size: 14px;
	letter-spacing: .02em;
	line-height: 1.5;
	text-align: center;
}
.flow__more {
	position: relative;
	margin-top: 48px;
	padding-bottom: 72px;
}
.flow__more.is-open {
	padding-bottom: 0;
}
.flow__after {
	max-height: 72px;
	overflow: hidden;
	transition: max-height .4s ease;
}
.flow__more.is-open .flow__after {
	max-height: none;
	overflow: visible;
}
.flow__toggle {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	width: 100%;
	max-width: 900px;
	height: 144px;
	margin: 0;
	padding: 72px 32px 16px;
	border: 0;
	border-radius: 8px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 55%);
	color: var(--oknw-navy);
	font-size: 16px;
	font-weight: 700;
	letter-spacing: .02em;
	line-height: 1.2;
	cursor: pointer;
	transform: translateX(-50%);
	transition: opacity .25s;
}
.flow__toggle:hover {
	opacity: .8;
}
.flow__toggle-arrow {
	display: block;
	width: 28px;
	height: 14px;
	background: #47aa8e;
	mask: 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") no-repeat center / contain;
}
.flow__more.is-open .flow__toggle {
	position: static;
	height: auto;
	margin: 32px auto 0;
	padding: 0;
	background: none;
	transform: none;
}
.flow__more.is-open .flow__toggle-arrow {
	transform: rotate(180deg);
}

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

.cta--nocall .swell-block-fullWide__inner {
	padding: 65px 40px 66px;
}
.cta--nocall .cta__title {
	--dot-top: -12px;
	--dot-shift: 61px;
	--dot-gap: 41px;
	display: block;
}

.cta--nocall .cta__button {
	position: relative;
	margin: 0 auto;
}
.cta--nocall .cta__button .swell-block-button__link {
	background: var(--oknw-line-green);
	font-weight: 700;
	box-shadow: 0 4px 4px rgba(0, 0, 0, .12);
}
.cta--nocall .cta__button .swell-block-button__link:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 12px 24px -12px rgba(0, 0, 0, .2);
}
.cta--nocall .cta__button--free::before {
	content: "無料";
	position: absolute;
	z-index: 1;
	top: -12px;
	left: 50%;
	padding: 4px 12px;
	border: 1px solid var(--oknw-line-green);
	border-radius: 100px;
	background: #fff;
	color: var(--oknw-line-green);
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	transform: translateX(-50%);
}
.cta--nocall .cta__button--free::after {
	content: "";
	position: absolute;
	z-index: 2;
	top: 11px;
	left: 50%;
	border-top: 8px solid #fff;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	transform: translateX(-50%);
}

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

.report {
	padding-top: 0 !important;
	padding-bottom: 96px !important;
	background: #fff;
	text-align: center;
}
.oknw-page-fv .post_content h2.report__heading {
	margin: 0 0 32px;
	padding: 0;
	border: none;
	background: none;
	color: var(--oknw-blue);
	font-size: 32px;
	font-weight: 500;
	letter-spacing: .02em;
	line-height: 1.4;
}
.oknw-page-fv .post_content h2.report__heading::before,
.oknw-page-fv .post_content h2.report__heading::after {
	content: none;
	display: none;
}
.post_content .report__text {
	margin: 0 0 32px;
	color: var(--oknw-text);
	font-size: 16px;
	letter-spacing: .02em;
	line-height: 1.8;
}
.report__button {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 14px;
	padding: 20px 24px;
	border: 1px solid var(--oknw-line-green);
	border-radius: 80px;
	background: #fff;
	color: var(--oknw-line-green) !important;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	transition: box-shadow .25s;
}
.report__button:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 12px 24px -12px rgba(0, 0, 0, .2);
}
.report__button::before {
	content: "無料";
	position: absolute;
	z-index: 1;
	top: -13px;
	left: 50%;
	padding: 4px 12px;
	border-radius: 100px;
	background: var(--oknw-line-green);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	transform: translateX(-50%);
}
.report__button::after {
	content: "";
	position: absolute;
	z-index: 2;
	top: 9px;
	left: 50%;
	border-top: 8px solid var(--oknw-line-green);
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	transform: translateX(-50%);
}
.report__icon {
	display: inline-block;
	flex: none;
	width: 28px;
	height: 27px;
	background: currentColor;
	mask: url("data:image/svg+xml,%3Csvg width='28' height='27' viewBox='0 0 28 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='cta__line-icon' fill-rule='evenodd' clip-rule='evenodd' d='M14 0C6.2825 0 0 5.15416 0 11.495C0 17.1806 4.9875 21.9451 11.7075 22.8484C12.1625 22.9546 12.7925 23.1495 12.95 23.5391C13.09 23.9111 13.0375 24.4601 12.985 24.8321L12.7925 26.0365C12.7225 26.3907 12.5125 27.4357 14 26.7981C15.4875 26.1605 22.0675 21.9982 25.0075 18.5798C27.0375 16.3304 28 14.0455 28 11.495C28 5.15416 21.7175 0 14 0ZM9.065 14.8957C9.065 15.0374 8.9425 15.1614 8.785 15.1614H4.865L4.6725 15.0905L4.585 14.8957V8.71426C4.585 8.55485 4.7075 8.43087 4.865 8.43087H5.845C6.0025 8.43087 6.125 8.55485 6.125 8.71426V13.6205H8.785C8.9425 13.6205 9.065 13.7444 9.065 13.8861V14.8957ZM11.4275 14.8957C11.4275 15.0374 11.305 15.1614 11.165 15.1614H10.1675C10.0275 15.1614 9.905 15.0374 9.905 14.8957V8.71426C9.905 8.55485 10.0275 8.43087 10.1675 8.43087H11.165C11.305 8.43087 11.4275 8.55485 11.4275 8.71426V14.8957ZM18.1825 14.8957C18.1825 15.0374 18.06 15.1614 17.92 15.1614H16.835L16.8175 15.1437H16.8L16.73 15.0728L13.93 11.2471V14.9134C13.93 15.0551 13.8075 15.1791 13.65 15.1791H12.67C12.53 15.1791 12.4075 15.0551 12.4075 14.9134V8.73197C12.4075 8.57256 12.53 8.44858 12.67 8.44858H13.685L13.755 8.46629V8.484H13.79L13.8075 8.50172H13.825V8.53714H13.8425L13.86 8.57256L16.66 12.3983V8.73197C16.66 8.57256 16.7825 8.44858 16.94 8.44858H17.92C18.06 8.44858 18.1825 8.57256 18.1825 8.73197V14.9134V14.8957ZM23.6075 9.70613C23.6075 9.86553 23.485 9.98952 23.345 9.98952H20.6675V11.0345H23.345C23.485 11.0345 23.6075 11.1585 23.6075 11.3002V12.2921C23.6075 12.4515 23.485 12.5755 23.345 12.5755H20.6675V13.6205H23.345C23.485 13.6205 23.6075 13.7444 23.6075 13.8861V14.8957C23.6075 15.0374 23.485 15.1614 23.345 15.1614H19.4075L19.2325 15.0905H19.215L19.145 14.8957V8.71426L19.215 8.51943H19.2325L19.4075 8.43087H23.345C23.485 8.43087 23.6075 8.55485 23.6075 8.71426V9.70613Z' fill='white'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* よくあるご質問 */

.faq {
	position: relative;
	isolation: isolate;
	background: #f5f9fb;
}
.faq .swell-block-fullWide__inner {
	position: relative;
	max-width: 800px;
	padding-inline: 0;
}
.post_content .faq__deco-wrap {
	height: 0;
	margin: 0;
}
.post_content .faq__deco-wrap + h2.is-style-section_ttl {
	margin-top: 0;
}
.faq__deco {
	position: absolute;
	z-index: 1;
	margin: 0;
	pointer-events: none;
}
.faq__deco--bird {
	top: 88px;
	left: -10px;
	width: 70px;
	height: auto;
}
.faq__deco--flower {
	right: -55px;
	bottom: -37px;
	width: 109px;
	height: auto;
}
.faq .swell-block-faq {
	display: grid;
	gap: 16px;
	margin: 0;
}
.faq .swell-block-faq .swell-block-faq__item {
	margin: 0;
	border-radius: 8px;
	background: #fff;
}
.faq .swell-block-faq .faq_q {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 20px 16px;
	font-family: "Zen Maru Gothic", sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: .02em;
	color: var(--oknw-navy);
	cursor: pointer;
}
.faq .swell-block-faq .faq_q::before,
.faq .swell-block-faq .faq_a::before {
	position: static;
	display: inline-flex;
	flex: none;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	box-shadow: none;
	background: var(--oknw-blue);
	color: #fff;
	font-family: "Zen Maru Gothic", sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	padding-top: .45em;
	text-box: trim-both cap alphabetic;
}
.faq .swell-block-faq .faq_q::after {
	content: "";
	flex: none;
	width: 10px;
	height: 10px;
	margin: -6px 3px 0 auto;
	border-right: 2px solid #b0bccb;
	border-bottom: 2px solid #b0bccb;
	transform: rotate(45deg);
	transition: transform .3s;
}
.faq .swell-block-faq .is-open .faq_q::after {
	margin-top: 4px;
	transform: rotate(-135deg);
}
.faq .swell-block-faq .faq_a::before {
	content: none;
}
.faq .swell-block-faq.is-ready .faq_a {
	display: grid;
	grid-template-rows: 0fr;
	margin: 0 16px;
	padding: 0;
	transition: grid-template-rows .35s ease;
}
.faq .swell-block-faq.is-ready .is-open .faq_a {
	grid-template-rows: 1fr;
}
.faq__a-inner {
	min-height: 0;
	overflow: hidden;
}
.faq__a-body {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	padding: 20px 0;
	border-top: 1px solid var(--oknw-card-border);
}
.faq__a-body::before {
	content: "A";
	display: inline-flex;
	flex: none;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	box-shadow: inset 0 0 0 1px var(--oknw-blue);
	background: #fff;
	color: var(--oknw-blue);
	font-family: "Zen Maru Gothic", sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	padding-top: .45em;
	text-box: trim-both cap alphabetic;
}
.post_content .faq__a-body > * {
	flex: 1;
	margin: 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.7;
	letter-spacing: .02em;
	color: var(--oknw-text);
}

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

.oknw-page-fv .cta--last {
	padding-top: 80px !important;
	padding-bottom: 100px !important;
	background: #fff;
}
.cta--last .swell-block-fullWide__inner {
	max-width: 1024px;
	padding: 65px 40px 66px;
}
.cta--last .cta__title {
	gap: 4px;
	margin-bottom: 16px;
}
.cta--last .cta__title::before {
	content: none;
}
.cta--last .cta__title img {
	width: 305px;
	height: auto;
}
.post_content .cta--last .cta__lead {
	margin: 0 0 40px;
	color: #2b3d4f;
	font-size: 16px;
	letter-spacing: .02em;
	line-height: 1.8;
}
.post_content .cta--last .cta__note {
	margin: 16px 0 0;
	color: var(--oknw-gray);
	font-size: 12px;
	letter-spacing: .02em;
	line-height: 1.7;
}
.cta--last .cta__button {
	position: relative;
	margin: 0 auto;
}
.cta--last .cta__button .swell-block-button__link {
	background: var(--oknw-line-green);
	font-weight: 700;
	box-shadow: 0 4px 4px rgba(0, 0, 0, .12);
}
.cta--last .cta__button .swell-block-button__link:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 12px 24px -12px rgba(0, 0, 0, .2);
}
.cta--last .cta__button--free::before {
	content: "無料";
	position: absolute;
	z-index: 1;
	top: -12px;
	left: 50%;
	padding: 4px 12px;
	border: 1px solid var(--oknw-line-green);
	border-radius: 100px;
	background: #fff;
	color: var(--oknw-line-green);
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	transform: translateX(-50%);
}
.cta--last .cta__button--free::after {
	content: "";
	position: absolute;
	z-index: 2;
	top: 11px;
	left: 50%;
	border-top: 8px solid #fff;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	transform: translateX(-50%);
}
.oknw-page-fv .cta--last:has(+ .u-more-button) {
	margin-bottom: 32px;
	padding-bottom: 0 !important;
}
.post_content .cta--last + .u-more-button {
	margin-top: 0;
	padding-bottom: 80px;
}

/* 固定ボトムバー */

.oknw-bottom-bar {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
	padding: 12px 20px;
	background: #fff;
	box-shadow: 0 -4px 16px rgba(26, 51, 64, .16);
	text-align: center;
	opacity: 0;
	visibility: hidden;
	transition: opacity .35s ease, visibility .35s ease;
}
.oknw-bottom-bar--visible {
	opacity: 1;
	visibility: visible;
}
.oknw-bottom-bar__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	min-width: 306px;
	margin: 0 0 4px;
	padding: 14px 24px;
	border-radius: 80px;
	background: var(--oknw-line-green);
	box-shadow: 0 4px 4px rgba(0, 0, 0, .12);
	color: #fff !important;
	font-family: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Yu Gothic", "YuGothic", sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .02em;
	text-decoration: none;
	transition: box-shadow .25s;
}
.oknw-bottom-bar__button:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 12px 24px -12px rgba(0, 0, 0, .2);
}
.oknw-bottom-bar__button img {
	width: 28px;
	height: 27px;
}
.oknw-bottom-bar__note {
	margin: 0;
	color: var(--oknw-navy);
	font-size: 12px;
	line-height: 1.4;
}
.p-fixBtnWrap {
	transition: opacity .3s, transform .3s, visibility .3s, bottom .35s ease;
}
.oknw-bottom-bar-open .p-fixBtnWrap {
	bottom: calc( 1.25em + var(--oknw-bottom-bar-h, 0px) );
}