@charset "utf-8";


.footer { margin-top: 0; }



/* サクラボの家づくり ---------------------------------------------------------------------------*/
/* 見出し */
.main h2 + .read { margin-top: var(--margin-ms); }
.main h2 + .comment { margin-top: var(--margin-ss); }

/* リード */
.main .read { font-size: var(--font-l); }

/* 画像 */
.main .images {
	display: flex;
	flex-direction: column;
	row-gap: var(--margin-ss);
	margin-top: var(--margin-s);
}
.main .image { margin-top: var(--margin-m); }

/* プロダクツ */
.main .products {
	display: flex;
	flex-direction: column;
	row-gap: var(--margin-ms);
	margin-top: var(--margin-m);
}
.main .products a { text-decoration: none; }

.main .products .nam {
	font-size: var(--font-m);
	font-weight: var(--weight-b);
	margin-top: var(--margin-ss);
}
.main .products .txt {
	font-size: var(--font-m);
	line-height: var(--line-m);
	margin-top: var(--margin-xs);
	text-align: justify;
}

/* Swiper */
.main .swiper {
	margin-top: var(--margin-l);
	position: relative;
	width: 100%;
}
.main .swiper .swiper-wrapper .swiper-slide::before {
	background-color: #020f10;
	content: "";
	display: block;
	height: 100%;
	opacity: 0.4;
	position: absolute;
	top: 0;
	left: 0;
	transition: opacity 1.0s ease;
	width: 100%;
}
.main .swiper .swiper-wrapper .swiper-slide.swiper-slide-active::before { opacity: 0 }

.main .swiper.sswiper .swiper-wrapper .swiper-slide::before { opacity: 0 }
/*-----------------------------------------------------------------------------------------------*/





@media(min-width: 530px) {
}



@media(min-width: 768px) {
	/* サクラボの家づくり ---------------------------------------------------------------------------*/
	.main .container .contents {
		display: flex;
		flex-direction: column;
		position: relative;
	}
	.main #tech.container .contents { flex-direction: row; }
	.main .container .contents .text {
		position: absolute;
		width: 100%;
	}
	.main .container .contents .text .swrapper { padding-right: calc(42% + var(--margin-s)); }
	.main .container .contents .images {
		display: flex;
		flex-direction: column;
		row-gap: var(--margin-s);
		margin-top: 0;
		margin-left: auto;
		width: 50%;
	}
	.main #tech.container .contents .read { width: 40%; }
	.main #tech.container .contents .comment {
		flex: 1;
		margin-top: 0;
	}
	/* プロダクツ */
	.main .products {
		flex-direction: row;
		flex-wrap: wrap;
		gap: var(--margin-ms) var(--margin-s);
	}
	.main .products li { width: calc((100% - var(--margin-s)) / 2); }
}



@media(min-width: 1024px) {
	/* サクラボの家づくり ---------------------------------------------------------------------------*/
	/* プロダクツ */
	.main #know .products { gap: var(--margin-m) var(--margin-ms); }
	.main #know .products li { width: calc((100% - (var(--margin-ms) * 2)) / 3); }
	.main #plan .products { gap: var(--margin-m); }
	.main #plan .products li { width: calc((100% - var(--margin-m)) / 2); }
}



@media(min-width: 1280px) {
	/* サクラボの家づくり ---------------------------------------------------------------------------*/
	.main .container .contents .text .swrapper { padding-right: calc((var(--wrapper-max) / 2) + var(--margin-l)); }
}