#content {
    background-color: #24B8BE;
    background-size: cover;
	padding-bottom: 60px;
    margin-bottom: 110px;
}

.public-works01>div {
    background: var(--Color-White, #FFF);
    display: flex;
    flex-wrap: wrap;
	border-radius: 28px;
}
.public-works01-img {
    order: -1;
}
.public-works01-img img {
	border-radius: 28px 28px 0 0;
    order: -1;
}

.public-works01-txt {
    display: flex;
	padding: var(--SP, 24px) var(--SP, 16px);
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
    align-self: stretch;
}
.public-works01-txt>div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap:  8px;
}
.wp-block-group.public-works02>div {
    padding: var(--SP, 24px) var(--SP, 16px);
    border-radius: var(--SP, 28px);
    background: var(--Color-White, #FFF);
}
.pub2-title {
    font-size: 20px;
	font-weight: 700;
	line-height: 160%;
	display: inline-block;
    position: relative;
	top: -20px;
    left: 40%;
}
.pub2-title::before {
    content: "";
    background: url(https://fukumajusetsu.co.jp/cms/wp-content/uploads/2025/12/ico_shizuku.png);
    width: 18px;
    height: 19px;
    position: relative;
    top: 28px;
    right: 26px;
    display: block;
    background-size: cover;
}
h3.wp-block-heading {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 140%;
}
.wp-block-group.g-public4>div {
    display: flex;
    flex-direction: column;
    gap: var(--PC, 56px);
    align-self: stretch;
}
.wp-block-group.pub-block>div {
    display: flex;
    flex-direction: column;
    gap: var(--SP, 16px);
    align-self: stretch;
}
.l-content__body.l-container {
	margin-bottom:0;
}

#content.l-content::after {
    content: "";
    background: url(https://fukumajusetsu.co.jp/cms/wp-content/uploads/2025/11/suiteki-jaguchi2.png) no-repeat;
    position: absolute;
    width: 59px;
    height: 103px;
    display: block;
    background-size: cover;
    top: 100%;
    left: 44%;
}
@media (min-width: 769px) {
	#content {
	padding-bottom: 112px;
    margin-bottom: 220px;
	}
	.wp-block-group.public-works02>div {
    	padding: 56px 48px;
    	flex-direction: column;
    	gap: var(--PC, 32px);
    	align-self: stretch;
	}
	.pub2-title {
    font-size: 2rem;
    position: relative;
    top: -36px;
    left: 42%;
	}
	.pub2-title::before {
    width: 28px;
    height: 28px;
    position: relative;
    top: 44px;
    right: 36px;
    display: block;
    background-size: cover;
	}
	.wp-block-group.g-public4>div {
    	display: grid;
    	gap: 72px;
    	grid-template-columns: 1fr 1fr;
	}
	#content.l-content::after {
    width: 119px;
    height: 214px;
    top: 100%;
    left: 50%;
	}
}
.l-content__top.p-topArea.c-filterLayer.-filter-none::after {
	content:"";
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%221280%22%20height%3D%2261%22%20viewBox%3D%220%200%201280%2061%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M934.214%202.75053C962.468-0.916803%20997.278-0.916811%201025.53%202.75053L1139.71%2021.1058C1168.55%2024.8503%201204.1%2024.8504%201232.95%2021.1058L1280%2013.541V61H0.000976562L0%2020.358L108.404%202.75053C136.658-0.916838%20171.47-0.916849%20199.724%202.75053L313.896%2021.1058C342.744%2024.8504%20378.289%2024.8504%20407.138%2021.1058L521.309%202.75053C549.563-0.916852%20584.374-0.916836%20612.628%202.75053L726.8%2021.1058C755.649%2024.8504%20791.192%2024.8503%20820.041%2021.1058L934.214%202.75053Z%22%20fill%3D%22%2324B8BE%22/%3E%3C/svg%3E");
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    aspect-ratio: 1280 / 61;
    top: auto;
    height: auto;
    bottom: 0;
    width: 100%;
    margin-bottom: -2px;
}
@media (min-width: 1000px) {

	.c-postContent.p-page__content {
    gap: 48px;
    display: flex;
    flex-direction: column;
	}
	.public-works01>div {
		display: flex;
		max-width: 1000px;
		justify-content: space-between;
		align-items: center;
		align-self: stretch;
		border-radius: 32px;
		background: var(--Color-White, #FFF);
	}
	.public-works01-txt>div {
		gap:  24px;
	}
	.public-works01-img {
		width: 456px;
		align-self: stretch;
	}
	.public-works01-img img {
		border-radius: 0 32px 32px 0;
	}
	.public-works01-txt {
    padding: var(--PC, 56px) var(--PC, 40px);
	}
	.public-works01-img {
		order: unset;
	}
	h3.wp-block-heading {
		font-size: 28px;
		line-height: 120%;
	}
}