@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 {
  background-color: var(--black);
  color: var(--white);
}



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

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

.explore-TOP::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,30%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

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

.explore-TTL h1 {
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 300;
  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: 7%;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 200;
  font-size: var(--fs_13);
  line-height: 2.2;
  letter-spacing: 0.08em;
  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: 300;
  font-size: var(--fs_18);
  line-height: 1;
  letter-spacing: 0.05em;
  position: relative;
}

.Dev-blood-TTL h1::before {
  content: "海上釣堀用";
  display: inline-block;
  width: fit-content;
  height: 1em;
  position: absolute;
  top: -1.4em;
  left: 0;
  z-index: 1;
}

.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: 7%;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 200;
  font-size: var(--fs_13);
  line-height: 2.2;
  letter-spacing: 0.08em;
  text-align: justify;
}



/* ---------------------------------------------------------
- 特殊冷凍技術開発       ( 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: 300;
  font-size: var(--fs_18);
  line-height: 1;
  letter-spacing: 0.05em;
  position: relative;
}

.freeze-TTL h1::before {
  content: "海上釣堀用";
  display: inline-block;
  width: fit-content;
  height: 1em;
  position: absolute;
  top: -1.4em;
  left: 0;
  z-index: 1;
}

.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: 7%;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 200;
  font-size: var(--fs_13);
  line-height: 2.2;
  letter-spacing: 0.08em;
  text-align: justify;
}



/* ---------------------------------------------------------
- 新たな素材の探求       ( 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: 300;
  font-size: var(--fs_18);
  line-height: 1;
  letter-spacing: 0.05em;
  position: relative;
}

.materials h1::before {
  content: "海上釣堀用";
  display: inline-block;
  width: fit-content;
  height: 1em;
  position: absolute;
  top: -1.4em;
  left: 0;
  z-index: 1;
}

.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;
}

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




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