/* ==========================================================
   BASIC-SETTING
   ========================================================== */
*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html {
	font-size: 16px;
	scroll-behavior: smooth;
	overflow-x: hidden;
	background:
		#d6d2ce
		url("../img/paper.webp")
		center top
		repeat-y;
	background-size: 100% auto;
}


/* ==========================================================
   ページ読み込み完了後にbody表示（jsと連動）
   ========================================================== */

body {
	opacity: 0;
}

body.is-loaded {
	opacity: 1;
	transition: opacity .4s ease;
}

.no-js body {
	opacity: 1;
}


/* ==========================================================
   BASIC
   ========================================================== */

body {
	position: relative;
	overflow: hidden;
	background: transparent;

	font-family:
		"Yu Gothic",
		"YuGothic",
		"Hiragino Sans",
		"Hiragino Kaku Gothic ProN",
		"Noto Sans JP",
		"Meiryo",
		sans-serif;

	font-size: 1.2rem;
	line-height: 3;
	color: #4c4948;
}

a {
	color: inherit;
	text-decoration: none;
	transition: .35s;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

h2 {
	position: relative;
	display: block;

	font-size: 3rem;
	font-weight: 400;
	line-height: 1;

	margin-bottom: 4rem;
	padding-bottom: 1.5rem;
}

h2::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;

	width: min(45rem, 100%);
	height: .2rem;

	background: url("../img/h2_border.svg") no-repeat left center;
	background-size: 100% 100%;
}

h3 {
	position: relative;
	display: block;

	font-size: 2.2rem;
	font-weight: 400;
	line-height: 1;
}

p {
	margin-bottom: 2rem;
}

.lh-m {
	line-height: 1.8;
}


/* ==========================================================
   BG / HEADER / WRAPPER
   ========================================================== */

.bg {
	position: fixed;
	inset: 0;

	background:
		url("../img/paper.webp")
		center top
		repeat-y;
	background-size: cover;
	background-color: #d8d5d2;

	z-index: -100;
}

header {
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);

	width: 100%;
	max-width: 1920px;

	z-index: 9999;

	display: flex;
	justify-content: space-between;
	align-items: flex-start;

	padding: 1rem 2.5%;

	pointer-events: none;
}

header a {
	pointer-events: auto;
}

.logo {
	width: 20rem;
}

nav {
	display: flex;
	gap: 1rem;
}

nav a {
	display: flex;
	align-items: center;
	justify-content: center;

	color: #fff;
	font-size: .78rem;
	letter-spacing: .08em;
}

nav a:hover {
	opacity: .75;
}

nav a.totop {
	width: 8rem;
}

nav a.deli-b {
	width: 7rem;
}

.wrapper {
	position: relative;
	width: min(100%, 1920px);
	margin-inline: auto;
}


/* ==========================================================
   MAIN
   ========================================================== */

main {
	position: relative;
	z-index: 10;

	width: 92%;
	max-width: 60rem;

	margin-inline: auto;

	padding-top: 12rem;
	padding-bottom: 20rem;
}

section {
	position: relative;

	max-width: 45rem;
	margin: 0 auto;
}

section.hero {
	max-width: 60rem;
}

section.lemon-cultivation {
	margin: 0 0 0 auto;
	margin-top: 64rem;
}

section.deli {
	margin: 0 auto 0 0;
	margin-top: 137rem;
}

section.bp {
	margin: 25rem 0 0 auto;
}

section.con {
	margin: 25rem auto 0 0;
}


/* ==========================================================
   HERO
   ========================================================== */

section.hero .copy {
	position: absolute;

	writing-mode: vertical-rl;

	font-size: 3rem;
	font-weight: 700;
	letter-spacing: .15em;
	line-height: 1.5;
}

section.hero .copy span {
	display: block;
	margin-top: 3.4rem;
}

section.hero .sub {
	display: flex;
	flex-flow: column;

	padding: 7rem 0 5rem;
	margin-bottom: 0;
}

section.hero .sub .title-tate {
	max-width: .75rem;
	margin: 0 auto 3rem;
}

section.hero .sub .title-yoko {
	max-width: 30rem;
	margin: 0 auto;
}


/* ==========================================================
   LEMON BUTTON
   ========================================================== */

section.lemon-cultivation .lemon-btn {
	position: absolute;

	right: -10%;
	bottom: -8rem;

	width: 10rem;
	height: 10rem;
}

section.lemon-cultivation .lemon-btn:hover {
	transform: translateY(-4px);
}

.lemon-btn {
	position: fixed;

	right: 2.5%;
	bottom: 2.5%;

	z-index: 9998;

	display: block;

	opacity: 0;
	visibility: hidden;
	pointer-events: none;

	transform: translateY(20px);

	transition:
		opacity .6s ease,
		transform .6s cubic-bezier(.22, .61, .36, 1),
		visibility 0s linear .6s;
}

.lemon-btn img {
	display: block;
	width: 160px;
	height: auto;
}

.lemon-btn.show {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;

	transform: translateY(0);

	transition:
		opacity .6s ease,
		transform .6s cubic-bezier(.22, .61, .36, 1),
		visibility 0s linear 0s;
}


/* ==========================================================
   DELIVERY
   ========================================================== */

section.deli .deli-title span {
	position: relative;
	display: inline-block;

	margin-bottom: 1rem;
	padding-left: 4rem;
}

section.deli .deli-title span::before {
	content: "";
	position: absolute;

	left: 1rem;

	width: 2.4rem;
	height: 2.2rem;

	background: url("../img/deli-title_maru.svg") no-repeat center;
	background-size: contain;
}

section.deli .deli-text {
	margin-bottom: 4rem;
	padding-left: 6rem;
}

.tel {
	font-size: 2.8rem;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 0;
}


/* ==========================================================
   BUSINESS / CONTACT
   ========================================================== */

section.bp .bp-flex {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 6rem;
}

section.bp .bp-flex h3 {
	margin-bottom: 2rem;
}

section.bp .bp-flex ul {
	position: relative;
	display: inline-block;

	list-style: none;

	padding: .5rem 0 0 2rem;
}

section.bp .bp-flex ul::after {
	content: "";
	position: absolute;

	left: 0;
	top: 0;

	width: 1rem;
	height: 100%;

	background: url("../img/list_border.svg") no-repeat left top;
	background-size: contain;
}

section.bp .bp-flex li {
	margin-bottom: 1.5rem;
}

.email {
	font-size: 2.1rem;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 4rem;
}

.add,
.opendays {
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 0;
}

.add {
	margin-bottom: 1rem;
}

.opendays {
	margin-bottom: 4rem;
}


/* ==========================================================
   VEGETABLE / PC
   ========================================================== */

.vege-area {
	position: absolute;

	top: 0;
	left: 50%;

	width: 100%;
	max-width: 1920px;
	height: 100%;

	transform: translateX(-50%);

	pointer-events: none;

	z-index: 5;
	overflow: visible;
}

.vege {
	position: absolute;
}

.vege img {
	display: block;
	max-width: 100%;

	user-select: none;
	-webkit-user-drag: none;
}


/* ==========================================================
   VEGETABLE / ANIMATION
   ========================================================== */

.anim {
	opacity: 0;

	transition:
		transform 1.2s cubic-bezier(.22, .8, .2, 1),
		opacity .8s ease;
}

.anim.show {
	opacity: 1;
}

.slide-left {
	transform: translateX(-80px);
}

.slide-right {
	transform: translateX(80px);
}

.slide-up {
	transform: translateY(80px);
}

.rotate-in-up {
	transform: translateY(80px) rotate(25deg);
}

.rotate-in-left {
	transform: translateX(-80px) rotate(-25deg);
}

.rotate-in-right {
	transform: translateX(80px) rotate(25deg);
}

.slide-left.show,
.slide-right.show {
	transform: translateX(0);
}

.slide-up.show {
	transform: translateY(0);
}

.rotate-in-up.show {
	transform: translateY(0) rotate(0);
}

.rotate-in-left.show {
	transform: translateX(0) rotate(0);
}

.rotate-in-right.show {
	transform: translateX(0) rotate(0);
}


/* ==========================================================
   VEGETABLE / PC / EACH
   ========================================================== */

.beet {
	width: 98.75rem;
	top: -25rem;
	right: -38rem;
}

.carrot {
	width: 150rem;
	top: 31rem;
	left: -37vw;
}

.peas {
	width: 42rem;
	top: 82rem;
	right: 10rem;
}

.lemon {
	width: 68rem;
	top: 90rem;
	left: -20vw;
}

.asparagus {
	width: 92rem;
	top: 145rem;
	right: -22vw;
}

.paprika {
	width: 90rem;
	top: 180rem;
	left: -19vw;
}

.chili_a {
	width: 42rem;
	top: 215rem;
	left: 34rem;
}

.lotus {
	width: 62rem;
	top: 230rem;
	right: -7vw;
}

.chili_b {
	width: 36rem;
	top: 277rem;
	right: 0;
}

.kiwi {
	width: 51rem;
	top: 296rem;
	left: -17vw;
}

.onion {
	width: 34rem;
	top: 333rem;
	left: 10rem;
}

.tomato {
	width: 28rem;
	top: 373rem;
	left: 0;
}

.broccoli {
	width: 89rem;
	top: 390rem;
	right: -20vw;
}


/* ==========================================================
   1680 - 1919px
   ========================================================== */

@media (max-width: 1919px) {

	main {
		padding-top: 9rem;
	}

	section.hero {
		max-width: 50rem;
	}

	section.hero .copy,
	h2 {
		font-size: 2.8rem;
	}

	section.hero .sub {
		padding: 8rem 0 4rem;
	}

	section.hero .sub .title-tate {
		max-width: .72rem;
	}

	section.hero .sub .title-yoko {
		max-width: 28rem;
	}

	section.hero .hero-text {
		line-height: 2.5;
	}

	.beet {
		width: 91vw;
		top: -25rem;
		right: auto;
		left: 53vw;
	}

	.carrot {
		width: 135vw;
		top: 30vw;
		left: auto;
		right: 7vw;
	}

	.peas {
		width: 41vw;
		top: 70vw;
		right: auto;
		left: 52vw;
	}

	section.lemon-cultivation {
		margin-top: 67vw;
	}

	section.lemon-cultivation .lemon-text {
		line-height: 2.5;
	}

	.lemon {
		width: 42vw;
		top: 87rem;
		left: auto;
		right: 68vw;
	}

	.asparagus {
		width: 85vw;
		top: 160rem;
		right: -30vw;
	}

	.paprika {
		width: 75vw;
		top: 192rem;
		left: auto;
		right: 47vw;
	}

	.chili_a {
		width: 35vw;
		top: 222rem;
		left: 28vw;
	}

	.lotus {
		width: 52vw;
		top: 235rem;
		right: -7vw;
	}

	section.deli {
		margin-top: 125rem;
	}

	.chili_b {
		width: 30vw;
		top: 280rem;
		right: 0;
	}

	.kiwi {
		width: 48vw;
		top: 292rem;
		left: -22vw;
	}

	.onion {
		width: 28vw;
		top: 330rem;
		left: 4vw;
	}

	section.bp {
		margin: 25rem 0 0 auto;
	}

	.tomato {
		width: 23vw;
		top: 368rem;
		left: 0;
	}

	section.con {
		margin: 22rem auto 0 0;
	}

	.broccoli {
		width: 75vw;
		top: 380rem;
	}
}


/* ==========================================================
   1440 - 1679px
   ========================================================== */

@media (max-width: 1679px) {

	.carrot {
		top: 43vw;
	}

	.peas {
		top: 75vw;
	}

	.lemon {
		top: 95vw;
	}

	.asparagus {
		top: 152vw;
	}

	.paprika {
		top: 185vw;
	}

	.chili_a {
		top: 210vw;
	}

	.lotus {
		top: 220vw;
	}

	section.deli {
		margin-top: 110vw;
	}

	.chili_b {
		top: 260vw;
	}

	.kiwi {
		top: 265rem;
	}

	.onion {
		width: 28vw;
		top: 299rem;
		left: 6vw;
	}

	.tomato {
		width: 22vw;
		top: 325rem;
		left: -3vw;
	}

	.broccoli {
		width: 70vw;
		top: 347rem;
		right: -22vw;
	}
}


/* ==========================================================
   1025 - 1439px
   ========================================================== */

@media (max-width: 1439px) {

	.beet {
		top: -15vw;
		right: -50vw;
		left: auto;
	}

	.carrot {
		top: 45rem;
		right: 15vw;
	}

	.peas {
		top: 90vw;
		left: 52vw;
	}

	.lemon {
		top: 92rem;
		right: 75vw;
	}

	section.lemon-cultivation {
		margin-top: 78vw;
	}

	.asparagus {
		top: 145rem;
	}

	.paprika {
		top: 173rem;
	}

	.chili_a {
		top: 195rem;
	}

	.lotus {
		top: 205rem;
		right: -8vw;
	}

	section.deli {
		margin-top: 95rem;
	}

	.chili_b {
		top: 240rem;
	}
}


/* ==========================================================
   1025 - 1279px
   ========================================================== */

@media (max-width: 1279px) {

	.lemon {
		top: 78rem;
	}

	.asparagus {
		top: 130rem;
	}

	.paprika {
		top: 150rem;
	}

	.chili_a {
		top: 165rem;
	}

	.lotus {
		top: 175rem;
	}

	section.deli {
		margin-top: 65rem;
	}

	.chili_b {
		top: 204rem;
	}

	.kiwi {
		top: 235rem;
	}

	.onion {
		top: 260rem;
		left: 0;
	}

	.tomato {
		top: 280rem;
	}

	.broccoli {
		top: 308rem;
	}
}


/* ==========================================================
   VEGETABLE / SP
   ========================================================== */

.sp-vege {
	display: none;
}


/* ==========================================================
   721 - 1024px
   ========================================================== */

@media (max-width: 1024px) {

	.logo {
		width: 24rem;
	}

	main {
		width: 80%;
		padding-top: 8rem;
		padding-bottom: 0;
	}

	section > * {
		position: relative;
		z-index: 10;
	}

	section.hero .sub {
		flex-direction: column-reverse;
		padding: 8dvh 0 0;
		margin-bottom: 0;
	}

	section.hero .sub .title-tate {
		margin: 0 auto;
	}

	section.hero .sub .title-yoko {
		margin: 0 auto 3rem;
	}

	section.hero .copy {
		font-size: 3.5rem;
		top: 19rem;
	}

	section.hero .copy span {
		margin-top: 8rem;
	}

	body {
		font-size: 1.8rem;
		line-height: 2;
	}

	h2 {
		font-size: 3.4rem;
	}

	section.hero .hero-text {
		margin-top: -10rem;
		line-height: 2;
	}

	section.lemon-cultivation {
		margin: -20rem auto 0;
	}

	section.lemon-cultivation p.lemon-photo {
		margin-top: 5rem;
	}

	section.lemon-cultivation .lemon-btn {
		right: -10%;
		top: 50rem;
		bottom: auto;
		z-index: 10;
	}

	section.deli {
		margin: -70rem auto 0;
	}

	section.bp {
		margin: -10rem auto 0;
	}

	section.bp .bp-flex {
		display: block;
	}

	section.bp .bp-flex div:not(:last-child) {
		margin-bottom: 4rem;
	}

	section.con {
		margin: -40rem auto 0;
	}

	h3 {
		font-size: 2rem;
	}

	section.deli .deli-title span::before {
		width: 2rem;
		left: 0;
	}

	section.deli .deli-title span {
		padding-left: 3rem;
	}

	section.deli .deli-text {
		margin-bottom: 2rem;
		padding-left: 4rem;
	}


	/* ------------------------------------------------------
	   SP vegetable
	   ------------------------------------------------------ */

	.vege-area {
		display: none;
	}

	.sp-vege {
		position: relative;
		display: block;
		z-index: 5;
	}

	.sp-vege .vege {
		position: relative;
		will-change: transform;
		transform: translate3d(0, 0, 0);
	}

	.beet {
		width: 104vw;
		top: -4rem;
		right: -23vw;
	}

	.peas {
		width: 43vw;
		top: -38rem;
		left: -5rem;
		right: auto;
	}

	.carrot {
		width: 150vw;
		top: -10rem;
		left: -38vw;
	}

	.lemon {
		width: 70vw;
		top: -45rem;
		left: -5vw;
	}

	.asparagus {
		width: 60rem;
		top: -30rem;
		right: -23vw;
	}

	.paprika {
		width: 88vw;
		top: -65rem;
		left: -50vw;
	}

	.chili_a {
		width: 40vw;
		top: -104rem;
		left: 5vw;
	}

	.lotus {
		width: 65vw;
		top: -117rem;
		right: -32vw;
	}

	.kiwi {
		width: 62vw;
		top: -62rem;
		left: -10vw;
	}

	.onion {
		width: 30vw;
		top: -5rem;
		left: 30vw;
	}

	.tomato {
		width: 28vw;
		top: -97rem;
		left: auto;
		right: -35rem;
	}

	.chili_b {
		width: 42vw;
		top: -110rem;
		right: -25rem;
	}

	.chili_c {
		width: 42vw;
		top: -115rem;
		right: -25rem;
	}

	.tomato-red {
		width: 28vw;
		top: -55rem;
		left: -5rem;
	}

	.broccoli {
		width: 80vw;
		top: -45rem;
		right: -15vw;
	}
}


/* ==========================================================
   901 - 1024px
   ========================================================== */

@media (max-width: 900px) {

	section.lemon-cultivation {
		margin-top: -15rem;
	}

	section.bp {
		margin-top: -5rem;
	}

	section.con {
		margin-top: -20rem;
	}

	.peas {
		width: 45vw;
		top: -23rem;
		left: -3rem;
	}

	.carrot {
		top: -15rem;
	}

	.lemon {
		top: -40rem;
	}

	.asparagus {
		top: -35rem;
	}

	.paprika {
		top: -60rem;
	}

	.chili_a {
		top: -90rem;
	}

	.lotus {
		top: -102rem;
		right: -35vw;
	}

	.kiwi {
		top: -50rem;
	}

	.onion {
		top: -11rem;
	}

	.tomato {
		top: -72rem;
		right: -60vw;
	}

	.chili_b {
		top: -90rem;
	}

	.chili_c {
		top: -97rem;
	}

	.tomato-red {
		top: -45rem;
		left: -2rem;
	}

	.broccoli {
		width: 95vw;
		top: -35rem;
		right: -7vw;
	}
}


/* ==========================================================
   595 - 720px
   ========================================================== */

@media (max-width: 720px) {

	.logo {
		width: 40%;
	}

	nav {
		gap: .25rem;
	}

	nav a.totop {
		width: 5rem;
	}

	nav a.deli-b {
		width: 4rem;
	}

	body {
		font-size: 1.2rem;
	}

	h2 {
		font-size: 2.4rem;
		margin-bottom: 2rem;
		padding-bottom: 1.25rem;
	}

	section.hero .sub {
		padding: 5dvh 0 0;
	}

	section.hero .sub .title-yoko {
		max-width: 24rem;
	}

	section.hero .sub .title-tate {
		max-width: .65rem;
	}

	section.hero .copy {
		font-size: 2.4rem;
		top: 15rem;
	}

	section.lemon-cultivation .lemon-btn {
		width: 7rem;
		height: 7rem;
		top: 35rem;
		right: -8%;
	}

	section.deli {
		margin-top: -50rem;
	}

	h3 {
		font-size: 1.8rem;
	}

	section.deli .deli-title span::before {
		width: 1.3rem;
		height: 1.3rem;
	}

	section.deli .deli-title span {
		padding-left: 2rem;
	}

	section.deli .deli-text {
		padding-left: 3rem;
	}

	.tel {
		font-size: 2.2rem;
	}

	section.con {
		margin-top: -20rem;
	}

	.email {
		font-size: 2rem;
	}


	/* ------------------------------------------------------
	   SP vegetable
	   ------------------------------------------------------ */

	.beet {
		width: 100vw;
		top: -5rem;
		right: -25vw;
	}

	.peas {
		width: 42vw;
		top: -20rem;
	}

	.carrot {
		top: -10rem;
	}

	.lemon {
		top: -33rem;
	}

	.asparagus {
		width: 40rem;
		top: -22rem;
		right: -30vw;
	}

	.paprika {
		top: -45rem;
		left: -48vw;
	}

	.chili_a {
		top: -68rem;
		left: 8vw;
	}

	.lotus {
		width: 63vw;
		top: -75rem;
		right: -38vw;
	}

	.kiwi {
		top: -105vw;
	}

	.onion {
		width: 30vw;
		top: -20vw;
		left: 30vw;
	}

	.tomato {
		top: -150vw;
		right: -62vw;
	}

	.chili_b {
		top: -77rem;
		right: -20rem;
	}

	.chili_c {
		top: -85rem;
		right: -20rem;
	}

	.tomato-red {
		top: -93vw;
		left: -1rem;
	}

	.broccoli {
		width: 90vw;
		top: -72vw;
		right: -9vw;
	}
}


/* ==========================================================
   0 - 594px
   ========================================================== */

@media (max-width: 594px) {

	.logo {
		width: 47.5%;
	}

	main {
		padding-top: 6rem;
	}

	section.hero .sub .title-tate {
		max-width: .4rem;
	}

	section.hero .sub .title-yoko {
		max-width: 16rem;
		margin: 0 auto 1.5rem;
	}

	section.hero .copy {
		font-size: 1.7rem;
		top: 20dvh;
	}

	section.hero .copy span {
		margin-top: 4rem;
	}

	section.hero .hero-text {
		margin-top: -3rem;
	}

	body {
		font-size: .85rem;
	}

	h2 {
		font-size: 1.4rem;
		margin-bottom: 1rem;
		padding-bottom: .75rem;
	}

	section.lemon-cultivation {
		margin-top: -35vw;
	}

	section.lemon-cultivation p.lemon-photo {
		margin-top: 2rem;
	}

	section.lemon-cultivation .lemon-btn {
		top: 22rem;
		width: 5rem;
		height: 5rem;
	}

	section.deli {
		margin-top: -43rem;
	}

	h3 {
		font-size: 1.2rem;
	}

	.tel {
		font-size: 1.4rem;
	}

	section.bp {
		margin-top: -10rem;
	}

	section.bp .bp-flex div:not(:last-child) {
		margin-bottom: 2rem;
	}

	section.bp .bp-flex h3 {
		margin-bottom: 1rem;
	}

	section.bp .bp-flex li {
		margin-bottom: .5rem;
	}

	section.con {
		margin-top: -18rem;
	}

	.email {
		font-size: 1.4rem;
		margin-bottom: 2rem;
	}

	.add,
	.opendays {
		font-size: 1.1rem;
	}

	.opendays {
		margin-bottom: 2rem;
	}


	/* ------------------------------------------------------
	   SP vegetable
	   ------------------------------------------------------ */

	.beet {
		top: -1rem;
	}

	.peas {
		top: -13rem;
		left: -1rem;
	}

	.carrot {
		top: -24vw;
	}

	.lemon {
		top: -80vw;
	}

	.asparagus {
		width: 30rem;
		top: -20rem;
		right: -35vw;
	}

	.paprika {
		top: -37rem;
		left: -45vw;
	}

	.chili_a {
		top: -58rem;
		left: 11vw;
	}

	.lotus {
		top: -63rem;
	}

	.kiwi {
		top: -96vw;
		width: 50vw;
		left: -5vw;
	}

	.onion {
		width: 30vw;
		top: -21vw;
		left: 23vw;
	}

	.tomato {
		width: 30vw;
		top: -129vw;
		right: -58vw;
	}

	.chili_b {
		top: -56rem;
		right: -50vw;
	}

	.chili_c {
		top: -65rem;
		right: -48vw;
	}

	.tomato-red {
		top: -23rem;
	}

	.broccoli {
		top: -21rem;
	}
}


/* ==========================================================
   0 - 480px
   ========================================================== */

@media (max-width: 480px) {

	section.deli {
		margin-top: -40rem;
	}

	.chili_a {
		top: -53rem;
	}

	.lotus {
		top: -57rem;
	}

	.kiwi {
		top: -103vw;
	}

	.onion {
		top: -28vw;
	}

	.tomato {
		top: -136vw;
	}

	section.bp {
		margin-top: -5rem;
	}

	.chili_b {
		top: -43rem;
	}

	.chili_c {
		top: -50rem;
	}

	section.con {
		margin-top: -12rem;
	}

	.broccoli {
		top: -18rem;
	}
}