@charset "utf-8";

/* -------------------------------------------
 自然に配慮した餌づくり index（ cf_nature )
------------------------------------------- */

/* iOS系  BUG対策（背景固定） */
/* Chrome BUG対策（Blur効果） */
#cf_nature #wrap::before {
	content: "";
  display: block;
	margin: auto calc(50% - 50vw);
	width: 100vw;
	height: 100vh;
  background: url( ../site_images/prodCAT/other/CF_nature_BG.jpg);
  background: image-set( url( ../site_images/prodCAT/other/CF_nature_BG.webp) 1x);
  background-size: cover;
  background-position: 80% 100%;
  background-repeat: no-repeat;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
  
}

#cf_nature #wrap::after {
	content: "";
  display: block;
	margin: auto calc(50% - 50vw);
	width: 100vw;
	height: 100vh;
  background-color: rgba(255,255,255,0.8);
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}

.cf_nature {
  margin: auto;
  padding: 10% 0 24%;
}



/* --- TOP --- */
.cf_nature-TOP {
  margin: auto;
  width: 100%;
  position: relative;
}

/* --- TEXT --- */
.cf_nature-TXT {
  margin: 20% auto auto;
  width: 80%;
}


.cf_nature-TXT p {
  font-family: "ShipporiMin", serif;
  font-weight: 400;
  font-size: var(--fs_14);
  line-height: 1.6;
  letter-spacing: 0.08em;
  text-align: justify;
}

.cf_nature-TXT p:last-child {
  margin: 10% auto auto;
  text-align: right;
  font-size: var(--fs_13);
}