/*
Theme Name: Pocari Sweat Science Advisory Board
Theme URI: https://www.otsuka.co.jp/pocarisweat/
Description: LP固定ページ（Figma原本HTML/CSS準拠・ACF不使用）
Author: Otsuka
Version: 1.14.1
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.0
Text Domain: pocari-sab
*/

body {
  margin: 0;
  line-height: normal;
}

:root {
  /* Common Style Variables */

  /* Color */
  --Bio-Background: rgba(143, 197, 248, 0.11);
  --Black: #000;
  --color-cornflowerblue: #59a1ff;
  --color-sandybrown: #fb9a3f;
  --color-tomato: #fb523f;
  --Pocari-Blue: #274dac;
  --Pocari-Grey: #aaa8a8;
  --Pocari-Light-Blue: #3f86fb;
  --White: #fff;

  /* Gap */
  --gap-5: 5px;
  --gap-6: 6px;
  --gap-10: 10px;
  --gap-12: 12px;
  --gap-16: 16px;
  --gap-17: 17px;
  --gap-19: 19px;
  --gap-22: 22px;
  --gap-28: 28px;

  /* Padding */
  --padding-0: 0px;
  --padding-2: 2px;
  --padding-10: 10px;
  --padding-16: 16px;
  --padding-18: 18px;
  --padding-19: 19px;
  --padding-20: 20px;
  --padding-21: 21px;
  --padding-22: 22px;
  --padding-24: 24px;
  --padding-25: 25px;
  --padding-26: 26px;
  --padding-32: 32px;
  --padding-40: 40px;
  --padding-55: 55px;
  --padding-80: 80px;
  --padding-155: 155px;
  --padding-239: 239px;
  --padding-368: 368px;

  /* BorderRadius */
  --br-0: 0px;
  --br-10: 10px;

  /* Font */
  --font-arial: Arial;
  --font-mont: Montserrat, sans-serif;

  /* FontSize */
  --fs-13: 13px;
  --fs-15: 15px;
  --fs-16: 16px;
  --fs-19: 19px;
  --fs-24: 24px;
  --fs-32: 32px;
  --fs-40: 40px;

  /* Shadows */
  --shadow-drop: 0px 4px 4px rgba(0, 0, 0, 0.25);

  /* Gradients */
  --Gradient: linear-gradient(95.08deg, #007fcb, #7bc4ef);

  /* WidthHeights */
  --height-12: 12px;
  --height-15: 15px;
  --height-16: 16px;
  --height-20: 20px;
  --height-24: 24px;
  --height-43: 43px;
  --height-46: 46px;
  --height-48: 48px;
  --height-63: 63px;
  --height-244: 244px;
  --height-432: 432px;
  --height-450: 450px;
  --height-477: 477px;
  --height-487: 487px;
  --height-853: 853px;
  --height-855: 855px;
  --min-w-337: 337px;
  --width-519_3: 519.3px;

  /* LineHeights */
  --lh-18: 18px;
  --lh-24: 24px;

  --left-0: 0px;
  --top-0: 0px;
  --top-441: 441px;
}

.launch-page-main {
  width: 100%;
  position: relative;
  background-color: var(--White);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  line-height: normal;
  letter-spacing: normal;
}
.frame-parent {
  padding: var(--padding-0) var(--padding-0) 31px;
  box-sizing: border-box;
  max-width: 100%;
}
.frame-parent,
.top-header,
.top-header-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.top-header-parent {
  height: 173px;
  text-align: left;
  font-size: var(--fs-16);
  color: var(--White);
  font-family: var(--font-mont);
}
.top-header {
  flex: 1;
  background-color: var(--White);
  justify-content: center;
  padding: 29px 1076px var(--padding-24) 188px;
  gap: 39px;
  z-index: 2;
}
.logo-a-1 {
  width: 331px;
  height: 57px;
  display: none;
}
.logo-a-1,
.logo-icon,
.new-logo-blue {
  position: relative;
  object-fit: cover;
  flex-shrink: 0;
}
.logo-icon {
  width: 448px;
  max-height: 100%;
}
.new-logo-blue {
  width: 480px;
  height: 57px;
  display: none;
}
.navigation {
  align-self: stretch;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12);
  background-color: var(--Pocari-Blue);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-16) 694px 11px 193px;
  position: relative;
  isolation: isolate;
  gap: var(--gap-10);
  z-index: 1;
}
.deliver-to {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap-28);
  z-index: 0;
  flex-shrink: 0;
}
.continuing-education {
  position: relative;
}
.view-details {
  width: 187px;
  height: 5px;
  position: absolute;
  margin: 0 !important;
  top: 42px;
  left: 188px;
  background-color: var(--White);
  z-index: 1;
  flex-shrink: 0;
}
.hero {
  align-self: stretch;
  background: var(--Gradient);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 184px var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  gap: 130px;
  max-width: 100%;
  margin-top: -47px;
  position: relative;
}
.hero-child,
.hero-item {
  position: relative;
  display: none;
  flex-shrink: 0;
}
.hero-child {
  align-self: stretch;
  height: 715px;
  background: var(--Gradient);
}
.hero-item {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.add-to-card,
.add-to-card-parent,
.hero-container {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.hero-container {
  width: 1416px;
  justify-content: center;
  padding: var(--padding-0) var(--padding-20);
  box-sizing: border-box;
  flex-shrink: 0;
  text-align: left;
  font-size: 48px;
  color: var(--White);
  font-family: var(--font-mont);
}
.add-to-card,
.add-to-card-parent {
  gap: 23px;
}
.add-to-card {
  width: 518px;
  flex-direction: column;
  gap: 123px;
}
.advancing-the-science {
  margin: 0;
  align-self: stretch;
  height: 91px;
  position: relative;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
}
.providing-credible-scientific {
  width: 430px;
  flex: 1;
  position: relative;
  font-size: var(--fs-16);
  line-height: 200%;
  display: inline-block;
}
.button-container,
.call-to-action {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.button-container {
  flex: 1;
  flex-direction: column;
  padding: 17px var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  min-width: 354px;
}
.call-to-action {
  align-self: stretch;
  position: relative;
  isolation: isolate;
}
.button-shape {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: -17px;
  right: -21px;
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-10);
  background-color: var(--Pocari-Blue);
  z-index: 1;
  flex-shrink: 0;
}
.add-to-card2,
.button-shape-icon {
  position: relative;
  flex-shrink: 0;
}
.button-shape-icon {
  max-width: 100%;
  overflow: hidden;
  height: 314px;
  flex: 1;
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-10);
  object-fit: cover;
  z-index: 2;
}
.add-to-card2 {
  align-self: stretch;
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
  flex-shrink: 0;
  z-index: 1;
}
.mission-container,
.mission-container-wrapper {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.mission-container-wrapper {
  width: 1067px;
  justify-content: center;
  padding: var(--padding-0) var(--padding-20) 92px;
  box-sizing: border-box;
  text-align: left;
  font-size: var(--fs-16);
  color: var(--Pocari-Blue);
  font-family: var(--font-mont);
}
.mission-container {
  width: 737px;
  position: relative;
  isolation: isolate;
}
.mission-container-child {
  height: 425px;
  width: 435px;
  position: absolute;
  margin: 0 !important;
  right: -350px;
  bottom: 42px;
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-10);
  object-fit: cover;
  flex-shrink: 0;
}
.mission-details {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-20) var(--padding-0) var(--padding-22);
  box-sizing: border-box;
  gap: var(--gap-16);
  max-width: 100%;
  z-index: 1;
  flex-shrink: 0;
}
.about-pocari-sweat,
.our-mission {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
}
.our-mission {
  align-self: stretch;
  height: var(--height-16);
  text-transform: uppercase;
}
.about-pocari-sweat {
  margin: 0;
  width: 519px;
  height: 111px;
  font-size: var(--fs-40);
  font-weight: 700;
  font-family: inherit;
  color: var(--Pocari-Light-Blue);
}
.the-pocari-sweat {
  width: 543px;
  position: relative;
  line-height: 200%;
  font-family: var(--font-arial);
  color: var(--Black);
  display: inline-block;
}
.heat-readiness {
  align-self: stretch;
  height: 1211px;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) 75px;
  box-sizing: border-box;
  max-width: 100%;
  text-align: center;
  font-size: var(--fs-16);
  color: var(--White);
  font-family: var(--font-mont);
}
.heat-readiness-child,
.heat-readiness2 {
  background: var(--Gradient);
  max-width: 100%;
}
.heat-readiness2 {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 84px var(--padding-80) 159px;
  box-sizing: border-box;
  gap: 72px;
}
.heat-readiness-child {
  width: 1440px;
  height: 1136px;
  position: relative;
  display: none;
  flex-shrink: 0;
}
.readiness-container {
  width: 907px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  max-width: 100%;
  flex-shrink: 0;
  text-align: left;
  font-size: var(--fs-16);
  color: var(--White);
  font-family: var(--font-mont);
}
.email-address,
.email-address-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.email-address-parent {
  width: 737px;
  gap: var(--gap-28);
  max-width: 100%;
}
.email-address {
  align-self: stretch;
  padding: var(--padding-0) var(--padding-20) var(--padding-0) var(--padding-22);
  gap: var(--gap-16);
  z-index: 2;
}
.preventing-heat-illness {
  margin: 0;
  width: 519px;
  height: 51px;
  position: relative;
  font-size: var(--fs-40);
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  flex-shrink: 0;
}
.preventing-heat-illness-should {
  align-self: stretch;
  position: relative;
  line-height: 200%;
  font-family: var(--font-arial);
}
.download-pdf-button-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 16px;
  padding: var(--padding-0) var(--padding-22);
}
.download-pdf,
.download-pdf-button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.download-pdf-button {
  cursor: pointer;
  border: 1px solid var(--White);
  padding: 17px 37px var(--padding-16);
  background-color: transparent;
  height: 42px;
  width: 232px;
  border-radius: 44px;
  box-sizing: border-box;
  text-decoration: none;
}
.download-pdf {
  height: var(--height-20);
  width: 132px;
  position: relative;
  font-size: var(--fs-16);
  text-transform: uppercase;
  font-family: var(--font-mont);
  color: var(--White);
  text-align: center;
  flex-shrink: 0;
}
.experience-parent {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 35px;
  max-width: 100%;
  flex-shrink: 0;
}
.available-offers-bank-offer-ca,
.experience {
  height: var(--height-63);
  display: flex;
  align-items: center;
  justify-content: center;
}
.experience {
  align-self: stretch;
  box-shadow: var(--shadow-drop);
  row-gap: 20px;
  max-width: 100%;
}
.available-offers-bank-offer-ca {
  width: 315px;
  border-radius: var(--br-10) var(--br-0) var(--br-0) var(--br-10);
  background-color: var(--Pocari-Blue);
  padding: var(--padding-22) 52px var(--padding-21) 53px;
  box-sizing: border-box;
  text-align: left;
}
.available-offers-bank-offer-ca2 {
  width: 324px;
  background-color: var(--Pocari-Light-Blue);
  padding: var(--padding-22) 51px var(--padding-21) var(--padding-55);
  max-width: 100%;
}
.available-offers-bank-offer-ca2,
.images,
.title {
  height: var(--height-63);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.images {
  width: 327px;
  background-color: var(--color-sandybrown);
  padding: var(--padding-22) 54px var(--padding-21) var(--padding-55);
  max-width: 100%;
}
.title {
  width: 314px;
  border-radius: var(--br-0) var(--br-10) var(--br-10) var(--br-0);
  background-color: var(--color-tomato);
  padding: var(--padding-22) 52px var(--padding-21) 53px;
}
.description,
.images2 {
  align-self: stretch;
  flex: 1;
  display: flex;
}
.images2 {
  align-items: flex-end;
  gap: 25px;
  z-index: 1;
}
.description {
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-10);
  background-color: var(--White);
  align-items: center;
  justify-content: center;
  text-align: left;
  font-size: var(--fs-16);
  color: var(--Pocari-Blue);
  font-family: var(--font-mont);
}
.description-child {
  width: 301px;
  height: 141px;
  position: absolute;
  margin: 0 !important;
  top: -21px;
  left: 0;
  border-radius: var(--br-10) var(--br-10) var(--br-0) var(--br-0);
  object-fit: cover;
  z-index: 0;
  flex-shrink: 0;
}
.indicator {
  height: var(--height-15);
  z-index: 1;
}
.action,
.follow-a-heat,
.high-workplace-temperatures,
.indicator {
  align-self: stretch;
  position: relative;
  display: inline-block;
  flex-shrink: 0;
}
.high-workplace-temperatures {
  height: 115px;
  font-size: var(--fs-13);
  line-height: 180%;
  font-family: var(--font-arial);
  color: var(--Black);
  z-index: 2;
}
.action,
.follow-a-heat {
  height: 13px;
  z-index: 3;
}
.follow-a-heat {
  height: 162px;
  font-size: var(--fs-13);
  line-height: 180%;
  font-family: var(--font-arial);
  color: var(--Black);
  z-index: 4;
}
.rectangle-parent {
  height: var(--height-450);
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 208px var(--padding-10) var(--padding-25);
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  gap: var(--gap-5);
  max-width: 100%;
}
.frame-child {
  width: 301px;
  height: 143px;
  position: absolute;
  margin: 0 !important;
  top: -21px;
  left: 0;
  border-radius: var(--br-10) var(--br-10) var(--br-0) var(--br-0);
  object-fit: cover;
  z-index: 0;
  flex-shrink: 0;
}
.feeling-overheated-unusual,
.follow-a-heat2 {
  align-self: stretch;
  height: 97px;
  position: relative;
  font-size: var(--fs-13);
  line-height: 180%;
  font-family: var(--font-arial);
  color: var(--Black);
  display: inline-block;
  flex-shrink: 0;
  z-index: 2;
}
.follow-a-heat2 {
  height: 183px;
  z-index: 4;
}
.images-child {
  align-self: stretch;
  flex: 1;
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-10);
  background-color: var(--White);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;
  font-size: var(--fs-16);
  color: var(--color-sandybrown);
  font-family: var(--font-mont);
}
.back-to-top {
  width: 301px;
  height: 144px;
  position: absolute;
  margin: 0 !important;
  top: -21px;
  left: 0;
  border-radius: var(--br-10) var(--br-10) var(--br-0) var(--br-0);
  object-fit: cover;
  z-index: 0;
  flex-shrink: 0;
}
.fatigue-and-unsteadiness,
.rest-in-a {
  align-self: stretch;
  height: 59px;
  position: relative;
  font-size: var(--fs-13);
  line-height: 180%;
  font-family: var(--font-arial);
  color: var(--Black);
  display: inline-block;
  flex-shrink: 0;
  z-index: 2;
}
.rest-in-a {
  height: 223px;
  z-index: 4;
}
.frame-section {
  align-self: stretch;
  flex: 1;
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-10);
  background-color: var(--White);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;
  font-size: var(--fs-16);
  color: var(--color-tomato);
  font-family: var(--font-mont);
}
.description-icon {
  width: 301px;
  height: 147px;
  position: absolute;
  margin: 0 !important;
  top: -24px;
  left: 0;
  border-radius: var(--br-10) var(--br-10) var(--br-0) var(--br-0);
  object-fit: cover;
  z-index: 0;
  flex-shrink: 0;
}
.confusion-erratic-or,
.heat-stroke-is {
  align-self: stretch;
  height: 86px;
  position: relative;
  font-size: var(--fs-13);
  line-height: 180%;
  font-family: var(--font-arial);
  color: var(--Black);
  display: inline-block;
  z-index: 2;
  flex-shrink: 0;
}
.heat-stroke-is {
  height: 207px;
  z-index: 4;
}
.board-container,
.board-container-wrapper {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.board-container-wrapper {
  width: 1067px;
  justify-content: center;
  padding: var(--padding-0) var(--padding-20) 128px;
  box-sizing: border-box;
  text-align: left;
  font-size: var(--fs-16);
  color: var(--Pocari-Blue);
  font-family: var(--font-mont);
}
.board-container {
  width: 693px;
  flex-direction: column;
  gap: var(--gap-16);
}
.our-board-members {
  align-self: stretch;
  position: relative;
  text-transform: uppercase;
}
.science-advisory-board {
  margin: 0;
  width: 519px;
  height: 35px;
  position: relative;
  font-size: var(--fs-40);
  font-weight: 700;
  font-family: inherit;
  color: var(--Pocari-Light-Blue);
  display: inline-block;
  flex-shrink: 0;
  max-width: 100%;
}
.lp-board-member-role-note {
  margin: 0;
  align-self: stretch;
  width: 100%;
  max-width: 693px;
  font-family: var(--font-mont);
  font-size: var(--fs-16);
  font-weight: 400;
  line-height: 1.5;
  color: var(--Pocari-Blue);
}
.member-grid-wrapper {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-0) var(--padding-25) var(--padding-0) var(--padding-20);
  box-sizing: border-box;
  max-width: 100%;
}
.member-grid {
  width: 1067px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 41.7px;
  max-width: 100%;
}
.bio-01-bob,
.bio-column {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.bio-column {
  align-self: stretch;
  gap: 19.5px;
}
.bio-01-bob {
  height: var(--height-855);
  flex: 1;
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-10);
  background-color: var(--Bio-Background);
  overflow: hidden;
  flex-direction: column;
  padding: var(--padding-0) var(--padding-0) var(--padding-368);
  box-sizing: border-box;
  gap: var(--gap-17);
  min-width: 341px;
  text-align: left;
  font-size: var(--fs-16);
  color: var(--Pocari-Light-Blue);
  font-family: var(--font-mont);
}
.bio-01-bob-child,
.image-box {
  align-self: stretch;
  position: relative;
  flex-shrink: 0;
}
.bio-01-bob-child {
  height: var(--height-853);
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-10);
  background-color: var(--Bio-Background);
  display: none;
}
.image-box {
  height: var(--height-487);
}
.avatar-area-icon,
.image-box-child {
  position: absolute;
  left: 0;
  width: 525.8px;
}
.avatar-area-icon {
  top: 0;
  height: var(--height-477);
  object-fit: cover;
  z-index: 2;
}
.image-box-child {
  top: 441px;
  height: var(--height-46);
  z-index: 3;
}
.data-holder,
.people-information {
  align-self: stretch;
  display: flex;
  flex-shrink: 0;
  max-width: 100%;
}
.data-holder {
  height: var(--height-432);
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-26) var(--padding-0) var(--padding-21);
  box-sizing: border-box;
}
.people-information {
  flex: 1;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--gap-12);
}
.bob-murray-phd {
  margin: 0;
  align-self: stretch;
  height: 40px;
  position: relative;
  font-size: var(--fs-24);
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  flex-shrink: 0;
}
.exercise-science {
  height: var(--height-12);
  text-transform: uppercase;
  color: var(--Pocari-Blue);
}
.co-chair-of-pocari,
.co-founder-and-director,
.exercise-science {
  align-self: stretch;
  position: relative;
  display: inline-block;
  flex-shrink: 0;
}
.co-chair-of-pocari {
  height: var(--height-43);
  text-transform: uppercase;
  color: var(--Pocari-Grey);
}
.co-founder-and-director {
  height: var(--height-244);
  line-height: 200%;
  font-family: var(--font-arial);
  color: var(--Black);
}
.bio-02-lacy,
.profile-data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.profile-data {
  flex: 1;
  padding: var(--padding-2) var(--padding-0) var(--padding-0);
  min-width: var(--min-w-337);
  text-align: left;
  font-size: var(--fs-16);
  color: var(--Pocari-Light-Blue);
  font-family: var(--font-mont);
}
.bio-02-lacy {
  align-self: stretch;
  height: var(--height-855);
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-10);
  background-color: var(--Bio-Background);
  overflow: hidden;
  flex-shrink: 0;
  padding: var(--padding-0) var(--padding-0) var(--padding-368);
  gap: var(--gap-17);
}
.image-divider-icon,
.name-area-icon {
  position: absolute;
  left: 0;
  width: var(--width-519_3);
}
.name-area-icon {
  top: 0;
  height: var(--height-477);
  object-fit: cover;
  z-index: 2;
}
.image-divider-icon {
  top: 441px;
  height: var(--height-46);
  z-index: 3;
}
.bio-02-lacy-inner {
  align-self: stretch;
  height: var(--height-432);
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-25) var(--padding-0) var(--padding-21);
  box-sizing: border-box;
  max-width: 100%;
  flex-shrink: 0;
}
.lacy-alexander-phd {
  margin: 0;
  align-self: stretch;
  height: 44px;
  position: relative;
  font-size: var(--fs-24);
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  flex-shrink: 0;
}
.bio-03-thomas-bernard,
.bio-column2 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.bio-column2 {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 27px;
}
.bio-03-thomas-bernard {
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-10);
  background-color: var(--Bio-Background);
  overflow: hidden;
  flex-direction: column;
  padding: var(--padding-0) var(--padding-0) var(--padding-20);
  box-sizing: border-box;
  gap: var(--gap-17);
}
.frame-inner,
.frame-item {
  position: absolute;
  left: 0;
  width: 518.8px;
}
.frame-item {
  top: 0;
  height: var(--height-477);
  object-fit: cover;
  z-index: 2;
}
.frame-inner {
  top: 441px;
  height: var(--height-46);
  z-index: 3;
}
.bio-03-thomas-bernard-inner {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-26) var(--padding-0) var(--padding-21);
  box-sizing: border-box;
  max-width: 100%;
  flex-shrink: 0;
}
.thomas-e-bernard-phd-cih-f-parent {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--gap-12);
  max-width: 100%;
}
.thomas-e-bernard {
  margin: 0;
  align-self: stretch;
  height: var(--height-43);
  position: relative;
  font-size: var(--fs-24);
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  flex-shrink: 0;
}
.bio-04-larry {
  height: var(--height-855);
  flex: 1;
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-10);
  background-color: var(--Bio-Background);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-368);
  box-sizing: border-box;
  gap: var(--gap-17);
  min-width: var(--min-w-337);
  max-width: 100%;
  text-align: left;
  font-size: var(--fs-16);
  color: var(--Pocari-Light-Blue);
  font-family: var(--font-mont);
}
.picture-area-icon,
.shape-area-icon {
  position: absolute;
  left: 0;
  width: 518.3px;
}
.picture-area-icon {
  top: 0;
  height: var(--height-477);
  object-fit: cover;
  z-index: 2;
}
.shape-area-icon {
  top: 441px;
  height: var(--height-46);
  z-index: 3;
}
.data-info-zone,
.name-data {
  display: flex;
  flex-shrink: 0;
  max-width: 100%;
}
.data-info-zone {
  align-self: stretch;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-25) var(--padding-0) var(--padding-21);
  box-sizing: border-box;
}
.name-data {
  flex: 1;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--gap-12);
}
.w-larry-kenney {
  margin: 0;
  align-self: stretch;
  height: 42px;
  position: relative;
  font-size: var(--fs-24);
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  flex-shrink: 0;
}
.bio-05-fran-parent {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 26px;
  max-width: 100%;
}
.francis-g-oconnor {
  margin: 0;
  height: 61px;
  font-size: var(--fs-24);
  font-weight: 700;
  font-family: inherit;
}
.francis-g-oconnor,
.military-sports,
.robert-sallis-md {
  align-self: stretch;
  position: relative;
  display: inline-block;
  flex-shrink: 0;
}
.military-sports {
  height: var(--height-12);
  line-height: var(--lh-18);
  text-transform: uppercase;
  color: var(--Pocari-Blue);
}
.robert-sallis-md {
  margin: 0;
  height: 59px;
  font-size: var(--fs-24);
  font-weight: 700;
  font-family: inherit;
}
.contact-form,
.june-info {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.contact-form {
  align-self: stretch;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: var(--gap-22);
}
.june-info {
  flex: 1;
  flex-direction: column;
  padding: var(--padding-2) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  min-width: 342px;
}
.bio-07-june,
.bio-07-june-child,
.bio-07-june-inner {
  align-self: stretch;
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-10);
}
.bio-07-june {
  background-color: var(--Bio-Background);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) 29px;
  box-sizing: border-box;
  max-width: 100%;
}
.bio-07-june-child,
.bio-07-june-inner {
  z-index: 1;
  flex-shrink: 0;
}
.bio-07-june-child {
  height: 963px;
  position: relative;
  background-color: var(--Bio-Background);
  display: none;
}
.bio-07-june-inner {
  background-color: var(--White);
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-368);
  box-sizing: border-box;
  max-width: 100%;
}
.rectangle-parent2 {
  height: var(--height-487);
  flex: 1;
  position: relative;
  max-width: 100%;
  flex-shrink: 0;
}
.doctor-title,
.june-spector-md-mph-parent {
  align-self: stretch;
  display: flex;
  max-width: 100%;
}
.doctor-title {
  height: var(--height-432);
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-26) var(--padding-0) var(--padding-21);
  box-sizing: border-box;
  margin-top: -351px;
  position: relative;
  flex-shrink: 0;
  text-align: left;
  font-size: var(--fs-16);
  color: var(--Pocari-Light-Blue);
  font-family: var(--font-mont);
}
.june-spector-md-mph-parent {
  flex: 1;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--gap-12);
}
.june-spector-md {
  margin: 0;
  align-self: stretch;
  height: var(--height-48);
  position: relative;
  font-size: var(--fs-24);
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  flex-shrink: 0;
}
.professor-department-of {
  align-self: stretch;
  position: relative;
  text-transform: uppercase;
  color: var(--Pocari-Grey);
}
.specialist-in-occupational {
  align-self: stretch;
  height: var(--height-244);
  position: relative;
  letter-spacing: -0.05px;
  line-height: 200%;
  font-family: var(--font-arial);
  color: var(--Black);
  display: inline-block;
  flex-shrink: 0;
}
.bio-08-koji {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) 49px;
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  gap: 27px;
  min-width: var(--min-w-337);
  max-width: 100%;
}
.bio-08-koji-child {
  width: 100%;
  height: 965px;
  position: absolute;
  margin: 0 !important;
  top: 2px;
  right: 0;
  left: 0;
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-10);
  background-color: var(--Bio-Background);
  flex-shrink: 0;
}
.rectangle-parent3 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  position: relative;
  isolation: isolate;
  max-width: 100%;
  flex-shrink: 0;
}
.frame-child6,
.frame-child7 {
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
}
.frame-child6 {
  height: var(--height-477);
  flex: 1;
  position: relative;
  object-fit: cover;
  z-index: 2;
}
.frame-child7 {
  height: var(--height-46);
  width: 100%;
  position: absolute;
  margin: 0 !important;
  right: 0;
  bottom: -10px;
  left: 0;
  z-index: 3;
}
.company-information {
  align-self: stretch;
  height: var(--height-432);
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-26) var(--padding-0) var(--padding-21);
  box-sizing: border-box;
  max-width: 100%;
  flex-shrink: 0;
  text-align: left;
  font-size: var(--fs-24);
  color: var(--Pocari-Light-Blue);
  font-family: var(--font-mont);
}
.as-part-of,
.otsuka-america-inc {
  align-self: stretch;
  position: relative;
  display: inline-block;
  flex-shrink: 0;
}
.otsuka-america-inc {
  margin: 0;
  height: 41px;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
}
.as-part-of {
  height: var(--height-244);
  font-size: var(--fs-16);
  line-height: 200%;
  font-family: var(--font-arial);
  color: var(--Black);
}
.resources,
.resources-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.resources-parent {
  height: 1095px;
  padding: var(--padding-0) var(--padding-0) 417px;
  text-align: left;
  font-size: var(--fs-16);
  color: var(--White);
  font-family: var(--font-mont);
}
.resources {
  background: var(--Gradient);
  padding: var(--padding-0) var(--padding-0) 165px;
  gap: 66px;
  flex-shrink: 0;
  z-index: 2;
}
.financials-author-title,
.resources-child {
  align-self: stretch;
  position: relative;
  flex-shrink: 0;
}
.resources-child {
  height: 678px;
  background: var(--Gradient);
  display: none;
}
.financials-author-title {
  display: block;
  width: 100%;
  max-width: none;
  z-index: 1;
}
.resource-headings,
.resources-headings {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.resources-headings {
  width: 1036px;
  max-width: 100%;
  align-self: stretch;
  justify-content: center;
  padding: var(--padding-0) var(--padding-20) var(--padding-40);
  box-sizing: border-box;
  flex-shrink: 0;
}
.resource-headings {
  width: 662px;
  max-width: 100%;
  flex-direction: column;
  gap: 15.7px;
}
.reference-documents {
  align-self: stretch;
  position: relative;
  text-transform: uppercase;
  color: var(--White);
  z-index: 1;
}
.key-resources {
  margin: 0;
  width: 596px;
  max-width: 100%;
  height: auto;
  position: relative;
  font-size: var(--fs-40);
  font-weight: 700;
  font-family: inherit;
  color: var(--White);
  display: inline-block;
  flex-shrink: 0;
  line-height: 1.2;
  z-index: 1;
}
.links-container,
.resource-links {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.resource-links {
  align-self: stretch;
  padding: var(--padding-0) 82px var(--padding-0) var(--padding-80);
  box-sizing: border-box;
  flex-shrink: 0;
  text-align: left;
  font-size: var(--fs-16);
  color: var(--Pocari-Light-Blue);
  font-family: var(--font-mont);
}
.links-container {
  flex: 1;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: stretch;
  gap: 25.5px;
}
.links,
.links-child {
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-10);
  background-color: var(--White);
}
.links {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-26) var(--padding-0) var(--padding-24);
  box-sizing: border-box;
  gap: 67px;
  min-width: 307px;
  max-width: 100%;
  z-index: 1;
}
.links-child {
  height: 205px;
  position: relative;
  display: none;
}
.heat-injury,
.link-names,
.links-child,
.osha {
  align-self: stretch;
  flex-shrink: 0;
}
.link-names {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-20);
  gap: var(--gap-10);
  width: 100%;
  box-sizing: border-box;
}
.heat-injury,
.osha {
  height: auto;
  position: relative;
  display: block;
  text-align: left;
}
.osha {
  text-transform: uppercase;
}
.heat-injury {
  font-size: var(--fs-15);
  line-height: 180%;
  color: var(--Black);
}
.downloads-list {
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-32);
  flex-shrink: 0;
}
.pdf-downloads {
  cursor: pointer;
  border: 0;
  padding: var(--padding-19) var(--padding-55) var(--padding-18) 56px;
  background-color: var(--Pocari-Light-Blue);
  height: 38px;
  flex: 1;
  border-radius: var(--br-10);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  text-decoration: none;
}
.pdf-downloads:hover {
  background-color: var(--color-cornflowerblue);
}
.download-pdf2 {
  position: relative;
  font-size: var(--fs-15);
  font-family: var(--font-mont);
  color: var(--White);
  text-align: center;
  flex-shrink: 0;
}
.footer,
.footer-child {
  position: relative;
  background-color: var(--Pocari-Blue);
  max-width: 100%;
  flex-shrink: 0;
}
.footer {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  padding: 92px 186px 182px 189px;
  box-sizing: border-box;
  gap: var(--gap-22);
  margin-top: -3px;
  text-align: left;
  font-size: var(--fs-16);
  color: var(--White);
  font-family: var(--font-arial);
}
.footer-child {
  height: var(--height-450);
  width: 1440px;
  display: none;
}
.footer-content {
  width: 412px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-19);
  max-width: 100%;
  flex-shrink: 0;
}
.logo-elements-icon {
  width: 384px;
  position: relative;
  max-height: 100%;
  object-fit: cover;
  max-width: 100%;
  z-index: 1;
}
.bringing-science-backed-hydrat {
  height: 107px;
  position: relative;
  line-height: 200%;
  display: inline-block;
  flex-shrink: 0;
  z-index: 1;
}
.footer-disclaimer {
  flex: 0 0 100%;
  width: 100%;
  margin: 32px 0 0;
  padding: 0;
  font-size: var(--fs-13);
  line-height: 1.5;
  color: var(--White);
  font-family: var(--font-arial);
}
.footer-disclaimer__sponsor {
  margin: 0;
}
.footer-disclaimer__legal {
  margin: 24px 0 0;
}
.footer-disclaimer__legal p {
  margin: 0 0 16px;
}
.footer-disclaimer__legal p:last-child {
  margin-bottom: 0;
}
.footer-disclaimer__title {
  margin: 0 0 12px;
  font-weight: 700;
}
.footer-links {
  flex: 1;
  flex-direction: column;
  padding: 3px var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  min-width: 410px;
  max-width: 100%;
  flex-shrink: 0;
}
.footer-links,
.page-links,
.page-links-parent {
  display: flex;
  align-items: flex-start;
}
.page-links-parent {
  align-self: stretch;
  flex: 1;
  gap: 23px;
}
.page-links {
  width: 195px;
  flex-direction: column;
  gap: var(--gap-6);
}
.contact-us,
.occupational-safety,
.programs {
  align-self: stretch;
  position: relative;
  display: inline-block;
}
.programs {
  height: var(--height-48);
  line-height: 200%;
}
.contact-us,
.occupational-safety {
  height: var(--height-24);
}
.occupational-safety {
  line-height: var(--lh-24);
}
.contact-us {
  line-height: 200%;
}
@media screen and (max-width: 1350px) {
  .heat-readiness {
    padding-bottom: 49px;
    box-sizing: border-box;
  }
  .experience {
    flex-wrap: wrap;
  }
  .bio-01-bob,
  .bio-02-lacy,
  .bio-04-larry {
    padding-bottom: var(--padding-239);
    box-sizing: border-box;
  }
  .resources-parent {
    height: auto;
    padding-bottom: 271px;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 1024px) {
  .add-to-card-parent {
    flex-wrap: wrap;
  }
  .add-to-card {
    flex: 1;
  }
  .heat-readiness2 {
    padding-top: var(--padding-55);
    padding-bottom: 103px;
    box-sizing: border-box;
  }
  .bio-column {
    flex-wrap: wrap;
  }
  .bio-07-june-inner,
  .bio-08-koji {
    padding-bottom: var(--padding-239);
    box-sizing: border-box;
  }
  .bio-08-koji {
    padding-bottom: var(--padding-32);
  }
  .footer {
    flex-wrap: wrap;
  }
  .footer-content {
    flex: 1;
    min-width: 100%;
  }
  .footer-links {
    min-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .top-header {
    gap: var(--gap-19);
    padding-left: 94px;
    padding-right: 538px;
    box-sizing: border-box;
  }
  .navigation {
    padding-left: 96px;
    padding-right: 347px;
    box-sizing: border-box;
  }
  .deliver-to {
    display: none;
  }
  .hero {
    gap: 65px;
  }
  .add-to-card {
    gap: 61px;
    min-width: 100%;
  }
  .advancing-the-science {
    font-size: 38px;
  }
  .mission-container-wrapper {
    padding-bottom: 60px;
    box-sizing: border-box;
  }
  .about-pocari-sweat {
    font-size: var(--fs-32);
  }
  .heat-readiness {
    padding-bottom: var(--padding-32);
    box-sizing: border-box;
  }
  .heat-readiness2 {
    gap: 36px;
    padding: 36px var(--padding-40) 67px;
    box-sizing: border-box;
  }
  .preventing-heat-illness {
    font-size: var(--fs-32);
  }
  .experience-parent {
    gap: var(--gap-17);
  }
  .rectangle-parent {
    padding-top: 135px;
    padding-bottom: var(--padding-20);
    box-sizing: border-box;
  }
  .science-advisory-board {
    font-size: var(--fs-32);
  }
  .member-grid {
    gap: 21px;
  }
  .bio-01-bob,
  .bio-02-lacy,
  .bio-04-larry,
  .bio-08-koji {
    padding-bottom: var(--padding-155);
    box-sizing: border-box;
  }
  .bio-08-koji {
    padding-bottom: var(--padding-21);
  }
  .resources,
  .resources-parent {
    padding-bottom: 176px;
    box-sizing: border-box;
  }
  .resources {
    gap: 33px;
    padding-bottom: 107px;
  }
  .key-resources {
    font-size: var(--fs-32);
  }
  .resource-links {
    padding-left: var(--padding-40);
    padding-right: 41px;
    box-sizing: border-box;
  }
  .footer {
    padding-left: 94px;
    padding-right: 93px;
    box-sizing: border-box;
  }
  .page-links-parent {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 450px) {
  .navigation,
  .top-header {
    padding-left: var(--padding-20);
    padding-right: var(--padding-20);
    box-sizing: border-box;
  }
  .hero {
    gap: 32px;
  }
  .add-to-card {
    gap: 31px;
  }
  .advancing-the-science {
    font-size: 29px;
  }
  .button-container {
    min-width: 100%;
  }
  .about-pocari-sweat {
    font-size: var(--fs-24);
  }
  .heat-readiness2 {
    gap: 18px;
  }
  .preventing-heat-illness {
    font-size: var(--fs-24);
  }
  .available-offers-bank-offer-ca {
    padding-left: var(--padding-20);
    padding-right: var(--padding-20);
    box-sizing: border-box;
  }
  .science-advisory-board {
    font-size: var(--fs-24);
  }
  .bio-01-bob {
    min-width: 100%;
  }
  .bob-murray-phd {
    font-size: var(--fs-19);
  }
  .profile-data {
    min-width: 100%;
  }
  .lacy-alexander-phd,
  .thomas-e-bernard {
    font-size: var(--fs-19);
  }
  .bio-04-larry {
    min-width: 100%;
  }
  .francis-g-oconnor,
  .robert-sallis-md,
  .w-larry-kenney {
    font-size: var(--fs-19);
  }
  .june-info {
    min-width: 100%;
  }
  .bio-07-june-inner {
    padding-bottom: var(--padding-155);
    box-sizing: border-box;
  }
  .june-spector-md {
    font-size: var(--fs-19);
  }
  .bio-08-koji {
    min-width: 100%;
  }
  .otsuka-america-inc {
    font-size: var(--fs-19);
  }
  .resources-parent {
    padding-bottom: 114px;
    box-sizing: border-box;
  }
  .resources {
    gap: var(--gap-16);
  }
  .key-resources {
    font-size: var(--fs-24);
  }
  .links {
    gap: 33px;
  }
  .footer {
    padding-left: var(--padding-20);
    padding-right: var(--padding-20);
    padding-bottom: 118px;
    box-sizing: border-box;
  }
}

/* WordPress 最小調整 */
html:has(body.lp-page) {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  width: 100%;
}
body.lp-page {
  /* Breakpoints: Mobile ≤767px · Tablet 768–1024px（Figma 834） · PC ≥1025px（Figma 1440） */
  margin: 0;
  padding: 0;
  font-family: var(--font-mont);
  font-size: var(--fs-16);
  line-height: normal;
  color: var(--Black);
  overflow-x: hidden;
  width: 100%;
  --lp-content-max: 1280px;
}
body.lp-page .launch-page-main {
  overflow: visible !important;
  width: 100% !important;
  max-width: none !important;
  align-items: stretch;
}
body.lp-page .frame-parent {
  width: 100% !important;
  max-width: none !important;
  align-self: stretch;
  align-items: stretch;
  box-sizing: border-box;
  overflow: visible;
}
body.lp-page main.member-grid-wrapper {
  margin: 0;
  padding-bottom: clamp(68px, calc(100vw * 136 / 1440), 136px);
  box-sizing: border-box;
}
body.lp-page img { max-width: none !important; }

/*
 * hero：グラデーション背景 + 下部ウェーブ（上部ウェーブは Figma 原本どおり非表示）
 */
body.lp-page .hero {
  position: relative;
  width: 100% !important;
  max-width: none !important;
  align-self: stretch;
  align-items: stretch !important;
  overflow: visible;
  box-sizing: border-box;
  background: transparent;
  isolation: isolate;
  left: auto;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
body.lp-page .hero::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: var(--Gradient);
  z-index: 0;
}
body.lp-page .hero > .hero-child,
body.lp-page .hero > .hero-container {
  position: relative;
  z-index: 1;
}
body.lp-page .hero > .hero-item {
  display: none !important;
}
body.lp-page .hero > .add-to-card2 {
  display: block !important;
  position: relative;
  z-index: 1;
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  height: clamp(36px, calc(100vw * 72 / 1440), 72px);
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto;
  align-self: stretch !important;
}
body.lp-page .hero > .add-to-card2 .lp-hero-wave-path--mobile {
  display: none;
}

/* Resources — Figma 678px グラデーション層 + ウェーブ */
body.lp-page .resources-parent {
  width: 100%;
  align-self: stretch;
  height: auto !important;
  padding-bottom: 0 !important;
}
body.lp-page .resources {
  position: relative;
  width: 100%;
  max-width: none;
  align-self: stretch;
  padding-bottom: 165px;
  gap: 24px;
  box-sizing: border-box;
}
body.lp-page .resources-child {
  display: block;
  position: absolute;
  top: clamp(20px, calc(100vw * 40 / 1440), 40px);
  left: 0;
  width: 100%;
  height: clamp(230px, calc(100vw * 460 / 1440), 460px);
  background: var(--Gradient);
  z-index: 0;
  pointer-events: none;
}
body.lp-page .resources .financials-author-title.lp-resources-wave {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: clamp(36px, calc(100vw * 72 / 1440), 72px);
  margin-top: calc(-1 * clamp(20px, calc(100vw * 40 / 1440), 40px));
  margin-bottom: -2px;
  padding: 0;
  flex-shrink: 0;
  pointer-events: none;
  background: none;
  clip-path: none;
  transform: translateY(2px);
}
body.lp-page .resources .lp-resources-wave-path--mobile {
  display: none;
}
body.lp-page .resources-headings,
body.lp-page .resources .resource-links {
  position: relative;
  z-index: 1;
}
body.lp-page .resources-headings {
  padding-top: 16px;
}
body.lp-page .resources .resource-links {
  padding-top: 24px;
}
body.lp-page .lp-svg-defs {
  position: absolute;
  overflow: hidden;
}
body.lp-page .reference-documents,
body.lp-page .key-resources {
  font-family: var(--font-mont);
  font-weight: 700;
}
body.lp-page .footer {
  margin-top: 0;
  padding-bottom: 160px;
  padding-left: 0;
  padding-right: 0;
  flex-wrap: wrap;
  align-items: stretch;
  --lp-footer-rail-max: 674px;
}
body.lp-page .footer-content {
  width: 100%;
  max-width: none;
  flex-shrink: 0;
}
body.lp-page .footer-links {
  min-width: 0;
  flex: none;
}
body.lp-page .footer-content,
body.lp-page .footer-links {
  box-sizing: border-box;
}
body.lp-page .footer-links {
  padding-top: 3px;
  padding-bottom: 0;
}
body.lp-page .footer-links .page-links-parent {
  margin-inline: 0;
}
body.lp-page .footer-disclaimer {
  margin-top: 40px;
  max-width: 100%;
}
body.lp-page .footer .footer-policy-link {
  height: auto;
  color: var(--White);
  text-decoration: none;
}
body.lp-page .footer .footer-resource-link {
  height: auto;
  color: var(--White);
  text-decoration: none;
}
body.lp-page .footer .footer-policy-link:hover,
body.lp-page .footer .footer-policy-link:focus-visible,
body.lp-page .footer .footer-resource-link:hover,
body.lp-page .footer .footer-resource-link:focus-visible {
  text-decoration: underline;
}

/* Heat Prevention — DOWNLOAD PDF ボタンを1行に */
body.lp-page .download-pdf-button {
  white-space: nowrap;
  flex-shrink: 0;
}
body.lp-page .download-pdf {
  display: inline-block;
  white-space: nowrap;
  width: auto;
  height: auto;
  line-height: 1;
  flex-shrink: 0;
}
body.lp-page .download-pdf-button--es {
  width: auto;
  min-width: 232px;
  padding-left: 24px;
  padding-right: 24px;
}
body.lp-page .preventing-heat-illness-should strong {
  font-weight: 700;
}

/* Heat Prevention — タブ行・カード行（Figma 準拠） */
body.lp-page .heat-readiness {
  text-align: left;
}
body.lp-page .heat-readiness2 {
  align-items: flex-start;
}
body.lp-page .readiness-container {
  width: 907px;
  max-width: 100%;
  justify-content: center;
  align-self: flex-start;
}
body.lp-page .experience-parent {
  width: 100%;
  max-width: var(--lp-content-max);
  margin-left: auto;
  margin-right: auto;
  align-self: center;
  padding-inline: 20px;
  box-sizing: border-box;
  gap: 35px;
}
body.lp-page .lp-br-pc {
  display: none;
}
body.lp-page .lp-key-resources-br {
  display: none;
}
body.lp-page .experience {
  justify-content: center;
  flex-wrap: nowrap;
  width: 100%;
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-10);
  overflow: hidden;
  position: relative;
  z-index: 2;
}
body.lp-page .available-offers-bank-offer-ca,
body.lp-page .available-offers-bank-offer-ca2,
body.lp-page .experience > .images,
body.lp-page .experience > .title {
  flex: 0 0 auto;
  max-width: none;
  border-radius: 0;
}
body.lp-page .available-offers-bank-offer-ca {
  width: 315px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  justify-content: center;
}
body.lp-page .available-offers-bank-offer-ca2 {
  width: 324px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  justify-content: center;
}
body.lp-page .experience > .images {
  width: 327px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  justify-content: center;
}
body.lp-page .experience > .title {
  width: 314px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  justify-content: center;
}
body.lp-page .experience .continuing-education {
  white-space: nowrap;
}
body.lp-page .images2 {
  width: 100%;
  z-index: 1;
  position: relative;
  align-items: flex-end;
  gap: 25px;
}
body.lp-page .images2 > * {
  flex: 1 1 0;
  min-width: 0;
}
body.lp-page .images2 .description,
body.lp-page .images2 .images-child,
body.lp-page .images2 .frame-section {
  border-radius: var(--br-10);
  overflow: hidden;
  box-shadow: var(--shadow-drop);
}
body.lp-page .description-child,
body.lp-page .frame-child,
body.lp-page .back-to-top,
body.lp-page .description-icon {
  width: 100%;
  max-width: 100%;
  left: 0;
  right: 0;
  border-radius: var(--br-10) var(--br-10) 0 0;
}

/* Board Members — 写真下端ウェーブ（Figma ADD-TO-CARD 形状・Bio背景でテキストと接続） */
body.lp-page {
  --Bio-Background-Solid: #f3f9fe;
}
body.lp-page .member-grid .bio-01-bob,
body.lp-page .member-grid .bio-02-lacy,
body.lp-page .member-grid .bio-03-thomas-bernard,
body.lp-page .member-grid .bio-04-larry,
body.lp-page .member-grid .bio-07-june {
  gap: 17px;
  background-color: var(--Bio-Background-Solid);
}
body.lp-page .member-grid .bio-08-koji {
  gap: 27px;
  background-color: var(--Bio-Background-Solid);
}
body.lp-page .member-grid .bio-03-thomas-bernard {
  height: 855px;
  min-height: 855px;
  max-height: 855px;
  padding-bottom: 368px;
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  overflow: hidden;
}
body.lp-page .member-grid .bio-03-thomas-bernard-inner {
  height: 432px;
  min-height: 432px;
  max-height: 432px;
  flex-shrink: 0;
  box-sizing: border-box;
  overflow: hidden;
}
body.lp-page .member-grid .bio-05-fran-parent {
  flex-wrap: nowrap;
  align-items: stretch;
}
body.lp-page .member-grid .bio-05-fran-parent > .bio-04-larry {
  flex: 1 1 0;
  min-width: 0;
  width: auto;
  height: var(--height-855);
  box-sizing: border-box;
}
body.lp-page .member-grid .contact-form {
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 26px;
}
body.lp-page .member-grid .contact-form > .june-info,
body.lp-page .member-grid .contact-form > .bio-08-koji {
  flex: 1 1 0;
  min-width: 0;
  width: auto;
}
body.lp-page .member-grid .june-info {
  padding: 0;
}
body.lp-page .member-grid .bio-07-june {
  height: 855px;
  min-height: 855px;
  max-height: 855px;
  padding-bottom: 368px;
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  overflow: hidden;
  width: 100%;
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-10);
}
body.lp-page .member-grid .doctor-title {
  margin-top: 0;
  height: 432px;
  min-height: 432px;
  max-height: 432px;
  flex-shrink: 0;
  overflow: hidden;
}
body.lp-page .member-grid .bio-08-koji {
  height: 855px;
  min-height: 855px;
  max-height: 855px;
  padding-bottom: 368px;
  gap: 17px;
  box-sizing: border-box;
  flex-shrink: 0;
  overflow: hidden;
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-10);
  background-color: var(--Bio-Background-Solid);
}
body.lp-page .member-grid .bio-08-koji-child {
  display: none;
}
body.lp-page .member-grid .rectangle-parent3 {
  height: 487px;
  flex-shrink: 0;
}
body.lp-page .member-grid .company-information {
  height: 432px;
  min-height: 432px;
  max-height: 432px;
  flex-shrink: 0;
  overflow: hidden;
}
body.lp-page .member-grid .image-box,
body.lp-page .member-grid .rectangle-parent2,
body.lp-page .member-grid .rectangle-parent3 {
  background-color: transparent;
  overflow: hidden;
}
body.lp-page .member-grid .image-box::after,
body.lp-page .member-grid .rectangle-parent2::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 441px;
  height: 46px;
  background-color: var(--Bio-Background-Solid);
  mask: url("assets/images/lp/bio-member-wave.svg") no-repeat center / 100% 100%;
  -webkit-mask: url("assets/images/lp/bio-member-wave.svg") no-repeat center / 100% 100%;
  z-index: 3;
  pointer-events: none;
}
body.lp-page .member-grid .rectangle-parent3::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 441px;
  height: 46px;
  background-color: var(--Bio-Background-Solid);
  mask: url("assets/images/lp/bio-member-wave.svg") no-repeat center / 100% 100%;
  -webkit-mask: url("assets/images/lp/bio-member-wave.svg") no-repeat center / 100% 100%;
  z-index: 3;
  pointer-events: none;
}
body.lp-page .member-grid .avatar-area-icon,
body.lp-page .member-grid .name-area-icon,
body.lp-page .member-grid .frame-item,
body.lp-page .member-grid .picture-area-icon,
body.lp-page .member-grid .frame-child6 {
  width: 100% !important;
  max-width: 100%;
  left: 0;
  right: 0;
}
body.lp-page .member-grid .frame-child6 {
  height: 477px;
  top: 0;
  position: absolute;
  object-fit: cover;
  z-index: 2;
}
body.lp-page .member-grid .data-holder,
body.lp-page .member-grid .bio-02-lacy-inner,
body.lp-page .member-grid .bio-03-thomas-bernard-inner,
body.lp-page .member-grid .data-info-zone,
body.lp-page .member-grid .doctor-title,
body.lp-page .member-grid .company-information {
  background-color: transparent;
}
body.lp-page .member-grid .image-box-child,
body.lp-page .member-grid .image-divider-icon,
body.lp-page .member-grid .frame-inner,
body.lp-page .member-grid .shape-area-icon,
body.lp-page .member-grid .frame-child7 {
  display: none !important;
}
body.lp-page .member-grid .co-chair-of-pocari,
body.lp-page .member-grid .professor-department-of {
  min-height: 43px;
}
body.lp-page .member-grid .co-founder-and-director,
body.lp-page .member-grid .specialist-in-occupational,
body.lp-page .member-grid .as-part-of {
  margin-top: 12px;
}

/* Board Members — PC / Tablet+Mobile テキスト切替 */
body.lp-page .lp-board-copy-tm {
  display: none;
}
body.lp-page .lp-board-copy-tm.lp-board-copy-block {
  display: none;
}
@media screen and (max-width: 1024px) {
  body.lp-page .lp-board-copy-pc {
    display: none;
  }
  body.lp-page .lp-board-copy-tm {
    display: inline;
  }
  body.lp-page .lp-board-copy-tm.lp-board-copy-block {
    display: block;
  }
}

@media screen and (min-width: 1025px) {
  body.lp-page {
    --lp-hero-gap: clamp(23px, 3vw, 48px);
    /* ヒーロー外幅（518 + gap + 545 + padding 40）に他セクションを揃える */
    --lp-content-max: min(
      calc(518px + var(--lp-hero-gap) + 545px + 40px),
      calc(100vw - 40px)
    );
  }

  /* OUR MISSION — ヒーロー左右端に揃える */
  body.lp-page .mission-container-wrapper {
    width: 100%;
    max-width: var(--lp-content-max);
    margin-inline: auto;
    padding-inline: 20px;
    padding-bottom: 92px;
    box-sizing: border-box;
  }
  body.lp-page .mission-container {
    width: 100%;
    max-width: none;
  }
  body.lp-page .mission-details .about-pocari-sweat {
    width: 100%;
    max-width: 518px;
  }
  body.lp-page .mission-details .the-pocari-sweat {
    width: 100%;
    max-width: 430px;
  }
  body.lp-page .mission-details {
    padding-left: 0;
    padding-right: 0;
  }
  body.lp-page .mission-container-child {
    right: 0;
  }

  /* Heat Prevention — ヒーローと同じレール幅 */
  body.lp-page .heat-readiness2 {
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
  }
  body.lp-page .readiness-container {
    width: 100%;
    max-width: var(--lp-content-max);
    margin-inline: auto;
    align-self: center;
    padding-inline: 20px;
    box-sizing: border-box;
  }
  body.lp-page .email-address-parent {
    width: 100%;
    max-width: none;
  }
  body.lp-page .email-address {
    padding-left: 0;
    padding-right: 0;
  }
  body.lp-page .download-pdf-button-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  body.lp-page .preventing-heat-illness {
    width: 100%;
    max-width: 518px;
    height: auto;
  }
  /* Heat Prevention — PC intro copy FIX（1025px+） */
  body.lp-page .preventing-heat-illness-should {
    max-width: 737px;
  }
  body.lp-page .lp-br-pc {
    display: block;
  }
  /* Heat Prevention — カード列 1280px（Figma 準拠・タブは連続バー） */
  body.lp-page .experience-parent {
    width: 100%;
    max-width: min(1280px, calc(100vw - 40px));
    margin-inline: auto;
    align-self: center;
    padding-inline: 20px;
    box-sizing: border-box;
    gap: 35px;
  }
  body.lp-page .experience {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 100%;
    margin-inline: auto;
    height: var(--height-63);
    box-shadow: var(--shadow-drop);
    border-radius: var(--br-10);
    overflow: hidden;
    gap: 0;
  }
  body.lp-page .available-offers-bank-offer-ca,
  body.lp-page .available-offers-bank-offer-ca2,
  body.lp-page .experience > .images,
  body.lp-page .experience > .title {
    flex: 1 1 0;
    min-width: 0;
    max-width: none;
    height: var(--height-63);
    padding: var(--padding-22) 12px var(--padding-21);
    box-sizing: border-box;
    text-align: center;
    justify-content: center;
    border-radius: 0;
  }
  body.lp-page .available-offers-bank-offer-ca {
    flex: 315 1 0;
  }
  body.lp-page .available-offers-bank-offer-ca2 {
    flex: 324 1 0;
  }
  body.lp-page .experience > .images {
    flex: 327 1 0;
  }
  body.lp-page .experience > .title {
    flex: 314 1 0;
  }
  body.lp-page .lp-heat-slider {
    width: 100%;
    max-width: 100%;
    margin-inline: auto;
  }
  body.lp-page .images2 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 25px;
    width: 100%;
    max-width: 100%;
    margin-inline: auto;
    align-items: stretch;
  }
  body.lp-page .images2 > * {
    width: 100%;
    min-width: 0;
    max-width: none;
  }
  body.lp-page .images2 .description,
  body.lp-page .images2 .images-child,
  body.lp-page .images2 .frame-section {
    align-items: stretch;
    justify-content: flex-start;
    display: flex;
    flex-direction: column;
    overflow: visible;
  }
  body.lp-page .images2 .rectangle-parent {
    width: 100%;
    height: auto;
    min-height: var(--height-450);
    flex: 1 1 auto;
    justify-content: flex-start;
    align-items: stretch;
    padding: 147px var(--padding-10) var(--padding-25);
    box-sizing: border-box;
    gap: var(--gap-5);
  }
  body.lp-page .images2 .description-child,
  body.lp-page .images2 .frame-child,
  body.lp-page .images2 .back-to-top,
  body.lp-page .images2 .description-icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    height: 147px;
    min-height: 147px;
    max-height: 147px;
    margin: 0 !important;
    object-fit: cover;
    object-position: center top;
    border-radius: var(--br-10) var(--br-10) 0 0;
    flex-shrink: 0;
  }
  body.lp-page .images2 .lp-heat-card-body {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    overflow: visible;
    flex: 1 1 auto;
    padding: 24px 0 12px;
    box-sizing: border-box;
  }
  body.lp-page .images2 .lp-heat-card-block--indicator {
    margin-top: 0;
  }
  body.lp-page .images2 .lp-heat-card-block {
    display: flex;
    flex-direction: column;
    gap: 3px;
    width: 100%;
  }
  body.lp-page .images2 .lp-heat-card-block .indicator,
  body.lp-page .images2 .lp-heat-card-block .action {
    height: auto;
    font-size: var(--fs-16);
    line-height: 1.2;
  }
  body.lp-page .images2 .lp-heat-card-block .high-workplace-temperatures,
  body.lp-page .images2 .lp-heat-card-block .feeling-overheated-unusual,
  body.lp-page .images2 .lp-heat-card-block .follow-a-heat,
  body.lp-page .images2 .lp-heat-card-block .follow-a-heat2,
  body.lp-page .images2 .lp-heat-card-block .fatigue-and-unsteadiness,
  body.lp-page .images2 .lp-heat-card-block .rest-in-a,
  body.lp-page .images2 .lp-heat-card-block .confusion-erratic-or,
  body.lp-page .images2 .lp-heat-card-block .heat-stroke-is {
    height: auto;
    min-height: 0;
    font-size: var(--fs-13);
    line-height: 1.8;
  }
  body.lp-page .images2 .frame-section .lp-heat-card-body {
    padding-bottom: 24px;
  }

  body.lp-page .board-container-wrapper {
    width: 100%;
    max-width: var(--lp-content-max);
    margin-inline: auto;
    justify-content: flex-start;
    padding: 0 20px 75px;
    box-sizing: border-box;
  }
  body.lp-page .board-container {
    width: 100%;
    max-width: none;
    min-height: 0;
    height: auto;
    padding: 0;
    gap: var(--gap-16);
    margin: 0;
    align-items: flex-start;
    box-sizing: border-box;
  }
  body.lp-page .science-advisory-board {
    width: 100%;
    max-width: 518px;
    height: auto;
    min-height: 0;
    font-size: var(--fs-40);
    line-height: 1.15;
    display: inline-block;
  }
  body.lp-page .lp-board-member-role-note {
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }

  /* Reference Documents — 1280px レールに揃える */
  body.lp-page .resources {
    align-items: center;
  }
  body.lp-page .resources-headings {
    width: 100%;
    max-width: var(--lp-content-max);
    margin-inline: auto;
    justify-content: flex-start;
    align-self: center;
    padding: 16px 20px var(--padding-40);
    box-sizing: border-box;
  }
  body.lp-page .resource-headings {
    width: 100%;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
  }
  body.lp-page .key-resources {
    width: 100%;
    max-width: 518px;
  }
  body.lp-page .resources .resource-links {
    width: 100%;
    max-width: var(--lp-content-max);
    padding: 0 20px;
    margin-inline: auto;
    box-sizing: border-box;
  }
  body.lp-page .links-container {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
  }

  body.lp-page main.member-grid-wrapper {
    width: 100%;
    max-width: var(--lp-content-max);
    margin-inline: auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }

  body.lp-page .lp-board-slider {
    width: 100%;
  }

  /* Board Members — PC（Figma 1440：2列×4行・カードサイズは原本維持） */
  body.lp-page .member-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
    row-gap: 41.7px;
    width: 100%;
    max-width: 1067px;
    margin-inline: auto;
    align-items: start;
    justify-items: stretch;
    --board-pc-name-gap: 12px;
    --board-pc-specialty-gap: 3px;
    --board-pc-bio-gap: 18px;
    --board-pc-name-lh: 1.48;
    --board-pc-label-lh: 1.38;
    --board-pc-bio-lh: 2.1;
    --board-pc-text-bottom: 21px;
    --board-pc-row34-extra: 48px;
  }
  body.lp-page .member-grid .bio-column,
  body.lp-page .member-grid .bio-column2,
  body.lp-page .member-grid .bio-05-fran-parent,
  body.lp-page .member-grid .contact-form,
  body.lp-page .member-grid .profile-data,
  body.lp-page .member-grid .june-info {
    display: contents;
  }
  body.lp-page .member-grid .bio-01-bob,
  body.lp-page .member-grid .bio-02-lacy,
  body.lp-page .member-grid .bio-03-thomas-bernard,
  body.lp-page .member-grid .bio-04-larry,
  body.lp-page .member-grid .bio-07-june,
  body.lp-page .member-grid .bio-08-koji {
    width: 100%;
    min-width: 0;
    max-width: none;
    flex: none;
    align-self: start;
  }
  body.lp-page .member-grid .co-chair-of-pocari,
  body.lp-page .member-grid .professor-department-of {
    min-height: 0;
  }
  body.lp-page .member-grid .data-holder,
  body.lp-page .member-grid .bio-02-lacy-inner,
  body.lp-page .member-grid .bio-03-thomas-bernard-inner,
  body.lp-page .member-grid .data-info-zone,
  body.lp-page .member-grid .doctor-title,
  body.lp-page .member-grid .company-information {
    align-items: flex-start;
    height: var(--height-432);
    min-height: var(--height-432);
    max-height: var(--height-432);
    box-sizing: border-box;
    padding-bottom: var(--board-pc-text-bottom);
    overflow: hidden;
  }
  body.lp-page .member-grid #lp-board-slide-francis,
  body.lp-page .member-grid #lp-board-slide-robert,
  body.lp-page .member-grid #lp-board-slide-june,
  body.lp-page .member-grid #lp-board-slide-koji {
    height: calc(var(--height-855) + var(--board-pc-row34-extra));
    min-height: calc(var(--height-855) + var(--board-pc-row34-extra));
    max-height: calc(var(--height-855) + var(--board-pc-row34-extra));
  }
  body.lp-page .member-grid #lp-board-slide-francis .bio-02-lacy-inner,
  body.lp-page .member-grid #lp-board-slide-robert .bio-02-lacy-inner,
  body.lp-page .member-grid #lp-board-slide-june .doctor-title,
  body.lp-page .member-grid #lp-board-slide-koji .company-information {
    height: calc(var(--height-432) + var(--board-pc-row34-extra));
    min-height: calc(var(--height-432) + var(--board-pc-row34-extra));
    max-height: calc(var(--height-432) + var(--board-pc-row34-extra));
    box-sizing: border-box;
    padding-bottom: var(--board-pc-text-bottom);
    overflow: hidden;
  }
  body.lp-page .member-grid .people-information,
  body.lp-page .member-grid .name-data,
  body.lp-page .member-grid .thomas-e-bernard-phd-cih-f-parent,
  body.lp-page .member-grid .june-spector-md-mph-parent {
    align-items: flex-start;
    gap: 0;
  }
  body.lp-page .member-grid h3 {
    height: auto;
    min-height: 0;
    max-height: none;
    text-align: left;
    align-self: stretch;
    width: 100%;
    max-width: 100%;
    line-height: var(--board-pc-name-lh);
    margin: 0 0 var(--board-pc-name-gap);
    color: var(--Pocari-Light-Blue);
    font-family: var(--font-mont);
    font-size: var(--fs-24);
    font-weight: 700;
  }
  body.lp-page .member-grid .exercise-science,
  body.lp-page .member-grid .military-sports {
    height: auto;
    min-height: 0;
    max-height: none;
    text-align: left;
    align-self: stretch;
    width: 100%;
    max-width: 100%;
    line-height: var(--board-pc-label-lh);
    margin: 0 0 var(--board-pc-specialty-gap);
    color: var(--Pocari-Blue);
    font-family: var(--font-mont);
    font-size: var(--fs-16);
    font-weight: 650;
    letter-spacing: normal;
    text-transform: uppercase;
  }
  body.lp-page .member-grid .co-chair-of-pocari,
  body.lp-page .member-grid .professor-department-of {
    height: auto;
    min-height: 0;
    max-height: none;
    text-align: left;
    align-self: stretch;
    width: 100%;
    max-width: 100%;
    line-height: var(--board-pc-label-lh);
    margin: 0 0 var(--board-pc-bio-gap);
    color: var(--Pocari-Grey);
    font-family: var(--font-mont);
    font-size: var(--fs-16);
    font-weight: 650;
    letter-spacing: normal;
    text-transform: uppercase;
  }
  body.lp-page .member-grid .bio-05-fran-parent h3 {
    min-height: calc(var(--fs-24) * var(--board-pc-name-lh) * 2);
  }
  body.lp-page .member-grid .bio-05-fran-parent .military-sports {
    min-height: calc(var(--fs-16) * var(--board-pc-label-lh));
  }
  body.lp-page .member-grid .co-founder-and-director,
  body.lp-page .member-grid .specialist-in-occupational,
  body.lp-page .member-grid .as-part-of {
    height: auto;
    min-height: 0;
    max-height: none;
    text-align: left;
    align-self: stretch;
    width: 100%;
    max-width: 100%;
    line-height: var(--board-pc-bio-lh);
    margin-top: 0;
    overflow: visible;
    color: var(--Black);
    font-family: var(--font-arial);
    font-size: var(--fs-16);
    font-weight: 400;
  }
  body.lp-page .member-grid .military-sports .lp-board-copy-pc,
  body.lp-page .member-grid .co-chair-of-pocari .lp-board-copy-pc,
  body.lp-page .member-grid .professor-department-of .lp-board-copy-pc {
    display: block;
  }
  body.lp-page .member-grid .lp-board-affil-line {
    display: inline-block;
    white-space: nowrap;
  }
  body.lp-page .member-grid .lp-board-copy-pc {
    display: inline;
  }
  body.lp-page .member-grid .lp-board-copy-pc.lp-board-copy-block {
    display: block;
  }

  /* Heat Stroke — 全文表示（1025px+ PC 4列） */
  body.lp-page .images2 .description,
  body.lp-page .images2 .images-child,
  body.lp-page .images2 .frame-section {
    overflow: visible;
    height: auto;
  }
  body.lp-page .images2 .rectangle-parent {
    overflow: visible;
    max-height: none;
  }
  body.lp-page .images2 .lp-heat-card-body {
    overflow: visible;
    height: auto;
    max-height: none;
  }
  body.lp-page .frame-section .confusion-erratic-or,
  body.lp-page .frame-section .heat-stroke-is {
    height: auto;
    min-height: 0;
    max-height: none;
    overflow: visible;
  }
  body.lp-page .frame-section .lp-heat-card-block--action {
    margin-top: 12px;
  }

  /* Footer — 背景フル幅・コンテンツレールは resource-links と同一（1025px+） */
  body.lp-page .footer {
    width: 100%;
    max-width: none;
    margin-inline: 0;
    align-self: stretch;
    padding: 92px 0 160px;
    box-sizing: border-box;
    flex-wrap: wrap;
  }
  body.lp-page .footer-content,
  body.lp-page .footer-links,
  body.lp-page .footer-disclaimer {
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding-inline: 0;
    box-sizing: border-box;
    display: grid;
    grid-template-columns:
      minmax(0, 1fr)
      min(var(--lp-content-max), calc(100vw - 40px))
      minmax(0, 1fr);
  }
  body.lp-page .footer-content > *,
  body.lp-page .footer-links > *,
  body.lp-page .footer-disclaimer > * {
    grid-column: 2;
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding-inline: 20px;
    box-sizing: border-box;
  }
  body.lp-page .logo-elements-icon {
    width: 433px;
    max-width: 100%;
    height: auto;
    object-fit: contain;
  }
  body.lp-page .bringing-science-backed-hydrat {
    width: 433px;
    max-width: 100%;
    height: auto;
    min-height: 0;
    line-height: 200%;
    box-sizing: border-box;
    overflow: visible;
  }
}

@media screen and (min-width: 1025px) {
  body.lp-page .footer {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--gap-22);
    flex-wrap: wrap;
    margin-top: 0;
    box-sizing: border-box;
  }
  body.lp-page .footer-links {
    margin-left: 0;
    padding-top: 3px;
  }
  body.lp-page .bringing-science-backed-hydrat {
    width: 433px;
    max-width: 100%;
    height: auto;
    min-height: 0;
    overflow: visible;
    box-sizing: border-box;
    line-height: 200%;
  }
  body.lp-page .logo-elements-icon {
    width: 433px;
    max-width: 100%;
    height: auto;
    object-fit: contain;
  }
  body.lp-page .footer .page-links {
    gap: 10px;
  }
  body.lp-page .footer .programs {
    height: auto;
    min-height: 0;
    line-height: var(--lh-24);
    margin: 0 0 20px;
  }
  body.lp-page .footer .occupational-safety,
  body.lp-page .footer .contact-us,
  body.lp-page .footer .footer-policy-link {
    height: auto;
    min-height: 0;
    line-height: var(--lh-24);
    margin: 0;
  }
}

/* 大画面（1441px+）：テキスト列は従来の最大幅 */
@media screen and (min-width: 1441px) {
  body.lp-page .preventing-heat-illness,
  body.lp-page .science-advisory-board,
  body.lp-page .mission-details .about-pocari-sweat {
    max-width: 519px;
  }
  body.lp-page .preventing-heat-illness-should {
    max-width: 737px;
  }
  body.lp-page .mission-details .the-pocari-sweat {
    max-width: 543px;
  }
  body.lp-page .key-resources {
    max-width: 596px;
  }
}

/*
 * hero コンテンツ：内容幅（テキスト+画像）に収める。他セクションは --lp-content-max で追随。
 */
body.lp-page .hero-container {
  width: auto;
  max-width: 100%;
  flex-shrink: 0;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
body.lp-page .add-to-card-parent {
  width: auto;
  max-width: 100%;
  flex: none;
}

@media screen and (min-width: 1025px) {
  body.lp-page .hero {
    align-items: center !important;
    gap: clamp(64px, calc(100vw * 130 / 1440), 130px);
    padding-top: clamp(120px, 12vw, 184px);
    padding-bottom: 0;
    overflow-x: clip;
  }

  body.lp-page .hero-container {
    width: 100%;
    max-width: var(--lp-content-max);
  }

  body.lp-page .add-to-card-parent {
    width: 100%;
    max-width: 100%;
    flex-wrap: nowrap;
    align-items: flex-start;
  }

  body.lp-page .button-container {
    flex: 1 1 545px;
    min-width: 0;
    max-width: 545px;
    width: auto;
  }

  body.lp-page .button-shape-icon {
    width: 100%;
    max-width: 545px;
    height: auto;
    aspect-ratio: 545 / 314;
    flex: none;
  }

  /* ウェーブ下端の隙間（グラデーションの線）を消す */
  body.lp-page .hero > .add-to-card2 {
    margin-bottom: -2px;
    transform: translateY(1px);
  }

  body.lp-page .hero > .add-to-card2 .lp-hero-wave-path--desktop {
    display: block;
  }

  body.lp-page .hero > .add-to-card2 .lp-hero-wave-path--mobile {
    display: none;
  }

  body.lp-page .mission-container-wrapper {
    position: relative;
    z-index: 2;
    margin-top: -1px;
    background-color: var(--White);
  }
}

body.lp-page .advancing-the-science {
  color: var(--White);
  font-family: var(--font-mont);
  font-size: 48px;
  font-weight: 700;
  line-height: normal;
  height: auto;
  min-height: 0;
  overflow: visible;
}
body.lp-page .providing-credible-scientific {
  width: 430px;
  max-width: 100%;
  color: var(--White);
  font-family: var(--font-mont);
  line-height: 200%;
  height: auto;
  min-height: 0;
  flex: none;
  overflow: visible;
}
@media screen and (min-width: 1025px) {
  body.lp-page .add-to-card-parent {
    gap: var(--lp-hero-gap, clamp(23px, 3vw, 48px));
  }

  body.lp-page .add-to-card {
    flex: 0 1 518px;
    width: auto;
    max-width: 518px;
    min-width: 0;
    flex-direction: column;
    gap: 23px;
  }
  body.lp-page .advancing-the-science {
    line-height: 1.15;
  }
  body.lp-page .button-container {
    flex: 1 1 545px;
    min-width: 0;
    max-width: 545px;
    width: auto;
    padding-top: 17px;
  }
  body.lp-page .call-to-action {
    width: 100%;
    max-width: 545px;
  }
  body.lp-page .button-shape-icon {
    display: block;
    width: 100%;
    max-width: 545px;
    height: auto;
    aspect-ratio: 545 / 314;
    flex: none;
    object-fit: cover;
  }
}

/* Resources セクション — Figma デザイン準拠 */
@media screen and (min-width: 1025px) {
  .links-container {
    flex-wrap: nowrap;
  }

  .links {
    flex: 1 1 0;
    min-width: 0;
    min-height: 205px;
  }

  body.lp-page .links {
    gap: 0;
  }

  body.lp-page .downloads-list {
    margin-top: auto;
  }

  body.lp-page .pdf-downloads {
    flex: none;
  }
}

@media screen and (max-width: 1350px) {
  body.lp-page .resources-parent {
    padding-bottom: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  body.lp-page .resources-parent {
    padding-bottom: 0 !important;
  }
}

@media screen and (max-width: 450px) {
  body.lp-page .resources-parent {
    padding-bottom: 0 !important;
  }
  body.lp-page .footer {
    padding-bottom: 96px;
  }
}

/* Header — LP responsive (Figma Tablet 834px / Mobile 393px) */
body.lp-page .top-header-parent {
  height: auto;
}
body.lp-page .top-header {
  flex: none;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center;
  justify-content: space-between;
  gap: 0 !important;
  width: 100%;
  padding: 29px clamp(20px, 13vw, 188px) 24px;
  box-sizing: border-box;
}
body.lp-page .logo-icon {
  width: auto;
  max-width: min(448px, calc(100% - 56px));
  height: auto;
  max-height: 57px;
}
body.lp-page .logo-a-1,
body.lp-page .new-logo-blue {
  display: none !important;
}
/* Revision 1: Primary navigation / ハンバーガー — 全画面サイズで非表示 */
body.lp-page .navigation,
body.lp-page .lp-nav-toggle,
body.lp-page .lp-mobile-nav {
  display: none !important;
}

@media screen and (min-width: 1025px) {
  body.lp-page .top-header-parent {
    position: relative;
    z-index: 5;
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding-inline: 0;
    height: auto;
    min-height: 0;
    max-height: none;
    align-self: stretch;
    box-sizing: border-box;
    background-color: var(--White);
    overflow: visible;
  }

  body.lp-page .top-header {
    flex: none;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    max-width: var(--lp-content-max);
    margin-inline: auto;
    padding: 29px 20px 24px;
    box-sizing: border-box;
    background-color: transparent;
  }

  body.lp-page .logo-icon {
    max-height: 57px;
    transform: none;
  }

  body.lp-page .hero {
    margin-top: 0;
  }

  body.lp-page .hero-container {
    margin-inline: auto;
    padding-inline: 20px;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
  body.lp-page .frame-parent {
    padding-bottom: 0;
  }
  body.lp-page .top-header-parent {
    height: auto;
    min-height: 0;
    max-height: none;
    box-sizing: border-box;
    overflow: visible;
  }
  body.lp-page .top-header {
    flex: none;
    align-items: center;
    justify-content: flex-start;
    padding: clamp(14px, calc(100vw * 22 / 834), 22px)
      clamp(26px, calc(100vw * 56 / 834), 56px)
      clamp(14px, calc(100vw * 22 / 834), 22px);
    border-bottom: 8px solid var(--Pocari-Blue);
    box-sizing: border-box;
  }
  body.lp-page .logo-icon {
    width: auto;
    max-width: min(448px, calc(100% - 48px));
    max-height: clamp(30px, calc(100vw * 51 / 834), 51px);
    height: auto;
    object-fit: contain;
    transform: none;
  }
}

@media screen and (max-width: 767px) {
  body.lp-page .frame-parent {
    padding: 0;
    gap: 0;
  }
  body.lp-page .top-header-parent {
    position: relative;
    z-index: 200;
    height: 120px;
    min-height: 120px;
    max-height: 120px;
    margin-bottom: 0;
    overflow: visible;
  }
  body.lp-page .top-header {
    position: relative;
    flex: none;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 0 !important;
    height: 112px;
    min-height: 112px;
    max-height: 112px;
    padding: 0 26px 18px !important;
    border-bottom: 8px solid var(--Pocari-Blue);
    box-sizing: border-box;
    overflow: visible;
  }
  body.lp-page .logo-icon {
    width: 280px;
    max-width: min(280px, calc(100% - 48px));
    max-height: 30px;
    height: auto;
    flex: 0 1 auto;
    object-fit: contain;
    transform: translateY(-4px);
  }
  body.lp-page .lp-nav-toggle {
    display: none !important;
  }
  body.lp-page .lp-nav-toggle__bars,
  body.lp-page .lp-nav-toggle__bars::before,
  body.lp-page .lp-nav-toggle__bars::after {
    display: block;
    width: 24px;
    height: 2px;
    background-color: var(--Pocari-Blue);
    border-radius: 1px;
    content: "";
  }
  body.lp-page .lp-nav-toggle__bars {
    position: relative;
  }
  body.lp-page .lp-nav-toggle__bars::before {
    position: absolute;
    top: -7px;
    left: 0;
  }
  body.lp-page .lp-nav-toggle__bars::after {
    position: absolute;
    top: 7px;
    left: 0;
  }
  body.lp-page .lp-mobile-nav {
    display: block !important;
    position: fixed;
    inset: 0;
    z-index: 300;
    background: linear-gradient(180deg, #007fcb 0%, #7bc4ef 100%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s ease, visibility 0.2s ease;
  }
  body.lp-page .lp-mobile-nav.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  body.lp-page .lp-mobile-nav__inner {
    width: 100%;
    min-height: 100%;
    padding: 0 26px 40px;
    box-sizing: border-box;
    background: transparent;
  }
  body.lp-page .lp-mobile-nav__head {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: fixed;
    left: 26px;
    right: 26px;
    z-index: 300;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
    padding-right: 48px;
    box-sizing: border-box;
    pointer-events: none;
  }
  body.lp-page .lp-mobile-nav__title {
    font-family: var(--font-mont);
    font-size: 29px;
    font-weight: 700;
    color: var(--White);
    line-height: 1;
    display: flex;
    align-items: center;
    height: 100%;
    margin: 0;
    pointer-events: auto;
  }
  body.lp-page .lp-nav-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 301;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    box-sizing: border-box;
    pointer-events: auto;
  }
  body.lp-page .lp-nav-close__bars,
  body.lp-page .lp-nav-close__bars::before,
  body.lp-page .lp-nav-close__bars::after {
    display: block;
    width: 24px;
    height: 2px;
    background-color: var(--Pocari-Blue);
    border-radius: 1px;
    content: "";
  }
  body.lp-page .lp-nav-close__bars {
    position: relative;
  }
  body.lp-page .lp-nav-close__bars::before {
    position: absolute;
    top: -7px;
    left: 0;
  }
  body.lp-page .lp-nav-close__bars::after {
    position: absolute;
    top: 7px;
    left: 0;
  }
  body.lp-page .lp-mobile-nav__links {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 293px;
    max-width: calc(100% - 52px);
    min-height: 384px;
    margin-top: 0;
    gap: 54px;
    box-sizing: border-box;
  }
  body.lp-page .lp-mobile-nav__links .continuing-education {
    font-family: var(--font-mont);
    font-size: 29px;
    font-weight: 700;
    color: var(--White);
    line-height: 1.2;
    width: 100%;
    max-width: 293px;
    margin: 0;
    box-sizing: border-box;
  }
  body.lp-page.lp-nav-open {
    overflow: hidden;
  }
}

/* Hero — Tablet / Mobile（Figma 834×590: 画像 + グラデーション重ね + テキスト） */
@media screen and (max-width: 1024px) {
  body.lp-page .hero {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    margin-top: 0;
    padding: 0;
    gap: 0 !important;
    overflow: visible;
    background: transparent;
    --lp-hero-copy-gap: clamp(20px, calc(100vw * 36 / 834), 36px);
    --lp-hero-title-top-gap: clamp(32px, calc(100vw * 56 / 834), 56px);
    --lp-hero-wave-h: clamp(40px, calc(100vw * 80 / 834), 80px);
    --lp-hero-photo-h: clamp(240px, calc(100vw * 320 / 834), 320px);
    --lp-hero-text-overlap: clamp(56px, calc(100vw * 120 / 834), 120px);
  }
  body.lp-page .hero::before {
    display: none;
  }
  body.lp-page .hero > .hero-child,
  body.lp-page .hero > .hero-item {
    display: none !important;
  }
  body.lp-page .hero-container {
    display: contents;
  }
  body.lp-page .add-to-card-parent {
    position: relative;
    width: 100%;
    max-width: 100%;
    aspect-ratio: unset;
    height: auto;
    min-height: 0;
    padding-bottom: calc(var(--lp-hero-copy-gap) + var(--lp-hero-wave-h));
    box-sizing: border-box;
    overflow: visible;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
  }
  body.lp-page .button-container {
    order: -1;
    position: relative;
    inset: auto;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    z-index: 0;
    width: 100%;
    height: var(--lp-hero-photo-h);
    min-width: 0;
    flex: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
  }
  body.lp-page .call-to-action {
    display: block;
    width: 100%;
    height: 100%;
  }
  body.lp-page .button-shape {
    display: none !important;
  }
  body.lp-page .button-shape-icon {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
    object-position: top center;
    border-radius: 0;
    box-shadow: none;
  }
  body.lp-page .add-to-card-parent::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
      180deg,
      rgba(0, 127, 203, 0) 0%,
      rgba(0, 127, 203, 0) 38%,
      rgba(0, 127, 203, 0.35) 44%,
      rgba(0, 127, 203, 0.72) 49%,
      rgba(0, 127, 203, 0.95) 52%,
      #007fcb 54%,
      #7bc4ef 100%
    );
    pointer-events: none;
  }
  body.lp-page .add-to-card {
    position: relative;
    top: auto;
    bottom: auto;
    left: 0;
    right: 0;
    order: 1;
    z-index: 3;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    flex: 0 0 auto;
    height: auto;
    max-height: none;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: auto;
    row-gap: var(--lp-hero-copy-gap);
    align-items: center;
    justify-items: center;
    margin-top: calc(-1 * var(--lp-hero-text-overlap));
    padding: var(--lp-hero-title-top-gap) clamp(26px, calc(100vw * 56 / 834), 56px) 0;
    box-sizing: border-box;
    text-align: center;
    overflow: visible;
    background: transparent;
  }
  body.lp-page .add-to-card .advancing-the-science {
    grid-row: 1;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    margin: 0;
    padding: 0;
    display: block;
    position: static;
    overflow: visible;
    flex: none;
    align-self: center;
    line-height: 1.15;
  }
  body.lp-page .add-to-card .providing-credible-scientific {
    grid-row: 2;
    width: 100%;
    max-width: min(662px, calc(100% - 52px));
    height: auto;
    min-height: 0;
    max-height: none;
    margin: 0;
    padding: 0;
    display: block;
    position: static;
    overflow: visible;
    flex: none;
    align-self: center;
    line-height: 1.6;
  }
  body.lp-page .hero > .add-to-card2 {
    display: block !important;
    position: relative;
    z-index: 12;
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    height: var(--lp-hero-wave-h) !important;
    min-height: var(--lp-hero-wave-h);
    margin: calc(-1 * var(--lp-hero-wave-h)) 0 -4px !important;
    padding: 0 !important;
    flex-shrink: 0;
    transform: translateY(4px);
    pointer-events: none;
    line-height: 0;
    overflow: visible;
    background: none;
  }
  body.lp-page .hero > .add-to-card2 .lp-hero-wave-path {
    display: block;
    width: 100%;
    height: 100%;
    fill: #fff;
  }
  body.lp-page .hero > .add-to-card2 .lp-hero-wave-path--desktop {
    display: none !important;
  }
  body.lp-page .hero > .add-to-card2 .lp-hero-wave-path--mobile {
    display: block !important;
  }
  body.lp-page .mission-container-wrapper {
    position: relative;
    z-index: 1;
    margin-top: -4px;
    background-color: var(--White);
  }
  body.lp-page .resources .lp-resources-wave-path--desktop {
    display: none;
  }
  body.lp-page .resources .lp-resources-wave-path--mobile {
    display: block;
  }
  body.lp-page .resources .financials-author-title.lp-resources-wave {
    height: clamp(40px, calc(100vw * 80 / 834), 80px);
    margin-top: calc(-1 * clamp(40px, calc(100vw * 80 / 834), 80px));
    margin-bottom: -6px;
    background: none;
    clip-path: none;
    transform: translateY(4px);
  }
  body.lp-page .resources-headings {
    background: var(--Gradient);
  }
}

/* Hero — Tablet（768–1024px / Figma 834）— テキスト・ウェーブ・余白 */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  body.lp-page .resources-headings {
    margin-top: -4px;
  }

  body.lp-page .hero {
    margin-top: 0;
    --lp-hero-photo-h: clamp(280px, calc(100vw * 360 / 834), 360px);
    --lp-hero-text-overlap: clamp(64px, calc(100vw * 130 / 834), 130px);
  }

  body.lp-page .button-container {
    margin-top: clamp(-8px, calc(-100vw * 12 / 834), -12px);
  }

  body.lp-page .button-shape-icon {
    object-position: top center;
    width: 100%;
    height: 100%;
    margin-top: 0;
    border-radius: 0;
    box-shadow: none;
    transform: scale(1.06);
    transform-origin: top center;
  }

  /* フェード：Figma Gradient（95.08deg #007FCB → #7BC4EF） */
  body.lp-page .add-to-card-parent::after {
    background: var(--Gradient);
    mask-image: linear-gradient(
      180deg,
      transparent 0%,
      transparent 26%,
      rgba(0, 0, 0, 0.35) 36%,
      rgba(0, 0, 0, 0.72) 42%,
      #000 48%,
      #000 100%
    );
    -webkit-mask-image: linear-gradient(
      180deg,
      transparent 0%,
      transparent 26%,
      rgba(0, 0, 0, 0.35) 36%,
      rgba(0, 0, 0, 0.72) 42%,
      #000 48%,
      #000 100%
    );
  }

  body.lp-page .add-to-card .advancing-the-science {
    font-size: clamp(32px, calc(100vw * 46 / 834), 46px);
    text-align: center;
  }

  body.lp-page .add-to-card .providing-credible-scientific {
    font-size: clamp(15px, calc(100vw * 18 / 834), 18px);
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  body.lp-page .lp-hero-br {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  body.lp-page .lp-svg-defs {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
  }
  body.lp-page .hero {
    margin-top: -12px;
    padding: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    position: relative;
    overflow: visible;
    --lp-hero-copy-gap: clamp(20px, calc(100vw * 36 / 834), 36px);
    --lp-hero-title-top-gap: clamp(32px, calc(100vw * 56 / 834), 56px);
    --lp-hero-wave-h: clamp(36px, calc(100vw * 68 / 393), 68px);
    --lp-hero-photo-h: clamp(200px, calc(100vw * 270 / 393), 270px);
    --lp-hero-text-overlap: clamp(48px, calc(100vw * 100 / 393), 100px);
  }
  body.lp-page .add-to-card-parent {
    aspect-ratio: unset;
    height: auto;
    min-height: 0;
    padding-bottom: calc(var(--lp-hero-copy-gap) + var(--lp-hero-wave-h));
    margin-top: 0;
    box-sizing: border-box;
    overflow: visible;
    display: flex;
    flex-direction: column;
  }
  body.lp-page .button-container {
    order: -1;
    position: relative;
    inset: auto;
    top: auto;
    left: auto;
    right: auto;
    height: var(--lp-hero-photo-h);
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
    flex-shrink: 0;
  }
  body.lp-page .button-shape-icon {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    transform: scale(1.12);
    transform-origin: center top;
    border-radius: 0;
    box-shadow: none;
  }
  body.lp-page .add-to-card-parent::after {
    background: var(--Gradient);
    mask-image: linear-gradient(
      180deg,
      transparent 0%,
      transparent 18%,
      rgba(0, 0, 0, 0.35) 28%,
      rgba(0, 0, 0, 0.72) 34%,
      #000 40%,
      #000 100%
    );
    -webkit-mask-image: linear-gradient(
      180deg,
      transparent 0%,
      transparent 18%,
      rgba(0, 0, 0, 0.35) 28%,
      rgba(0, 0, 0, 0.72) 34%,
      #000 40%,
      #000 100%
    );
  }
  body.lp-page .add-to-card {
    padding: var(--lp-hero-title-top-gap) 26px 0;
  }
  body.lp-page .add-to-card .advancing-the-science {
    max-width: 340px;
    font-size: 42px;
    text-align: center;
  }
  body.lp-page .add-to-card .providing-credible-scientific {
    max-width: 340px;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
  }
  body.lp-page .hero > .add-to-card2 {
    display: block !important;
    position: relative;
    z-index: 12;
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    height: var(--lp-hero-wave-h) !important;
    min-height: var(--lp-hero-wave-h);
    margin: calc(-1 * var(--lp-hero-wave-h)) 0 -4px !important;
    padding: 0 !important;
    flex-shrink: 0;
    transform: translateY(4px);
    pointer-events: none;
    line-height: 0;
    overflow: visible;
    background: none;
  }
  body.lp-page .hero > .add-to-card2 .lp-hero-wave-path {
    display: block;
    width: 100%;
    height: 100%;
    fill: #fff;
  }
  body.lp-page .hero > .add-to-card2 .lp-hero-wave-path--desktop {
    display: none !important;
  }
  body.lp-page .hero > .add-to-card2 .lp-hero-wave-path--mobile {
    display: block !important;
  }
  body.lp-page .mission-container-wrapper {
    position: relative;
    z-index: 1;
    margin-top: -4px;
    background-color: var(--White);
  }
}

@media screen and (max-width: 450px) {
  body.lp-page .add-to-card {
    padding-inline: 20px;
  }
  body.lp-page .add-to-card .advancing-the-science {
    max-width: 100%;
    font-size: 42px;
  }
  body.lp-page .add-to-card .providing-credible-scientific {
    max-width: 100%;
    font-size: 14px;
  }
}

/* Mission — Tablet / Mobile（Figma: Tablet 671×717.69 / Mobile 393×803.3） */
@media screen and (max-width: 1024px) {
  body.lp-page .mission-container-wrapper {
    width: 100%;
    max-width: none;
    align-self: stretch;
    justify-content: center;
    padding: clamp(32px, calc(100vw * 48 / 834), 48px)
      clamp(26px, calc((100vw - 671px) / 2), 82px)
      clamp(48px, calc(100vw * 60 / 834), 60px);
    box-sizing: border-box;
  }
  body.lp-page .mission-container {
    width: min(671px, 100%);
    max-width: 671px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: clamp(16px, calc(100vw * 24 / 671), 24px);
    position: relative;
    isolation: isolate;
    box-sizing: border-box;
    height: auto;
  }
  body.lp-page .mission-container-child {
    position: static;
    width: 100%;
    height: auto;
    flex: 0 0 auto;
    aspect-ratio: 671 / 323.69;
    max-height: none;
    margin: 0 !important;
    right: auto;
    bottom: auto;
    border-radius: var(--br-10);
    box-shadow: var(--shadow-drop);
    object-fit: cover;
  }
  body.lp-page .mission-details {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    min-height: 0;
    padding: 0;
    gap: 16px;
    overflow: visible;
  }
  body.lp-page .mission-details .our-mission {
    align-self: stretch;
    width: 100%;
    height: auto;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    color: var(--Pocari-Blue);
  }
  body.lp-page .mission-details .about-pocari-sweat {
    margin: 0;
    width: 100%;
    height: auto;
    font-size: 30px;
    line-height: 1.15;
    font-weight: 700;
    color: var(--Pocari-Light-Blue);
  }
  body.lp-page .mission-details .the-pocari-sweat {
    width: 100%;
    font-size: 20px;
    line-height: 1.6;
    font-family: var(--font-arial);
    color: var(--Black);
  }
}

/* Mission — Tablet（768–1024px / Figma 834） */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  body.lp-page .mission-container-wrapper {
    padding-top: clamp(16px, calc(100vw * 24 / 834), 24px);
  }
  body.lp-page .mission-container {
    min-height: 717.69px;
  }
  body.lp-page .mission-details .about-pocari-sweat {
    white-space: nowrap;
    font-size: clamp(26px, calc(100vw * 30 / 834), 30px);
  }
}

@media screen and (max-width: 767px) {
  body.lp-page .mission-container-wrapper {
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 0;
    padding-bottom: 32px;
  }
  body.lp-page .mission-container {
    width: 100%;
    max-width: 393px;
    align-items: center;
    min-height: 0;
    gap: clamp(8px, calc(100vw * 12 / 393), 12px);
  }
  body.lp-page .mission-container-child {
    width: clamp(
      calc((100vw - 52px) * 323.7 / 393),
      calc(100vw * 323.7 / 393),
      323.7px
    );
    height: clamp(
      calc((100vw - 52px) * 130.3 / 393),
      calc(100vw * 130.3 / 393),
      130.3px
    );
    aspect-ratio: unset;
    flex: 0 0 auto;
    align-self: center;
  }
  body.lp-page .mission-details {
    width: clamp(
      calc((100vw - 52px) * 279 / 393),
      calc(100vw * 279 / 393),
      279px
    );
    max-width: 279px;
    align-self: center;
    gap: 8px;
  }
  body.lp-page .mission-details .our-mission {
    font-size: 16px;
    margin: 0;
  }
  body.lp-page .mission-details .about-pocari-sweat {
    width: 100%;
    font-size: 25px;
    white-space: normal;
    line-height: 1.2;
    margin: 0;
  }
  body.lp-page .mission-details .the-pocari-sweat {
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
  }
}

/* Heat Prevention — slider shell（Desktop は従来レイアウト維持） */
body.lp-page .lp-heat-slider {
  width: 100%;
  align-self: stretch;
}
body.lp-page .lp-heat-card-tab {
  display: none;
}
body.lp-page .lp-heat-slider__dots {
  display: none;
}
body.lp-page .lp-heat-disclaimer {
  margin: 24px 0 0;
  width: 100%;
  max-width: none;
  padding-inline: 0;
  box-sizing: border-box;
  font-family: var(--font-arial);
  font-size: var(--fs-13);
  line-height: 1.5;
  color: var(--White);
  text-align: center;
}

/* Heat cards — Indicator 末尾改行 / Action テキスト切れ防止（全BP） */
body.lp-page .lp-heat-card-block--indicator > :not(.indicator)::after {
  content: "\a";
  white-space: pre;
}

body.lp-page .lp-heat-card-block .high-workplace-temperatures,
body.lp-page .lp-heat-card-block .feeling-overheated-unusual,
body.lp-page .lp-heat-card-block .follow-a-heat,
body.lp-page .lp-heat-card-block .follow-a-heat2,
body.lp-page .lp-heat-card-block .fatigue-and-unsteadiness,
body.lp-page .lp-heat-card-block .rest-in-a,
body.lp-page .lp-heat-card-block .confusion-erratic-or,
body.lp-page .lp-heat-card-block .heat-stroke-is {
  height: auto;
  min-height: 0;
  max-height: none;
  overflow: visible;
  display: block;
}

/* Heat Prevention — Tablet / Mobile（1024px以下） */
@media screen and (max-width: 1024px) {
  body.lp-page .heat-readiness {
    height: auto;
    padding-bottom: 0;
    text-align: left;
  }
  body.lp-page .heat-readiness2 {
    align-items: center;
    overflow-x: clip;
    padding: clamp(40px, calc(100vw * 48 / 834), 48px)
      clamp(26px, calc((100vw - 674px) / 2), 80px)
      clamp(28px, calc(100vw * 36 / 834), 36px);
    gap: clamp(32px, calc(100vw * 48 / 834), 48px);
  }
  body.lp-page .readiness-container {
    width: 100%;
    max-width: 674px;
    align-self: center;
  }
  body.lp-page .email-address-parent {
    width: 100%;
    max-width: 674px;
    gap: 24px;
  }
  body.lp-page .email-address {
    width: 100%;
    max-width: 674px;
    padding: 0;
    gap: 16px;
  }
  body.lp-page .heat-readiness .email-address .our-mission {
    height: auto;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    color: var(--White);
  }
  body.lp-page .preventing-heat-illness {
    width: 100%;
    height: auto;
    font-size: 30px;
    line-height: 1.15;
    color: var(--White);
  }
  body.lp-page .preventing-heat-illness-should {
    font-size: 20px;
    line-height: 1.6;
    color: var(--White);
  }
  body.lp-page .download-pdf-button-wrapper {
    padding: 0;
    justify-content: flex-start;
    gap: 12px;
  }
  body.lp-page .download-pdf-button {
    width: 195px;
    height: 35px;
    min-height: 35px;
    padding: 0 16px;
    border-radius: 44px;
    box-sizing: border-box;
  }
  body.lp-page .download-pdf-button--es {
    width: auto;
    min-width: 195px;
  }
  body.lp-page .download-pdf {
    font-size: 16px;
    line-height: 1;
  }
  body.lp-page .experience {
    display: none !important;
  }
  body.lp-page .experience-parent {
    width: 100%;
    max-width: none;
    margin: 0;
    gap: 20px;
    align-items: stretch;
    overflow: visible;
  }
  body.lp-page .lp-heat-slider {
    --heat-section-pad-x: clamp(26px, calc((100vw - 674px) / 2), 80px);
    --heat-card-w: 295px;
    --heat-card-h: 445.31px;
    --heat-card-inactive-h: 422.31px;
    --heat-card-img-h: 106.31px;
    --heat-card-tab-h: 71px;
    --heat-card-tab-inactive-h: 48px;
    --heat-card-body-h: 268px;
    --heat-card-gap: 14px;
    position: relative;
    width: calc(100% + 2 * var(--heat-section-pad-x));
    max-width: none;
    margin-left: calc(-1 * var(--heat-section-pad-x));
    margin-right: calc(-1 * var(--heat-section-pad-x));
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 26px;
    box-sizing: border-box;
    overflow-x: clip;
    overflow-y: visible;
    padding-bottom: 6px;
  }
  body.lp-page .lp-heat-slider__track.images2 {
    flex: none;
    align-self: stretch;
    align-items: flex-start;
    gap: var(--heat-card-gap);
    z-index: 1;
  }
  body.lp-page .lp-heat-slider__track.images2 > .description,
  body.lp-page .lp-heat-slider__track.images2 > .images-child,
  body.lp-page .lp-heat-slider__track.images2 > .frame-section {
    flex: 0 0 auto;
    width: var(--heat-card-w);
    max-width: var(--heat-card-w);
    height: var(--heat-card-inactive-h);
    max-height: var(--heat-card-inactive-h);
    align-items: stretch;
    justify-content: flex-start;
    min-width: 0;
    min-height: 0;
    align-self: flex-start;
  }
  body.lp-page .lp-heat-slider__track.images2 > .description.is-active,
  body.lp-page .lp-heat-slider__track.images2 > .images-child.is-active,
  body.lp-page .lp-heat-slider__track.images2 > .frame-section.is-active {
    height: auto;
    max-height: none;
  }
  body.lp-page .lp-heat-slider__track {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    width: 100%;
    height: auto;
    min-height: 0;
    gap: var(--heat-card-gap);
    overflow-x: auto;
    overflow-y: visible;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    z-index: 1;
    padding-left: calc((100% - var(--heat-card-w)) / 2);
    padding-right: calc((100% - var(--heat-card-w)) / 2);
    box-sizing: border-box;
  }
  body.lp-page .lp-heat-slider__track::-webkit-scrollbar {
    display: none;
  }
  body.lp-page .lp-heat-slider__track > * {
    position: relative;
    flex: 0 0 auto;
    width: var(--heat-card-w);
    max-width: var(--heat-card-w);
    height: var(--heat-card-inactive-h);
    max-height: var(--heat-card-inactive-h);
    min-width: 0;
    min-height: 0;
    scroll-snap-align: center;
    scroll-snap-stop: always;
    overflow: hidden;
    align-self: flex-start;
  }
  body.lp-page .lp-heat-slider__track > *.is-active {
    height: auto;
    max-height: none;
    overflow: hidden;
    border-radius: var(--br-10);
  }
  body.lp-page .lp-heat-slider__track > *:not(.is-active)::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--br-10);
    background: rgba(63, 134, 251, 0.1);
    pointer-events: none;
    z-index: 6;
  }
  body.lp-page .lp-heat-slider__track > *:not(.is-active) .description-child,
  body.lp-page .lp-heat-slider__track > *:not(.is-active) .frame-child,
  body.lp-page .lp-heat-slider__track > *:not(.is-active) .back-to-top,
  body.lp-page .lp-heat-slider__track > *:not(.is-active) .description-icon {
    opacity: 1;
  }
  body.lp-page .lp-heat-card-tab {
    position: relative;
    z-index: 8;
  }
  body.lp-page .lp-heat-slider__track .description,
  body.lp-page .lp-heat-slider__track .images-child,
  body.lp-page .lp-heat-slider__track .frame-section {
    box-shadow: var(--shadow-drop);
    border-radius: var(--br-10);
    background-color: var(--White);
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    align-items: stretch;
    justify-content: flex-start;
    color: var(--Black);
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
  }
  body.lp-page .lp-heat-slider__track > *.is-active.description,
  body.lp-page .lp-heat-slider__track > *.is-active.images-child,
  body.lp-page .lp-heat-slider__track > *.is-active.frame-section {
    box-shadow: var(--shadow-drop);
    overflow: hidden;
  }
  body.lp-page .lp-heat-slider__track > *.is-active .rectangle-parent {
    height: auto;
    max-height: none;
    overflow: hidden;
    border-radius: inherit;
  }
  body.lp-page .lp-heat-slider__track > *.is-active .lp-heat-card-body {
    flex: 1 1 auto;
    height: auto;
    min-height: var(--heat-card-body-h);
    max-height: none;
    overflow: visible;
    border-radius: 0 0 var(--br-10) var(--br-10);
  }
  body.lp-page .lp-heat-slider__track .rectangle-parent {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: 100%;
    flex: none;
    padding: 0;
    justify-content: flex-start;
    gap: 0;
    isolation: isolate;
    overflow: hidden;
  }
  body.lp-page .lp-heat-slider__track .description-child,
  body.lp-page .lp-heat-slider__track .frame-child,
  body.lp-page .lp-heat-slider__track .back-to-top,
  body.lp-page .lp-heat-slider__track .description-icon {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--heat-card-img-h);
    min-height: var(--heat-card-img-h);
    max-height: var(--heat-card-img-h);
    margin: 0 !important;
    border-radius: var(--br-10) var(--br-10) 0 0;
    object-fit: cover;
    flex-shrink: 0;
  }
  body.lp-page .lp-heat-card-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: var(--heat-card-tab-inactive-h);
    min-height: var(--heat-card-tab-inactive-h);
    max-height: var(--heat-card-tab-inactive-h);
    margin: 0;
    padding: 0 12px;
    box-sizing: border-box;
    color: var(--White);
    text-align: center;
    flex: 0 0 var(--heat-card-tab-inactive-h);
    flex-shrink: 0;
  }
  body.lp-page .lp-heat-slider__track > *.is-active .lp-heat-card-tab {
    height: var(--heat-card-tab-h);
    min-height: var(--heat-card-tab-h);
    max-height: var(--heat-card-tab-h);
    flex-basis: var(--heat-card-tab-h);
  }
  body.lp-page .lp-heat-slider__track > *:not(.is-active) .lp-heat-card-tab {
    height: var(--heat-card-tab-inactive-h);
    min-height: var(--heat-card-tab-inactive-h);
    max-height: var(--heat-card-tab-inactive-h);
    flex-basis: var(--heat-card-tab-inactive-h);
  }
  body.lp-page .lp-heat-card-tab .continuing-education {
    color: var(--White);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.15;
    white-space: normal;
  }
  body.lp-page .lp-heat-card-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex: 0 0 var(--heat-card-body-h);
    width: 100%;
    height: var(--heat-card-body-h);
    min-height: var(--heat-card-body-h);
    max-height: var(--heat-card-body-h);
    padding: 20px;
    box-sizing: border-box;
    gap: 14px;
    overflow: hidden;
    background-color: var(--White);
    border-radius: 0 0 var(--br-10) var(--br-10);
  }
  body.lp-page .lp-heat-card-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    min-width: 0;
    gap: 3px;
  }
  body.lp-page .lp-heat-card-block .indicator,
  body.lp-page .lp-heat-card-block .action {
    height: auto;
    font-size: 16px;
    line-height: 1.2;
    flex-shrink: 0;
    position: relative;
    z-index: 9;
    color: var(--Pocari-Blue);
    font-family: var(--font-mont);
    font-weight: 700;
  }
  body.lp-page .lp-heat-card-block .high-workplace-temperatures,
  body.lp-page .lp-heat-card-block .feeling-overheated-unusual,
  body.lp-page .lp-heat-card-block .follow-a-heat,
  body.lp-page .lp-heat-card-block .follow-a-heat2,
  body.lp-page .lp-heat-card-block .fatigue-and-unsteadiness,
  body.lp-page .lp-heat-card-block .rest-in-a,
  body.lp-page .lp-heat-card-block .confusion-erratic-or,
  body.lp-page .lp-heat-card-block .heat-stroke-is {
    height: auto;
    font-size: 16px;
    line-height: 1.5;
    flex: 0 1 auto;
    min-height: 0;
    overflow: visible;
    color: var(--Black);
    font-family: var(--font-arial);
  }
  /* Heat Stroke — 白い本文延長 + 下角丸（1024px以下スライダー） */
  body.lp-page .frame-section .lp-heat-card-body {
    flex: 1 1 auto;
    height: auto;
    min-height: var(--heat-card-body-h);
    max-height: none;
    overflow: visible;
    border-radius: 0 0 var(--br-10) var(--br-10);
    padding-bottom: 24px;
  }
  body.lp-page .frame-section .heat-stroke-is {
    overflow: visible;
    margin-bottom: 8px;
  }
  body.lp-page .lp-heat-slider__track > *.is-active.frame-section {
    height: auto;
    max-height: none;
    overflow: hidden;
    border-radius: var(--br-10);
  }
  body.lp-page .lp-heat-slider__track.images2 > .frame-section.is-active {
    height: auto;
    max-height: none;
  }
  body.lp-page .lp-heat-slider__track > .frame-section .rectangle-parent {
    height: auto;
    max-height: none;
    overflow: hidden;
    border-radius: inherit;
  }
  body.lp-page .lp-heat-card-tab--prevention {
    background-color: var(--Pocari-Blue);
  }
  body.lp-page .lp-heat-card-tab--recognition {
    background-color: var(--Pocari-Light-Blue);
  }
  body.lp-page .lp-heat-card-tab--exhaustion {
    background-color: var(--color-sandybrown);
  }
  body.lp-page .lp-heat-card-tab--stroke {
    background-color: var(--color-tomato);
  }
  body.lp-page .lp-heat-slider__dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
  }
  body.lp-page .lp-heat-slider__dot {
    width: 10px;
    height: 10px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.45);
    cursor: pointer;
    flex-shrink: 0;
  }
  body.lp-page .lp-heat-slider__dot.is-active {
    background-color: var(--White);
  }
  body.lp-page .lp-heat-disclaimer {
    max-width: 674px;
    margin-top: 20px;
    padding: 0 var(--heat-section-pad-x);
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.5;
  }

  /* Board Members — Tablet（768–1024px / Figma 834） */
  body.lp-page .board-container-wrapper {
    width: 100%;
    max-width: none;
    justify-content: center;
    padding: 56px clamp(26px, calc((100vw - 674px) / 2), 80px) 0;
    box-sizing: border-box;
  }
  body.lp-page .board-container {
    width: 100%;
    max-width: 674px;
    min-height: 57px;
    flex-direction: column;
    gap: 8px;
  }
  body.lp-page .our-board-members {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
  }
  body.lp-page .science-advisory-board {
    width: 100%;
    height: auto;
    font-size: 25px;
    line-height: 1.15;
  }
  body.lp-page .lp-board-member-role-note {
    max-width: 674px;
    font-size: 16px;
    line-height: 1.45;
    margin-top: 8px;
  }
  body.lp-page main.member-grid-wrapper {
    width: 100%;
    max-width: none;
    justify-content: center;
    padding: 27px clamp(26px, calc((100vw - 674px) / 2), 80px)
      clamp(36px, calc(100vw * 48 / 834), 48px);
    box-sizing: border-box;
  }
  body.lp-page .member-grid {
    --board-card-w: 325px;
    --board-scale: calc(var(--board-card-w) / 525.8);
    --board-photo-h: calc(var(--board-card-w) * 477 / 525.8);
    --board-wave-h: calc(46 * var(--board-scale));
    --board-wave-overlap: calc(36 * var(--board-scale));
    display: grid;
    grid-template-columns: repeat(2, var(--board-card-w));
    justify-content: center;
    align-items: start;
    column-gap: 24px;
    row-gap: 27px;
    width: 100%;
    max-width: 674px;
  }
  body.lp-page .member-grid .bio-column,
  body.lp-page .member-grid .bio-column2,
  body.lp-page .member-grid .bio-05-fran-parent,
  body.lp-page .member-grid .contact-form,
  body.lp-page .member-grid .profile-data,
  body.lp-page .member-grid .june-info {
    display: contents;
  }
  body.lp-page .member-grid .bio-01-bob,
  body.lp-page .member-grid .bio-02-lacy,
  body.lp-page .member-grid .bio-03-thomas-bernard,
  body.lp-page .member-grid .bio-04-larry,
  body.lp-page .member-grid .bio-07-june,
  body.lp-page .member-grid .bio-08-koji {
    width: var(--board-card-w);
    max-width: var(--board-card-w);
    min-width: 0;
    height: auto;
    min-height: 0;
    max-height: none;
    padding-bottom: 0;
    gap: 0;
    flex: none;
    align-self: start;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-sizing: border-box;
  }
  body.lp-page .member-grid .bio-04-larry:has(.francis-g-oconnor),
  body.lp-page .member-grid .bio-04-larry:has(.robert-sallis-md) {
    min-height: 892px;
  }
  body.lp-page .member-grid .bio-04-larry:has(.francis-g-oconnor) {
    padding-bottom: 51px;
  }
  body.lp-page .member-grid .bio-07-june .doctor-title {
    flex: 0 1 auto;
    padding-bottom: 51px;
  }
  body.lp-page .member-grid .bio-08-koji .company-information {
    flex: 0 1 auto;
  }
  body.lp-page .member-grid .data-holder,
  body.lp-page .member-grid .bio-02-lacy-inner,
  body.lp-page .member-grid .bio-03-thomas-bernard-inner,
  body.lp-page .member-grid .data-info-zone,
  body.lp-page .member-grid .doctor-title,
  body.lp-page .member-grid .company-information {
    width: 100%;
    flex: 1 1 auto;
    height: auto;
    min-height: 0;
    max-height: none;
    padding: 22px 26px 51px;
    box-sizing: border-box;
    overflow: visible;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
  }
  body.lp-page .member-grid .people-information,
  body.lp-page .member-grid .name-data,
  body.lp-page .member-grid .thomas-e-bernard-phd-cih-f-parent,
  body.lp-page .member-grid .june-spector-md-mph-parent,
  body.lp-page .member-grid .company-information {
    flex: 0 1 auto;
    align-items: center;
    align-self: stretch;
    gap: 0;
    text-align: center;
    width: 100%;
  }
  body.lp-page .member-grid .people-information:has(.francis-g-oconnor) .co-chair-of-pocari,
  body.lp-page .member-grid .june-spector-md-mph-parent:has(.june-spector-md)
    .professor-department-of {
    font-size: clamp(14.5px, calc(100vw * 15 / 834), 15px);
    letter-spacing: -0.02em;
  }
  body.lp-page .member-grid .lp-board-affil-line {
    display: inline-block;
    white-space: nowrap;
  }
  body.lp-page .member-grid .image-box,
  body.lp-page .member-grid .rectangle-parent2,
  body.lp-page .member-grid .rectangle-parent3 {
    width: 100%;
    height: var(--board-photo-h);
    min-height: var(--board-photo-h);
    max-height: var(--board-photo-h);
    flex-shrink: 0;
  }
  body.lp-page .member-grid .avatar-area-icon,
  body.lp-page .member-grid .name-area-icon,
  body.lp-page .member-grid .frame-item,
  body.lp-page .member-grid .picture-area-icon,
  body.lp-page .member-grid .frame-child6 {
    width: 100% !important;
    height: var(--board-photo-h);
    min-height: var(--board-photo-h);
    max-height: var(--board-photo-h);
    top: 0;
    object-fit: cover;
  }
  body.lp-page .member-grid .image-box::after,
  body.lp-page .member-grid .rectangle-parent2::after,
  body.lp-page .member-grid .rectangle-parent3::after {
    top: calc(var(--board-photo-h) - var(--board-wave-overlap));
    height: var(--board-wave-h);
    mask: url("assets/images/lp/bio-member-wave.svg") no-repeat center / 100% 100%;
    -webkit-mask: url("assets/images/lp/bio-member-wave.svg") no-repeat center / 100% 100%;
  }
  body.lp-page .member-grid .bio-04-larry:has(.robert-sallis-md) .image-box::after {
    transform: scaleX(-1);
  }
  body.lp-page .member-grid .bio-08-koji .rectangle-parent3::after {
    transform: scaleX(-1);
  }
  body.lp-page .member-grid .june-spector-md-mph-parent {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    width: 100%;
  }
  body.lp-page .member-grid h3 {
    margin: 0;
    height: auto;
    font-size: 24px;
    line-height: 1.25;
    font-weight: 700;
    text-align: center;
    align-self: center;
    width: 100%;
    color: var(--Pocari-Light-Blue);
  }
  body.lp-page .member-grid .francis-g-oconnor,
  body.lp-page .member-grid .robert-sallis-md,
  body.lp-page .member-grid .thomas-e-bernard,
  body.lp-page .member-grid .w-larry-kenney {
    height: auto;
    min-height: 0;
  }
  body.lp-page .member-grid .exercise-science,
  body.lp-page .member-grid .military-sports {
    height: auto;
    font-size: 16px;
    line-height: 1.45;
    margin-top: 8px;
    text-align: center;
    align-self: center;
    width: 100%;
  }
  body.lp-page .member-grid .co-chair-of-pocari,
  body.lp-page .member-grid .professor-department-of {
    height: auto;
    min-height: 0;
    font-size: 16px;
    line-height: 1.45;
    margin-top: 8px;
    text-align: center;
    align-self: center;
    width: 100%;
  }
  body.lp-page .member-grid .co-founder-and-director,
  body.lp-page .member-grid .specialist-in-occupational,
  body.lp-page .member-grid .as-part-of {
    height: auto;
    min-height: 0;
    font-size: 20px;
    line-height: 1.5;
    margin-top: 8px;
    overflow: visible;
    text-align: center;
    align-self: center;
    width: 100%;
  }

  /* Footer — Tablet（1024px以下 / resource-links と同一レール） */
  body.lp-page .footer {
    width: 100%;
    max-width: none;
    margin-inline: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 32px;
    padding: clamp(48px, calc(100vw * 56 / 834), 56px) 0
      clamp(80px, calc(100vw * 96 / 834), 96px);
    box-sizing: border-box;
  }
  body.lp-page .footer-content,
  body.lp-page .footer-links,
  body.lp-page .footer-disclaimer {
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding-inline: 0;
    box-sizing: border-box;
    display: grid;
    grid-template-columns:
      minmax(0, 1fr)
      min(674px, calc(100vw - 2 * clamp(26px, calc((100vw - 674px) / 2), 80px)))
      minmax(0, 1fr);
  }
  body.lp-page .footer-content > *,
  body.lp-page .footer-links > *,
  body.lp-page .footer-disclaimer > * {
    grid-column: 2;
    width: 100%;
    max-width: none;
    margin-inline: 0;
    box-sizing: border-box;
  }
  body.lp-page .footer-links {
    min-width: 0;
    flex: none;
    padding-top: 3px;
  }
  body.lp-page .logo-elements-icon {
    width: 433px;
    max-width: 100%;
    height: auto;
    object-fit: contain;
  }
  body.lp-page .bringing-science-backed-hydrat {
    width: 433px;
    max-width: 100%;
    height: auto;
    min-height: 0;
    line-height: 200%;
    box-sizing: border-box;
    overflow: visible;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  body.lp-page .lp-heat-slider {
    --heat-card-w: 295px;
  }

  /* Board Members — 改行固定（タブレット） */
  body.lp-page main.member-grid-wrapper {
    padding-bottom: 150px;
  }
  body.lp-page .member-grid .lp-board-copy-tm:not(.lp-board-copy-block) {
    display: block;
  }
  body.lp-page .member-grid .lp-board-line {
    display: block;
  }
  body.lp-page .member-grid .co-founder-and-director,
  body.lp-page .member-grid .specialist-in-occupational,
  body.lp-page .member-grid .as-part-of {
    font-size: 20px;
    line-height: 1.5;
  }

  /* Reference Documents — Tablet（768–1024px / Figma 834） */
  body.lp-page .resources {
    gap: 12px;
    padding-bottom: clamp(48px, calc(100vw * 72 / 834), 72px);
  }
  body.lp-page .resources-headings {
    width: 100%;
    margin-inline: auto;
    padding: 8px clamp(26px, calc((100vw - 674px) / 2), 80px) 12px;
    box-sizing: border-box;
  }
  body.lp-page .resource-headings {
    width: 100%;
    max-width: 674px;
    margin-inline: auto;
    padding-inline: 0;
    gap: 8px;
  }
  body.lp-page .reference-documents {
    font-size: 16px;
    line-height: 1.2;
  }
  body.lp-page .key-resources {
    font-size: 25px;
    line-height: 1.15;
    width: 100%;
    max-width: none;
    height: auto;
  }
  body.lp-page .lp-key-resources-line1 {
    white-space: nowrap;
  }
  body.lp-page .lp-key-resources-br {
    display: block;
  }
  body.lp-page .resources .resource-links {
    width: 100%;
    max-width: none;
    padding: 0 clamp(26px, calc((100vw - 674px) / 2), 80px);
    margin-inline: auto;
    box-sizing: border-box;
  }
  body.lp-page .links-container {
    flex-wrap: nowrap;
    gap: 14px;
    width: 100%;
    max-width: 674px;
    margin-inline: auto;
  }
  body.lp-page .links {
    flex: 1 1 0;
    min-width: 0;
    min-height: 0;
    gap: 0;
  }
  body.lp-page .downloads-list {
    margin-top: auto;
    padding-inline: 12px;
  }
  body.lp-page .pdf-downloads {
    flex: none;
    width: 100%;
    padding-inline: 12px;
    box-sizing: border-box;
  }
}

body.lp-page .lp-board-slider__nav {
  display: none;
}

@media screen and (max-width: 767px) {
  body.lp-page .heat-readiness2 {
    padding-top: 0;
    padding-left: 26px;
    padding-right: 26px;
    gap: 64px;
  }
  body.lp-page .readiness-container {
    width: 100%;
    max-width: 345px;
    align-self: center;
    padding-top: 52px;
  }
  body.lp-page .email-address-parent {
    width: 345px;
    max-width: min(345px, calc(100vw - 52px));
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    gap: 24px;
  }
  body.lp-page .email-address {
    width: 100%;
    max-width: 345px;
    min-height: 182px;
    height: auto;
    padding: 0 22px;
    box-sizing: border-box;
    gap: 5px;
    align-self: center;
  }
  body.lp-page .heat-readiness .email-address .our-mission {
    font-size: 16px;
    line-height: 1.2;
    margin: 0;
  }
  body.lp-page .preventing-heat-illness {
    width: auto;
    max-width: none;
    height: auto;
    font-size: 25px;
    line-height: 1.2;
    margin: 0;
    white-space: nowrap;
  }
  body.lp-page .preventing-heat-illness-should {
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
  }
  body.lp-page .download-pdf-button-wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    padding: 0;
  }
  body.lp-page .download-pdf-button {
    width: 195px;
    height: 35px;
    min-height: 35px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
  }
  body.lp-page .download-pdf-button--es {
    width: auto;
    min-width: 195px;
    padding: 0 16px;
  }
  body.lp-page .download-pdf {
    font-size: 16px;
  }
  body.lp-page .lp-heat-slider {
    --heat-section-pad-x: 26px;
    --heat-card-w: min(295px, calc(100vw * 295 / 393));
    --heat-card-h: min(445.31px, calc(100vw * 445.31 / 393));
    --heat-card-inactive-h: min(422.31px, calc(100vw * 422.31 / 393));
    --heat-card-img-h: 106.31px;
    --heat-card-tab-h: min(71px, calc(100vw * 71 / 393));
    --heat-card-tab-inactive-h: min(48px, calc(100vw * 48 / 393));
    --heat-card-body-h: min(268px, calc(100vw * 268 / 393));
    overflow-y: visible;
  }
  body.lp-page .experience-parent {
    overflow: visible;
  }
  body.lp-page .lp-heat-slider__track {
    overflow-y: visible;
    padding-top: 0;
  }
  body.lp-page .lp-heat-slider__track > *.is-active.frame-section,
  body.lp-page .lp-heat-slider__track.images2 > .frame-section.is-active {
    height: auto;
    max-height: none;
    overflow: hidden;
    border-radius: var(--br-10);
    align-self: flex-start;
  }
  body.lp-page .lp-heat-slider__track > *.is-active .rectangle-parent {
    height: auto;
    max-height: none;
    overflow: hidden;
    border-radius: inherit;
  }
  body.lp-page .lp-heat-slider__track > *.is-active .lp-heat-card-body {
    flex: 1 1 auto;
    height: auto;
    max-height: none;
    overflow: visible;
    border-radius: 0 0 var(--br-10) var(--br-10);
  }
  body.lp-page .lp-heat-slider__track > .frame-section .rectangle-parent {
    height: auto;
    max-height: none;
    overflow: hidden;
    border-radius: inherit;
  }
  body.lp-page .frame-section .lp-heat-card-body {
    flex: 1 1 auto;
    height: auto;
    min-height: var(--heat-card-body-h);
    max-height: none;
    overflow: visible;
    padding-bottom: 24px;
  }
  body.lp-page .frame-section .heat-stroke-is {
    overflow: visible;
    margin-bottom: 0;
  }
  body.lp-page .lp-heat-slider__track .rectangle-parent {
    overflow: hidden;
    min-height: 0;
  }
  body.lp-page .lp-heat-slider__track .description-child,
  body.lp-page .lp-heat-slider__track .frame-child,
  body.lp-page .lp-heat-slider__track .back-to-top,
  body.lp-page .lp-heat-slider__track .description-icon {
    position: relative;
    top: 0;
    left: 0;
    flex: 0 0 var(--heat-card-img-h);
    width: 100%;
    height: var(--heat-card-img-h);
    min-height: var(--heat-card-img-h);
    max-height: var(--heat-card-img-h);
    margin: 0 !important;
    padding: 0;
    display: block;
    object-fit: cover;
    object-position: center center;
    border-radius: var(--br-10) var(--br-10) 0 0;
  }
  body.lp-page .lp-heat-disclaimer {
    max-width: 345px;
    margin-top: 16px;
    font-size: 13px;
    line-height: 1.45;
  }

  /* Reference Documents — Mobile（767px以下） */
  body.lp-page .resources-parent {
    overflow: visible;
    background: var(--White);
  }
  body.lp-page .resources {
    gap: 0;
    padding-top: 0;
    padding-bottom: 60px;
    overflow: visible;
    background: var(--Gradient);
  }
  body.lp-page .resources-child {
    display: none;
  }
  body.lp-page .resources .financials-author-title.lp-resources-wave {
    display: block !important;
    position: relative;
    z-index: 2;
    width: 100%;
    height: clamp(36px, calc(100vw * 68 / 393), 68px);
    margin-top: calc(-1 * clamp(36px, calc(100vw * 68 / 393), 68px));
    margin-bottom: -4px;
    padding: 0;
    background: none;
    clip-path: none;
    transform: translateY(4px);
    flex-shrink: 0;
    pointer-events: none;
  }
  body.lp-page .resources .lp-resources-wave-path {
    display: block;
    width: 100%;
    height: 100%;
  }
  body.lp-page .resources .lp-resources-wave-path--desktop {
    display: none;
  }
  body.lp-page .resources .lp-resources-wave-path--mobile {
    display: block;
  }
  body.lp-page .resources-headings {
    position: relative;
    z-index: 3;
    margin-top: 0;
    padding: 20px 26px 4px;
    box-sizing: border-box;
    background: var(--Gradient);
    overflow: visible;
  }
  body.lp-page .resource-headings {
    width: 100%;
    max-width: min(349px, calc(100vw - 52px));
    margin-inline: auto;
    gap: 4px;
    overflow: visible;
  }
  body.lp-page .reference-documents {
    display: block;
    font-size: 14px;
    line-height: 1.2;
    overflow: visible;
    margin: 0 0 12px;
  }
  body.lp-page .key-resources {
    margin: 0 0 28px;
    padding-bottom: 0;
  }
  body.lp-page .resources .resource-links {
    padding: 0 26px;
    margin-top: 0;
  }
  body.lp-page .links-container {
    max-width: min(349px, calc(100vw - 52px));
    margin-inline: auto;
    padding-bottom: 0;
  }

  /* Footer — Mobile（767px以下 / links-container と同一レール） */
  body.lp-page .footer {
    gap: 24px;
    padding: 48px 0 96px;
    align-items: stretch;
  }
  body.lp-page .footer-content,
  body.lp-page .footer-links,
  body.lp-page .footer-disclaimer {
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding-inline: 0;
    box-sizing: border-box;
    display: grid;
    grid-template-columns:
      minmax(0, 1fr)
      min(349px, calc(100vw - 52px))
      minmax(0, 1fr);
  }
  body.lp-page .footer-content > *,
  body.lp-page .footer-links > *,
  body.lp-page .footer-disclaimer > * {
    grid-column: 2;
    width: 100%;
    max-width: none;
    margin-inline: 0;
    box-sizing: border-box;
  }
  body.lp-page .footer-content {
    row-gap: clamp(8px, calc(100vw * 12 / 393), 12px);
    overflow: visible;
  }
  body.lp-page .logo-elements-icon {
    width: clamp(144px, calc(100vw * 256 / 393), 256px);
    max-width: 100%;
    height: auto;
    object-fit: contain;
    object-position: left top;
  }
  body.lp-page .bringing-science-backed-hydrat {
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 0;
    overflow: visible;
    font-size: var(--fs-16);
    line-height: 1.45;
    margin: 0;
  }

  /* Board Members — Mobile（767px以下） */
  body.lp-page .board-container-wrapper {
    padding: 60px 26px 0;
    justify-content: center;
  }
  body.lp-page .board-container {
    width: 349px;
    max-width: min(349px, calc(100vw - 52px));
    min-height: 89px;
    height: auto;
    padding: 0 22px;
    box-sizing: border-box;
    gap: 5px;
    margin: 0 auto;
    align-items: flex-start;
  }
  body.lp-page .our-board-members {
    font-size: 14px;
    line-height: 1.2;
  }
  body.lp-page .science-advisory-board {
    font-size: 22px;
    line-height: 1.15;
  }
  body.lp-page .science-advisory-board__lead {
    white-space: nowrap;
  }
  body.lp-page .lp-board-member-role-note {
    max-width: 100%;
    font-size: 14px;
    line-height: 1.45;
    margin-top: 12px;
  }
  body.lp-page main.member-grid-wrapper {
    width: 100%;
    max-width: none;
    padding: 40px 0 calc(clamp(88px, calc(100vw * 96 / 393), 96px) + 20px);
    overflow: visible;
    background: var(--White);
  }
  body.lp-page .lp-board-slider {
    position: relative;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    height: auto;
    min-height: 0;
    padding: 0;
    overflow: visible;
    box-sizing: border-box;
  }
  body.lp-page .lp-board-slider.is-preparing {
    visibility: visible;
  }
  body.lp-page .member-grid:not(.is-flattened) .bio-column,
  body.lp-page .member-grid:not(.is-flattened) .bio-column2,
  body.lp-page .member-grid:not(.is-flattened) .bio-05-fran-parent,
  body.lp-page .member-grid:not(.is-flattened) .contact-form,
  body.lp-page .member-grid:not(.is-flattened) .profile-data,
  body.lp-page .member-grid:not(.is-flattened) .june-info {
    display: none !important;
  }
  body.lp-page .member-grid.is-flattened .bio-column,
  body.lp-page .member-grid.is-flattened .bio-column2,
  body.lp-page .member-grid.is-flattened .bio-05-fran-parent,
  body.lp-page .member-grid.is-flattened .contact-form,
  body.lp-page .member-grid.is-flattened .profile-data,
  body.lp-page .member-grid.is-flattened .june-info {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }
  body.lp-page .member-grid:not(.is-initialized) {
    opacity: 1;
    pointer-events: auto;
  }
  body.lp-page .member-grid.is-flattened .lp-board-slide {
    display: flex !important;
  }
  body.lp-page .member-grid.is-flattened.is-slider-ready {
    overflow-x: auto;
    overflow-y: visible;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    justify-content: flex-start;
    gap: var(--board-mobile-gap);
    padding-left: calc((100% - var(--board-card-w)) / 2);
    padding-right: calc((100% - var(--board-card-w)) / 2);
  }
  body.lp-page .member-grid.is-flattened.is-slider-ready::-webkit-scrollbar {
    display: none;
  }
  body.lp-page .member-grid.is-flattened.is-slider-ready .lp-board-slide {
    scroll-snap-align: center;
    scroll-snap-stop: always;
    margin-bottom: 0;
  }
  body.lp-page .member-grid.is-flattened:not(.is-slider-ready) .lp-board-slide {
    display: none !important;
  }
  body.lp-page .member-grid.is-flattened:not(.is-slider-ready) #lp-board-slide-bob {
    display: flex !important;
  }
  body.lp-page .member-grid.is-initialized {
    opacity: 1;
  }
  body.lp-page .member-grid.is-jumping {
    scroll-behavior: auto !important;
  }
  body.lp-page .member-grid [hidden] {
    display: none !important;
  }
  body.lp-page .member-grid.is-initializing {
    scroll-snap-type: none;
    scroll-behavior: auto;
  }
  body.lp-page .member-grid.is-navigating {
    scroll-snap-type: none;
  }
  body.lp-page .lp-board-slider__nav {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 20;
    width: 68px;
    height: auto;
    min-height: 120px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #274dac;
    cursor: pointer;
  }
  body.lp-page .lp-board-slider__nav svg {
    width: 24px;
    height: 48px;
    display: block;
    filter: drop-shadow(0 0 1px rgba(180, 215, 255, 1))
      drop-shadow(0 0 4px rgba(140, 190, 255, 0.75))
      drop-shadow(0 0 8px rgba(100, 165, 255, 0.4));
  }
  body.lp-page .lp-board-slider__nav--prev {
    left: 0;
  }
  body.lp-page .lp-board-slider__nav--next {
    right: 0;
  }
  body.lp-page .member-grid {
    --board-card-w: 293px;
    --board-scale: calc(var(--board-card-w) / 525.8);
    --board-photo-h: calc(var(--board-card-w) * 477 / 525.8);
    --board-wave-h: calc(46 * var(--board-scale));
    --board-wave-overlap: calc(36 * var(--board-scale));
    --board-mobile-gap: 20px;
    display: flex !important;
    grid-template-columns: none !important;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center;
    gap: 0;
    width: 100%;
    max-width: none;
    height: auto;
    min-height: 0;
    max-height: none;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
  }
  body.lp-page .member-grid.is-flattened.is-slider-ready {
    overflow-x: auto;
    overflow-y: visible;
  }
  body.lp-page .member-grid .bio-01-bob,
  body.lp-page .member-grid .bio-02-lacy,
  body.lp-page .member-grid .bio-03-thomas-bernard,
  body.lp-page .member-grid .bio-04-larry,
  body.lp-page .member-grid .bio-07-june,
  body.lp-page .member-grid .bio-08-koji,
  body.lp-page .member-grid .lp-board-slide,
  body.lp-page .member-grid .lp-board-slide-clone {
    width: var(--board-card-w);
    max-width: var(--board-card-w);
    min-width: var(--board-card-w);
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 20px;
    gap: 0;
    overflow: hidden;
    isolation: isolate;
    box-sizing: border-box;
  }
  body.lp-page .member-grid .data-holder,
  body.lp-page .member-grid .bio-02-lacy-inner,
  body.lp-page .member-grid .bio-03-thomas-bernard-inner,
  body.lp-page .member-grid .data-info-zone,
  body.lp-page .member-grid .doctor-title,
  body.lp-page .member-grid .company-information {
    width: 100%;
    max-width: 100%;
    flex: 1 1 auto;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden;
    box-sizing: border-box;
    padding: 22px 25px 17px;
  }
  body.lp-page .member-grid .people-information,
  body.lp-page .member-grid .name-data,
  body.lp-page .member-grid .thomas-e-bernard-phd-cih-f-parent,
  body.lp-page .member-grid .june-spector-md-mph-parent {
    align-items: center;
    align-self: stretch;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  body.lp-page .member-grid #lp-board-slide-francis .bio-02-lacy-inner,
  body.lp-page .member-grid #lp-board-slide-robert .bio-02-lacy-inner {
    padding-bottom: 28px;
  }
  body.lp-page .member-grid .bio-04-larry:has(.francis-g-oconnor),
  body.lp-page .member-grid .bio-04-larry:has(.robert-sallis-md) {
    min-height: 0 !important;
    height: auto !important;
    padding-bottom: 0;
  }
  body.lp-page .member-grid h3 {
    font-size: 24px;
    line-height: 1.25;
    width: 100%;
    max-width: 100%;
    text-align: center;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
  body.lp-page .member-grid .exercise-science,
  body.lp-page .member-grid .military-sports,
  body.lp-page .member-grid .co-chair-of-pocari,
  body.lp-page .member-grid .professor-department-of,
  body.lp-page .member-grid .co-founder-and-director,
  body.lp-page .member-grid .specialist-in-occupational,
  body.lp-page .member-grid .as-part-of {
    font-size: 16px;
    line-height: 1.45;
  }
  body.lp-page .member-grid .lp-board-line,
  body.lp-page .member-grid .lp-board-affil-line {
    display: inline;
    white-space: normal;
  }
}