@charset "UTF-8";

/* トップページ（SP・959px以下） */

/* FV */

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

.swell-block-fullWide:has( > .swell-block-fullWide__inner > .fv ) {
	background-image: url(/wp-content/uploads/2026/09/fv-bg_sp2.png) !important;
}
.fv {
	aspect-ratio: 390 / 804;
	padding: calc( var(--fvu) * 74 ) calc( var(--fvu) * 36 ) 0;
}

.fv .fv__label {
	margin: 0 calc( var(--fvu) * -16 );
}
.fv__label img {
	width: calc( var(--fvu) * 180 );
	margin-left: auto;
	transform: rotate(15.9deg);
}

.fv .fv__catch-line1 {
	display: block;
	margin: -1em 0 0;
}
.fv__catch-line1 img {
	width: calc( var(--fvu) * 180 );
}
.fv__catch-line1 span {
	float: left;
	margin-top: 0;
}
.fv__catch-line1 span,
.fv .fv__catch-line2 {
	font-size: calc( var(--fvu) * 30 );
}
.fv .fv__catch-line2 {
	margin-bottom: calc( var(--fvu) * 16 );
}

.fv .fv__sub {
	font-size: calc( var(--fvu) * 16 );
	margin-bottom: calc( var(--fvu) * 60 );
	padding-left: .25em;
}
.fv .fv__underline {
	display: none;
}
.fv__cta {
	width: calc( var(--fvu) * 294 );
	margin-inline: auto;
}
.fv__cta-button {
	height: calc( var(--fvu) * 54 );
	gap: calc( var(--fvu) * 8 );
	font-size: calc( var(--fvu) * 16 );
}
.fv__cta-button img {
	width: calc( var(--fvu) * 24 );
}
.fv__cta-button::before {
	top: calc( var(--fvu) * -16 );
	font-size: calc( var(--fvu) * 12 );
}
.fv__cta-button::after {
	top: calc( var(--fvu) * 6 );
}

/* セクション共通 */

#reason .swell-block-fullWide__inner,
#flow .swell-block-fullWide__inner,
#blog .swell-block-fullWide__inner,
#kindle .swell-block-fullWide__inner {
	max-width: 425px;
	margin-inline: auto;
}

/* お知らせ #news */

#news .p-postList__body {
	flex-direction: column;
	align-items: flex-start;
	gap: calc( var(--u) * 12 );
}
#news .p-postList__link {
	padding: calc( var(--u) * 24 ) 0;
}
#news .p-postList__times {
	font-size: calc( var(--u) * 13 );
}
#news .c-postTimes__posted::before {
	font-size: calc( var(--u) * 12 );
	margin-right: calc( var(--u) * 4 );
}
#news .p-postList__title {
	font-size: var(--size14);
}
#news .news__badge {
	margin-right: calc( var(--u) * 12 );
	padding: calc( var(--u) * 4 ) calc( var(--u) * 10 );
	font-size: calc( var(--u) * 12 );
}
#news .u-more-button {
	margin-top: calc( var(--u) * 28 );
}

/* 選ばれる理由 #reason */

#reason::before {
	top: calc( var(--u) * -95 );
	left: calc( var(--u) * -7 );
	width: calc( var(--u) * 69 );
	height: calc( var(--u) * 405 );
	background-image: url(../../img/deco--stream-sp.svg);
}
#reason::after {
	top: calc( var(--u) * 243 );
	width: calc( var(--u) * 69 );
	height: calc( var(--u) * 405 );
	background-image: url(../../img/deco--stream-sp.svg);
	background-size: 100% 100%;
	transform: rotate(180deg);
}
#statement::before {
	top: calc( var(--u) * -515 );
	width: calc( var(--u) * 69 );
	height: calc( var(--u) * 405 );
	background-image: url(../../img/deco--stream-sp.svg);
}

#flow {
	overflow-x: clip;
}
#flow::before {
	top: calc( var(--u) * 218 );
	right: max( calc( var(--u) * -18 ), calc( 50% - 212.5px ) );
	width: calc( var(--u) * 213 );
	height: calc( var(--u) * 153 );
	background: url(../../img/statement__bg-logo-sp.png) no-repeat left top / 100% 100%;
}

.reason__lead {
	position: static;
	margin: 0 0 calc( var(--u) * 14 );
	text-align: center;
}
.reason__lead img {
	content: url(../../img/reason-lead.png);
	width: calc( var(--u) * 178 );
	transform: none;
}
.reason__item {
	padding: var(--size24);
	margin-bottom: calc( var(--size14) * 2 );
}
.reason__item .reason__box {
	--swl-clmn-mrgn--x: calc( var(--size24) / 2 );
	margin-bottom: var(--size20);
}
.reason__img {
	margin-bottom: var(--size20);
}
.reason__text {
	margin-bottom: calc( var(--u) * 28 );
	padding: 0;
	font-size: var(--size16);
	text-align: center;
}
.reason__item .u-more-button {
	padding: 0;
	text-align: center;
}

/* ご利用の流れ #flow */

.flow__item:not(:last-child)::after {
	content: none;
}

#flow .swell-block-fullWide__inner > .swell-block-columns {
	--swl-clmn-mrgn--y: calc( var(--u) * 48 );
}

.flow__item:not(:last-child) .flow__icon::after {
	content: "";
	position: absolute;
	top: calc( var(--u) * 71 );
	bottom: calc( var(--u) * -40 );
	left: 50%;
	transform: translateX(-50%);
	width: calc( var(--u) * 2 );
	background: linear-gradient(to bottom, var(--oknw-gray) calc( var(--u) * 4 ), transparent calc( var(--u) * 4 )) repeat-y left top / calc( var(--u) * 2 ) calc( var(--u) * 12 );
}
.flow__box {
	--swl-clmn-mrgn--x: calc( var(--size20) / 2 );
}
.flow__icon {
	position: relative;
}

.flow__icon img {
	width: calc( var(--u) * 64 ) !important;
	height: calc( var(--u) * 64 ) !important;
}
.flow__item-box * {
	text-align: left !important;
}

.flow__item .flow__item-box {
	padding-top: calc( var(--u) * 7 );
}
.flow__num {
	margin-bottom: 0;
	font-size: var(--size14);
	line-height: 1.6;
}
.flow__item .flow__title {
	margin-bottom: calc( var(--size16) / 2 ) !important;
	line-height: 1.6;
}
.flow__text {
	margin-bottom: calc( var(--u) * 8 );
	font-size: var(--size14);
	line-height: 1.6;
}
.flow__note {
	font-size: calc( var(--u) * 12 );
}

/* ブログ #blog */

#blog::before {
	top: calc( var(--u) * 196 );
	right: calc( var(--u) * 40 );
	bottom: 0;
	height: auto;
}
.blog__list .p-postList.-type-card {
	margin-left: 0;
	margin-right: 0;
}

.blog__list .p-postList__item {
	width: 100%;
	padding: 0;
	margin-bottom: calc( var(--u) * 28 );
}
.blog__list .p-postList__item:last-child {
	margin-bottom: 0;
}
.blog__list .p-postList__link {
	box-shadow: 0 calc( var(--u) * 8 ) calc( var(--u) * 20 ) rgba(26, 51, 64, 0.08);
}
.blog__list .c-postThumb__cat {
	top: calc( var(--u) * 14 );
	right: calc( var(--u) * 14 );
	font-size: calc( var(--u) * 12 );
}
.blog__list .p-postList__body {
	padding: calc( var(--u) * 16 ) calc( var(--u) * 16 ) calc( var(--u) * 18 );
	gap: calc( var(--u) * 6 );
}

.blog__list .-type-card .p-postList__title {
	font-size: var(--size16);
	line-height: 1.6;
}
.blog__list .p-postList__meta {
	font-size: calc( var(--u) * 12 );
}

.blog__list .p-postList__item:first-child::before {
	top: calc( var(--u) * -31 );
	left: calc( var(--u) * -4 );
	width: calc( var(--u) * 48 );
	height: calc( var(--u) * 36 );
}
.blog__list .p-postList__item:last-child::after {
	right: calc( var(--u) * -7 );
	bottom: calc( var(--u) * -14 );
	width: calc( var(--u) * 76 );
	height: calc( var(--u) * 55 );
}

/* Kindle本 #kindle */

#kindle .kindle__cols {
	--swl-clmn-mrgn--y: calc( var(--u) * 40 );
}

#kindle .kindle__lead {
	margin-left: 0;
	text-align: center;
}
#kindle .kindle__lead img {
	transform: none;
}

#kindle h2.is-style-section_ttl {
	margin-bottom: 1em;
	text-align: center;
}
#kindle h2.is-style-section_ttl::after {
	margin-left: auto;
}
#kindle .kindle__text,
#kindle .kindle__points-label {
	text-align: center;
}

#kindle .kindle__points li {
	margin-inline: auto;
}

#kindle .kindle__amazon {
	text-align: center;
}

/* 会社概要・代表挨拶 #company */

.company__box {
	--swl-clmn-mrgn--y: calc( var(--u) * 28 );
}
.company__table table {
	border-spacing: 0 calc( var(--u) * 6 );
	--swl-cell1-width: calc( var(--u) * 108 );
}
.company__table tr th,
.company__table tr td {
	font-size: var(--size14);
}
.company__table tr th {
	padding: calc( var(--u) * 12 ) calc( var(--u) * 16 );
}
.company__table tr td {
	padding: calc( var(--u) * 12 ) 0 calc( var(--u) * 12 ) calc( var(--u) * 16 );
}
.company__map {
	font-size: var(--size14);
	min-height: calc( var(--u) * 210 );
}

@media (max-width: 599px) {
	.greeting {
		--swl-clmn-mrgn--y: calc( var(--u) * 28 );
	}
	.greeting::before {
		top: calc( var(--u) * 200 );
		bottom: calc( var(--u) * -48 );
		right: calc( var(--u) * 24 );
		left: calc( (100% - 100vw) / 2 );
		border-radius: 0 var(--oknw-radius) var(--oknw-radius) 0;
	}
	.greeting > .swell-block-columns__inner {
		justify-content: center;
	}
	.greeting__photo {
		order: -1;
/* 		min-height: calc( var(--u) * 350 ); */
		--clmn-w--mobile: 80% !important;
		min-height: 0;
		margin-left: auto;
	}
	.greeting__img img {
/* 		height: calc( var(--u) * 280 ); */
		height: auto;
		aspect-ratio: 1 / 1;
	}
	.greeting__body {
		--swl-clmn-pddng: 0 calc( var(--u) * 48 ) 0 calc( var(--u) * 20 );
	}
	p.greeting__role {
		font-size: calc( var(--u) * 12 );
	}
	h3.greeting__name {
		margin-top: 0;
		font-size: var(--size24);
		line-height: 1.7;
	}
	p.greeting__text {
		margin: calc( var(--u) * 20 ) 0;
		font-size: var(--size16);
	}
	.greeting__body .wp-block-group {
		margin: calc( var(--u) * 20 ) 0 calc( var(--u) * 28 );
	}
	.greeting__body .wp-block-group p {
		margin-bottom: 1.4em;
		font-size: calc( var(--u) * 15 );
		line-height: 1.9;
	}
	.greeting__body .wp-block-group br {
		display: none;
	}
	.greeting__body .swell-block-dl {
		row-gap: calc( var(--u) * 16 );
		--swl-dt-width: calc( var(--u) * 40 );
		font-size: var(--size14);
	}
	.greeting__body .swell-block-dl__dd ul {
		display: block;
	}
	.greeting__body .swell-block-dl__dd li:not(:last-child) {
		margin-bottom: .25em;
	}
	.greeting__body .swell-block-dl__dd li + li::before {
		content: none;
	}
}

@media (min-width: 600px) {
	#greeting .greeting__photo {
		--clmn-w--tab: 36.7% !important;
	}
	#greeting .greeting__body {
		--clmn-w--tab: 63.3% !important;
	}
	.greeting__photo {
		min-height: 0;
		aspect-ratio: 1 / 1;
	}
	.greeting__img img {
		height: auto;
		aspect-ratio: 1 / 1;
	}
	.greeting__body {
		--swl-clmn-pddng: calc( var(--u) * 60 ) 0 calc( var(--u) * 40 ) calc( var(--u) * 20 );
	}
	.greeting::before {
		top: calc( var(--u) * 12 );
		bottom: calc( var(--u) * -48 );
		left: calc( (100% - 100vw) / 2 );
	}
}