@charset "utf-8";

/* ---「誇りと理念」pride_philosophy -----------------------

- 成分複合相乗効果の探究（ Exp-ingredients )
- 誘引増進血液加工の開発 ( Dev-blood )
- 特殊冷凍技術開発       ( Freezing-tech )
- 新たな素材の探求       ( New-materials )

--------------------------------------------------------- */
/* 共通 */

#pride_philosophy {
 text-size-adjust: 100%;
}




/* iOS系  BUG対策（背景固定） */
/* Chrome BUG対策（Blur効果） */
#pride_philosophy #wrap::before {
	content: "";
  display: block;
	margin: auto calc(50% - 50vw);
	width: 100vw;
	height: 100vh;
  background-color: var(--white);
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}



/* ---------------------------------------------------------
- 成分複合相乗効果の探究（ Exp-ingredients )
--------------------------------------------------------- */
.explore {
  margin: auto;
  padding: 15% 0 20%;
  position: relative;
}

/* --- TOP --- */
.explore-TOP {
  margin: auto auto 17.5%;
}

/* --- TITLE --- */
.explore-TTL {
  margin: auto auto 17.5%;
  width: 84%;
  position: relative;
}

.explore-TTL h1 {
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 700;
  font-size: var(--fs_18);
  line-height: 1;
  letter-spacing: 0.05em;
}

.explore-TTL .logo {
  margin-top: 7.5%;
  width: 33%;  /* iPhone対策 */
}
.explore-TTL .logo img {
  height: min(66px, max(8.8vw, 31.68px));
}

/* --- TEXT --- */
.explore-TXT {
  margin: auto;
  width: 86%;
}

.explore-TXT .text p {
  margin-bottom: 5%;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 300;
  font-size: var(--fs_13);
  line-height: 1.6;
  letter-spacing: 0.05em;
  text-align: justify;
}



/* ---------------------------------------------------------
- 誘引増進血液加工の開発 ( Dev-blood )
--------------------------------------------------------- */
.Dev-blood {
  margin: auto;
  padding: 15% 0 20%;
}

/* --- TOP --- */
.Dev-blood-TOP {
  margin: auto auto 17.5%;
}

/* --- TITLE --- */
.Dev-blood-TTL {
  margin: auto auto 17.5%;
  width: 84%;
  position: relative;
}

.Dev-blood-TTL h1 {
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 700;
  font-size: var(--fs_18);
  line-height: 1;
  letter-spacing: 0.05em;
}

.Dev-blood-TTL .logo {
  margin-top: 7.5%;
  width: 59%;  /* iPhone対策 */
}

.Dev-blood-TTL .logo img {
  height: min(66px, max(8.8vw, 31.68px));
}

/* --- TEXT --- */
.Dev-blood-TXT {
  margin: 12% auto auto;
  width: 86%;
}

.Dev-blood-TXT .text p {
  margin-bottom: 5%;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 300;
  font-size: var(--fs_13);
  line-height: 1.6;
  letter-spacing: 0.05em;
  text-align: justify;
}

/* --- LINK --- */
.Dev-blood-LINK {
  margin: 15% auto auto;
  width: 75%;
}

.Dev-blood-LINK__inbox {
  margin: auto auto 15%;
}

.Dev-blood-LINK__inbox:last-child {
  margin: auto;
}

.Dev-blood-LINK__inbox a {
  display: block;
  width: fit-content;
}

.Dev-blood-LINK__inbox a p {
  margin-bottom: 4%;
  width: 90%;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 400;
  font-size: var(--fs_10);
  line-height: 1;
  letter-spacing: 0.01em;
  color: var(--black);
  white-space: nowrap;
}

/* iPhone対策 */
.ios .Dev-blood-LINK__inbox a p {
  letter-spacing: -0.07em;
}


.Dev-blood-LINK__inbox a h2 {
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 400;
  font-size: var(--fs_16);
  line-height: 1;
  letter-spacing: 0.1em;
  position: relative;
  color: var(--black);
}

.Dev-blood-LINK__inbox a h2 span.f1 {
  letter-spacing: 0.5em;
}

.Dev-blood-LINK__inbox a h2 span.f2 {
  letter-spacing: 0.3em;
}

.Dev-blood-LINK__inbox a h2::before {
  content: "";
  width: 110%;
  height: 1px;
  background-color: var(--black);
  position: absolute;
  top: 130%;
  left: -5%;
  transform: scale(1,0.5);
}



/* --- link対策(PC・SP)@media制御 --- */
/* for PC */
@media (hover: hover) {
  .Dev-blood-LINK__inbox a:hover {
    opacity: 0.6;
  }

}

/* for SP */
@media (hover: none) {
  .Dev-blood-LINK__inbox a:active {
    opacity: 0.6;
  }

}



/* ---------------------------------------------------------
- 特殊冷凍技術開発       ( Freezing-tech )
--------------------------------------------------------- */
.freeze {
  margin: auto;
  padding: 15% 0 20%;
}

/* --- TOP --- */
.freeze-TOP {
  margin: auto auto 17.5%;
}

/* --- TITLE --- */
.freeze-TTL {
  margin: auto auto 17.5%;
  width: 84%;
  position: relative;
}

.freeze-TTL h1 {
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 700;
  font-size: var(--fs_18);
  line-height: 1;
  letter-spacing: 0.05em;
}

.freeze-TTL .logo {
  margin-top: 7.5%;
  width: 33%;  /* iPhone対策 */
}

.freeze-TTL .logo img {
  height: min(66px, max(8.8vw, 31.68px));
}

/* --- TEXT --- */
.freeze-TXT {
  margin: auto;
  width: 85%;
}

.freeze-TXT .text p {
  margin-bottom: 5%;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 300;
  font-size: var(--fs_13);
  line-height: 1.6;
  letter-spacing: 0.05em;
  text-align: justify;
}

/* --- LINK --- */
.freeze-LINK {
  margin: 15% auto auto;
  width: 75%;
}

.freeze-LINK a {
  display: block;
  width: fit-content;
}

.freeze-LINK a p {
  margin-bottom: 4%;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 400;
  font-size: var(--fs_10);
  line-height: 1;
  letter-spacing: 0.01em;
  color: var(--black);
}

.freeze-LINK a h2 {
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 400;
  font-size: var(--fs_16);
  line-height: 1;
  letter-spacing: 0.1em;
  position: relative;
  color: var(--black);
}

.freeze-LINK a h2::before {
  content: "";
  width: 80%;
  height: 1px;
  background-color: var(--black);
  position: absolute;
  top: 130%;
  left: -5%;
  transform: scale(1,0.5);
}

/* iPhone対策 */
.ios .freeze-LINK a p {
  letter-spacing: -0.07em;
}

.ios .freeze-LINK a h2::before {
  width: 72%;
}



/* --- link対策(PC・SP)@media制御 --- */
/* for PC */
@media (hover: hover) {
  .freeze-LINK a:hover {
    opacity: 0.6;
  }

}

/* for SP */
@media (hover: none) {
  .freeze-LINK a:active {
    opacity: 0.6;
  }

}



/* ---------------------------------------------------------
- 新たな素材の探求       ( New-materials )
--------------------------------------------------------- */

.materials {
  margin: auto;
  padding: 15% 0 20%;
}

/* --- TOP --- */
.materials-TOP {
  margin: auto auto 17.5%;
}

/* --- TITLE --- */
.materials-TTL {
  margin: auto auto 17.5%;
  width: 84%;
  position: relative;
}

.materials-TTL h1 {
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 700;
  font-size: var(--fs_18);
  line-height: 1;
  letter-spacing: 0.05em;
}

.materials-TTL .logo {
  margin-top: 5%;
  width: 33%;  /* iPhone対策 */
}


/* --- TEXT --- */
.materials-TXT {
  margin: auto;
  padding-bottom: 10%;
  width: 86%;
}

.materials-TXT h2 {
  margin: 20% auto 15%;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 400;
  font-size: var(--fs_15);
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
}

.materials-TXT .text p {
  margin-bottom: 5%;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 300;
  font-size: var(--fs_13);
  line-height: 1.6;
  letter-spacing: 0.05em;
  text-align: justify;
}



