@charset "utf-8";

/*====================================================================
  structure.css - 株式会社東洋ケミカル コーポレートサイト
  各ページ固有のレイアウト・セクション構造
  （旧デザイン期の未使用テンプレートは撤去し、現行サイトの実装内容に
    合わせて再構成。ページごとに body.pg-xxxx でスコープしています）
====================================================================*/

/* ================================================================
   index.html （body.pg-index 配下スコープ）
================================================================ */
body.pg-index {font-size:1.6rem}
.pg-index img {max-width:100%;height:auto;vertical-align:bottom;display:block}
.pg-index a {color:inherit;text-decoration:none}
.pg-index ul,
.pg-index ol {list-style:none}
.pg-index {
  --bk:#111111;--wh:#ffffff;--off:#131926;--gy:#888;
  --ac:#c8a84b;
  --fen:'Montserrat',sans-serif;
  --fjp:'Zen Kaku Gothic New',sans-serif;
  --ez:cubic-bezier(.4,0,.2,1);
}
body.pg-index {font-family:var(--fjp);color:#e0e4f0;background:#0a0e17;line-height:1.7;-webkit-text-size-adjust:100%}
.pg-index h1,
.pg-index h2,
.pg-index h3,
.pg-index h4,
.pg-index h5,
.pg-index h6 {font-weight:normal}
.pg-index ul {list-style:none}
.pg-index a,
.pg-index a:link,
.pg-index a:visited,
.pg-index a:hover,
.pg-index a:active {text-decoration:none;color:#e0e4f0}
.pg-index header,
.pg-index footer,
.pg-index div,
.pg-index p,
.pg-index ul,
.pg-index li,
.pg-index h1,
.pg-index h2,
.pg-index h3,
.pg-index h4,
.pg-index h5,
.pg-index h6 {position:relative;box-sizing:border-box}
.pg-index a,
.pg-index span {position:relative}
.pg-index .fen {font-family:var(--fen)}
@media(min-width:1251px) {
.pg-index a:hover {opacity:.65}
.pg-index a.noHover:hover {opacity:1}
}
@media(max-width:1250px) {
.pg-index a,
.pg-index a:hover {text-decoration:none!important}
}
.pg-index #container01 {width:100%;max-width:1920px;margin:0 auto;overflow:hidden}
.pg-index .imgCover {width:100%;height:100%;object-fit:cover;display:block}
.pg-index .ph {width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--fen);font-size:.7rem;letter-spacing:.15em;color:rgba(255,255,255,.18);background:linear-gradient(160deg,#0a0a18 0%,#151f35 60%,#0d1828 100%)}
.pg-index .mb05 {margin-bottom:5px!important}
.pg-index .mb10 {margin-bottom:10px!important}
.pg-index .mb15 {margin-bottom:15px!important}
.pg-index .mb20 {margin-bottom:20px!important}
.pg-index .mb30 {margin-bottom:30px!important}
.pg-index .mb40 {margin-bottom:40px!important}
.pg-index .mb50 {margin-bottom:50px!important}
.pg-index .mt10 {margin-top:10px!important}
.pg-index .mt20 {margin-top:20px!important}
.pg-index .mt30 {margin-top:30px!important}
.pg-index .mt40 {margin-top:40px!important}
.pg-index .blk {display:block!important}
.pg-index .tc {text-align:center!important}
.pg-index .fcWh {color:#fff!important}
.pg-index .fcGy {color:#888!important}
.pg-index .bgBk {background:#111!important}
.pg-index .bgOff {background:#f4f4f2!important}
@media(max-width:767px) {
.pg-index .spOnly {display:block!important}
.pg-index .pcOnly {display:none!important}
}
@media(min-width:768px) {
.pg-index .spOnly {display:none!important}
.pg-index .pcOnly {display:block!important}
}
.pg-index .btn {display:inline-block;text-align:center;text-decoration:none!important;cursor:pointer;transition:all .2s var(--ez);box-sizing:border-box;font-family:var(--fen);letter-spacing:.15em;font-size:.78rem}
.pg-index .btnSm {height:34px;line-height:34px;padding:0 20px}
.pg-index .btnMd {height:50px;line-height:50px;padding:0 32px}
.pg-index .btnBk {background:var(--bk);color:#fff!important}
.pg-index .btnBkO {border:1px solid var(--bk);color:var(--bk)!important;background:transparent}
.pg-index .btnWhO {border:1px solid rgba(255,255,255,.6);color:#fff!important;background:transparent}
.pg-index .btnWh {background:#fff;color:#111!important}
.pg-index .slabel {display:block;font-family:var(--fen);text-transform:uppercase;font-size:.7rem;letter-spacing:.28em;color:var(--gy)}
.pg-index .sline {display:block;width:36px;height:1px;background:var(--ac);margin:18px 0}
.pg-index .stitle {font-weight:300;letter-spacing:.06em;line-height:1.3}
@media(min-width:1251px) {
.pg-index .stitle {font-size:2.8rem}
}
@media(min-width:768px) and (max-width:1250px) {
.pg-index .stitle {font-size:2.2rem}
}
@media(max-width:767px) {
.pg-index .stitle {font-size:1.9rem}
}
.pg-index #lNav {
  position:fixed;top:0;left:0;
  width:280px;height:100%;
  background:#0d1320;
  z-index:500;
  display:flex;flex-direction:column;
  border-right:1px solid rgba(255,255,255,.08);
}
.pg-index .lNavLogo {
  padding:26px 22px 22px;
  border-bottom:1px solid rgba(255,255,255,.08);
  flex-shrink:0;
}
.pg-index .lNavLogo a {
  font-family:var(--fen);font-weight:800;font-size:1.55rem;
  letter-spacing:.1em;color:#e0e4f0;
  text-decoration:none;display:block;
}
.pg-index .lNavLogo a:hover {opacity:.7}
.pg-index .lNavList {
  flex:1;overflow-y:auto;
  padding:8px 0;
  scrollbar-width:none;
}
.pg-index .lNavList::-webkit-scrollbar {display:none}
.pg-index .lNavItem {display:block}
.pg-index .lNavLink {
  display:flex;align-items:center;gap:14px;
  padding:16px 24px;
  font-family:var(--fjp);font-size:1.5rem;
  letter-spacing:.04em;
  color:rgba(255,255,255,.65);
  text-decoration:none;
  transition:color .2s,background .2s;
  border-left:3px solid transparent;
}
.pg-index .lNavLink:hover {
  color:#fff;
  background:rgba(255,255,255,.07);
  border-left-color:var(--ac);
}
.pg-index .lNavLink.active {
  color:#fff;
  border-left-color:var(--ac);
  background:rgba(200,168,75,.09);
  font-weight:500;
}
.pg-index .lNavIcon {
  width:22px;height:22px;flex-shrink:0;
  opacity:.5;
}
.pg-index .lNavLink:hover .lNavIcon,
.pg-index .lNavLink.active .lNavIcon {opacity:.9}
.pg-index .lNavSep {
  height:1px;background:rgba(255,255,255,.08);
  margin:8px 22px;
}
.pg-index .lNavFoot {
  padding:16px 22px 24px;
  border-top:1px solid rgba(255,255,255,.08);
  flex-shrink:0;
}
.pg-index .lNavLang {
  display:flex;gap:14px;margin-bottom:14px;
}
.pg-index .lNavLang a {
  font-family:var(--fen);font-size:1.3rem;letter-spacing:.1em;
  font-weight:700;
  color:rgba(255,255,255,.4);text-decoration:none;
  transition:color .2s;
}
.pg-index .lNavLang a:hover,
.pg-index .lNavLang a.active {color:#fff}
.pg-index .lNavLang a.active {border-bottom:2px solid #3b82f6;padding-bottom:2px;color:#3b82f6}
.pg-index .lNavSearch {
  display:flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  border-radius:3px;
  padding:7px 10px;
}
.pg-index .lNavSearch input {
  background:transparent;border:none;outline:none;
  font-size:.78rem;color:#e0e4f0;width:100%;
  font-family:var(--fjp);
}
.pg-index .lNavSearch input::placeholder {color:rgba(255,255,255,.3);font-size:.75rem}
.pg-index .lNavSearch svg {flex-shrink:0;opacity:.45;width:14px;height:14px;stroke:#e0e4f0}
.pg-index #spHam {
  display:none;
  position:fixed;top:0;left:0;width:100%;height:54px;
  background:#0d1320;border-bottom:1px solid rgba(255,255,255,.08);
  z-index:500;align-items:center;
  justify-content:space-between;padding:0 18px;
}
.pg-index .spHamLogo {display:flex;align-items:center;}
.pg-index .spHamBtn {
  width:36px;height:36px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:5px;cursor:pointer;
}
.pg-index .spHamBtn span {
  display:block;width:20px;height:1.5px;background:#e0e0e0;
  transition:all .3s;
}
.pg-index #spDrawer {
  display:none;
  position:fixed;top:54px;left:0;width:100%;
  background:#0d1320;
  z-index:499;padding:16px 0 24px;
  border-top:1px solid rgba(255,255,255,.08);
}
.pg-index #spDrawer a {
  display:flex;align-items:center;gap:10px;
  padding:13px 22px;
  font-family:var(--fen);font-size:.82rem;letter-spacing:.12em;
  color:rgba(255,255,255,.65);text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.pg-index #spDrawer a:hover {color:#fff}
.pg-index .spDrawerLang {display:flex;gap:16px;padding:14px 22px;border-top:1px solid rgba(255,255,255,.08);margin-top:4px}
.pg-index #spDrawer .spDrawerLang a {display:inline-block;padding:0;border-bottom:none;font-weight:700;font-size:.85rem;color:rgba(255,255,255,.4)}
.pg-index #spDrawer .spDrawerLang a.active,
.pg-index #spDrawer .spDrawerLang a:hover {color:#fff}
@media(min-width:1251px) {
.pg-index .visL {display:none!important}
.pg-index #vis,
.pg-index .abImg {margin-left:0}
.pg-index #container01 {padding-left:280px}
.pg-index #sideNav {display:none!important}
}
@media(max-width:1250px) {
.pg-index #lNav {display:none}
.pg-index #spHam {display:flex}
.pg-index #container01 {padding-left:0;padding-top:54px}
.pg-index #sideNav {display:none!important}
}
@media(max-width:767px) {
.pg-index #container01 {padding-top:54px}
}
.pg-index #vis {
  width:100%;
  overflow:hidden;
  position:relative;
}
.pg-index .visSplit {
  display:flex;
  width:100%;
  height:100vh;
  min-height:600px;
}
.pg-index .visL {
  width:220px;
  flex-shrink:0;
  background:transparent;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  position:relative;
  z-index:2;
}
.pg-index .visLIn {padding-bottom:80px;padding-left:40px}
.pg-index .visVlabel {writing-mode:vertical-rl;letter-spacing:.3em;color:rgba(255,255,255,.3);font-family:var(--fen);font-size:.65rem;text-transform:uppercase;display:block;margin-bottom:36px}
.pg-index .visYear {font-family:var(--fen);font-weight:800;color:rgba(255,255,255,.1);line-height:1}
.pg-index .visAccLine {width:1px;height:70px;background:linear-gradient(to bottom,var(--ac),transparent);margin:16px 0 16px 12px}
.pg-index .visDot {position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px);background-size:34px 34px;pointer-events:none}
.pg-index .visR {
  flex:1;
  position:relative;
  overflow:visible;
  background:transparent;
}
.pg-index .visBg {
  position:absolute;
  inset:0;
  background:none;
  z-index:0;
}
.pg-index .visPhoto2 {
  position:absolute;
  inset:0;
  background-image:url('../../f-visual/photo02.jpg');
  background-size:cover;
  background-position:center;
  opacity:0.45;
  z-index:1;
  pointer-events:none;
}
.pg-index .visRDeco2 {
  position:absolute;
  top:0;right:80px;
  width:1px;height:100%;
  background:linear-gradient(to bottom,transparent,rgba(200,168,75,.3),transparent);
  z-index:2;pointer-events:none;
}
.pg-index .visCatch {
  position:absolute;
  top:20%;left:0;
  width:100%;
  z-index:3;
  padding:0 80px 0 50px;
  text-align:left;
}
.pg-index .visTag {font-family:var(--fen);font-weight:200;color:rgba(255,255,255,.55);letter-spacing:.3em;text-transform:uppercase;font-size:.78rem;display:block;margin-bottom:18px}
.pg-index .visCatchSub {
  position:absolute;
  bottom:100px;right:80px;
  z-index:3;
}
.pg-index .visTitleEn {
  font-family:var(--fen);font-weight:800;color:#fff;
  display:table;line-height:1;letter-spacing:.04em;
  font-size:clamp(2.8rem,4.2vw,5.4rem);
  position:relative;padding-bottom:10px;
  animation:ctfGlitchPgIndex 10s infinite 5.5s, floatVisPgIndex 5.5s ease-in-out infinite 8.5s;
}
.pg-index .visTitleEn::after {
  content:'';
  position:absolute;bottom:0;left:0;
  width:100%;height:2px;
  background:linear-gradient(90deg,
    rgba(255,255,255,.15) 0%,
    rgba(255,255,255,.15) 30%,
    rgba(255,255,255,1)   50%,
    rgba(255,255,255,.15) 70%,
    rgba(255,255,255,.15) 100%
  );
  background-size:240% 100%;
  background-position:-100% 0;
  animation:shimmerLinePgIndex 3s ease-in-out infinite;
}
@keyframes shimmerLinePgIndex{
  0%  {background-position:-100% 0}
  100%{background-position:220% 0}
}
@keyframes ctfGlitchPgIndex{
  0%,85%,100%{text-shadow:none;transform:none;clip-path:none;}
  86%{text-shadow:-4px 0 rgba(200,168,75,.9),4px 0 rgba(100,210,255,.55);transform:translate(4px,0) skewX(.8deg);}
  87%{text-shadow:4px 0 rgba(200,168,75,.8),-4px 0 rgba(255,80,80,.45);transform:translate(-3px,0);}
  88%{text-shadow:-2px 0 rgba(200,168,75,.5);transform:translate(2px,0) skewX(-.4deg);}
  89%{text-shadow:none;transform:translate(-1px,0);}
  90%,100%{text-shadow:none;transform:none;}
}
@keyframes floatVisPgIndex{
  0%,100%{translate:0 0;}
  50%{translate:0 -8px;}
}
.pg-index .visTitleJp {
  display:block;color:#fff;font-family:'Orbitron',sans-serif;font-weight:900;
  letter-spacing:.06em;font-size:clamp(3rem,5.5vw,7.5rem);line-height:1.1;
  animation:ctfGlitchPgIndex 10s infinite 3s, floatVisPgIndex 5s ease-in-out infinite 5s;
}
.pg-index .visCaption {
  display:block;color:#fff;font-family:var(--fjp);font-weight:500;
  font-size:clamp(1.1rem,1.2vw,1.5rem);line-height:2;letter-spacing:.06em;margin:52px 0 0;
  text-shadow:0 1px 14px rgba(0,0,0,.7),0 2px 4px rgba(0,0,0,.45);
  animation:floatVisPgIndex 7s ease-in-out infinite 13s, captionGlowPgIndex 5s ease-in-out infinite 15s;
}
@keyframes captionGlowPgIndex{
  0%,100%{text-shadow:0 1px 14px rgba(0,0,0,.7),0 2px 4px rgba(0,0,0,.45);}
  50%{text-shadow:0 1px 14px rgba(0,0,0,.7),0 2px 4px rgba(0,0,0,.45),0 0 28px rgba(255,255,255,.12);}
}
.pg-index .visScroll {position:absolute;right:50px;bottom:80px;z-index:3;display:flex;flex-direction:column;align-items:center;gap:10px}
.pg-index .visScrollLine {display:block;width:1px;height:56px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.85));animation:sdropPgIndex 2s ease-in-out infinite}
@keyframes sdropPgIndex{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.pg-index .visScrollTxt {font-family:var(--fen);font-size:.62rem;letter-spacing:.2em;color:rgba(255,255,255,.75);text-transform:uppercase;writing-mode:vertical-rl}
@media(min-width:768px) and (max-width:1250px) {
.pg-index .visSplit {height:72vh;min-height:444px}
.pg-index .visL {width:140px}
.pg-index .visLIn {padding-bottom:50px;padding-left:24px}
.pg-index .visTitleEn {font-size:clamp(1.2rem,1.8vw,2rem)}
.pg-index .visTitleJp {font-size:clamp(2.5rem,5vw,6rem)}
.pg-index .visCatch {padding:0 40px 0 30px}
.pg-index .visCatchSub {bottom:40px;right:40px}
.pg-index .visScroll {right:30px;bottom:50px}
}
@media(max-width:767px) {
.pg-index .visSplit {height:70svh;min-height:420px}
.pg-index .visL {display:none}
.pg-index .visR {width:100%;min-height:0;position:relative}
.pg-index #vis {background-size:cover;background-position:center top}
.pg-index .visRDeco2 {right:20px}
.pg-index .visCatch {top:22%;padding:0 24px}
.pg-index .visTag {font-size:.65rem;margin-bottom:8px}
.pg-index .visTitleJp {font-size:clamp(2rem,8vw,3.2rem)}
.pg-index .visCaption {display:block;font-size:1.15rem;margin-top:16px;line-height:1.85}
.pg-index .visCaption br {display:none}
.pg-index .visTitleEn {font-size:clamp(1.4rem,5vw,2rem)}
.pg-index .visCatchSub {bottom:36px;right:20px}
.pg-index .visScroll {display:none}
}
.pg-index .ticker {background:var(--ac);padding:11px 0;overflow:hidden}
.pg-index .tickIn {display:flex;align-items:center;flex-wrap:nowrap}
.pg-index .tickLbl {flex-shrink:0;padding:0 22px;font-family:var(--fen);font-size:.68rem;letter-spacing:.22em;color:#fff;border-right:1px solid rgba(255,255,255,.35);text-transform:uppercase;white-space:nowrap}
.pg-index .tickTrack {overflow:hidden;flex:1}
.pg-index .tickList {display:flex;flex-wrap:nowrap;animation:tickPgIndex 30s linear infinite}
.pg-index .tickList li {flex-shrink:0;padding:0 36px;font-size:.84rem;color:#fff;white-space:nowrap}
.pg-index .tickList li a {color:#fff!important}
@keyframes tickPgIndex{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.pg-index #about {display:flex;align-items:stretch;min-height:580px}
.pg-index .abImg {flex-shrink:0;overflow:hidden;position:relative}
.pg-index .abImg .ph {height:100%}
.pg-index .abYr {position:absolute;bottom:28px;left:28px;z-index:2;font-family:var(--fen);font-weight:800;color:rgba(255,255,255,.08);line-height:1;pointer-events:none}
.pg-index .abTxt {flex:1;display:flex;align-items:center;background:#0f1520}
.pg-index .abTxtIn {width:100%;position:relative}
.pg-index .abWm {position:absolute;font-family:var(--fen);font-weight:800;color:rgba(255,255,255,.03);line-height:1;pointer-events:none;white-space:nowrap}
.pg-index .abBody {font-size:.9rem;line-height:1.9;color:rgba(255,255,255,.55)}
.pg-index .abStat {border-left:2px solid var(--ac);padding-left:16px}
.pg-index .abStatN {font-family:var(--fen);font-weight:700;color:#e0e4f0;line-height:1}
.pg-index .abStatL {font-size:.75rem;letter-spacing:.1em;color:var(--gy);margin-top:4px;display:block}
@media(min-width:1251px) {
.pg-index .abImg {width:calc(50vw - 110px);max-width:760px}
.pg-index .abYr {font-size:13rem}
.pg-index .abTxt {padding:80px 64px}
.pg-index .abWm {font-size:11rem;top:-10px;right:-10px}
.pg-index .abStatN {font-size:3rem}
}
@media(min-width:768px) and (max-width:1250px) {
.pg-index .abImg {width:44vw}
.pg-index .abYr {font-size:8rem}
.pg-index .abTxt {padding:60px 44px}
.pg-index .abWm {font-size:8rem;top:-5px;right:0}
.pg-index .abStatN {font-size:2.4rem}
}
@media(max-width:767px) {
.pg-index #about {flex-direction:column}
.pg-index .abImg {width:100%;height:250px}
.pg-index .abYr {font-size:5.5rem}
.pg-index .abTxt {padding:40px 20px}
.pg-index .abWm {font-size:5rem;top:0;right:0}
.pg-index .abStatN {font-size:2rem}
}
.pg-index .numSec {background:var(--bk);padding:64px 40px}
.pg-index .numRow {display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.pg-index .numItem {text-align:center;flex:1;min-width:140px;padding:20px}
.pg-index .numFig {font-family:var(--fen);font-weight:800;line-height:1;color:#fff}
.pg-index .numUnit {font-weight:300;font-size:.45em;vertical-align:middle}
.pg-index .numDiv {width:1px;background:rgba(255,255,255,.1);align-self:stretch;flex-shrink:0}
.pg-index .numLbl {font-family:var(--fen);font-size:.62rem;letter-spacing:.2em;color:rgba(255,255,255,.35);text-transform:uppercase;margin-top:10px;display:block}
@media(min-width:1251px) {
.pg-index .numFig {font-size:4.8rem}
.pg-index .numDiv {height:80px}
}
@media(min-width:768px) and (max-width:1250px) {
.pg-index .numFig {font-size:3.6rem}
.pg-index .numDiv {height:60px}
}
@media(max-width:767px) {
.pg-index .numFig {font-size:3rem}
.pg-index .numItem {min-width:calc(50% - 2px)}
.pg-index .numDiv {display:none}
}
.pg-index .bizSec {display:flex;align-items:stretch;min-height:500px;overflow:hidden}
.pg-index .bizSec.rev {flex-direction:row-reverse}
.pg-index .bizImg {flex-shrink:0;overflow:hidden;position:relative}
.pg-index .bizImg .ph {height:100%}
.pg-index .bizNm {position:absolute;bottom:22px;left:22px;z-index:2;font-family:var(--fen);font-weight:800;font-size:4.5rem;color:rgba(255,255,255,.09);line-height:1;pointer-events:none}
.pg-index .bizTxt {flex:1;display:flex;align-items:center}
.pg-index .bizTxtBk {background:var(--bk)}
.pg-index .bizTxtOf {background:var(--off)}
.pg-index .bizIn {width:100%}
.pg-index .bizCat {font-family:var(--fen);font-size:.68rem;letter-spacing:.25em;color:var(--ac);text-transform:uppercase;display:block}
.pg-index .bizH {font-weight:500;line-height:1.35;letter-spacing:.04em}
.pg-index .bizTxtBk .bizH {color:#fff}
.pg-index .bizBody {line-height:1.9;color:rgba(255,255,255,.55);font-size:.88rem}
.pg-index .bizTxtBk .bizBody {color:rgba(255,255,255,.5)}
.pg-index .bizLk {display:inline-flex;align-items:center;gap:8px;font-family:var(--fen);font-size:.72rem;letter-spacing:.15em;border-bottom:1px solid currentColor;padding-bottom:3px;text-transform:uppercase;transition:opacity .2s}
.pg-index .bizTxtBk .bizLk {color:#fff!important}
@media(min-width:1251px) {
.pg-index .bizImg {width:calc(52vw - 114px);max-width:800px}
.pg-index .bizIn {padding:0 70px}
.pg-index .bizH {font-size:2rem;margin:12px 0 24px}
}
@media(min-width:768px) and (max-width:1250px) {
.pg-index .bizImg {width:46vw}
.pg-index .bizIn {padding:0 44px}
.pg-index .bizH {font-size:1.7rem;margin:10px 0 20px}
}
@media(max-width:767px) {
.pg-index .bizSec,
.pg-index .bizSec.rev {flex-direction:column}
.pg-index .bizImg {width:100%;height:240px}
.pg-index .bizIn {padding:32px 20px}
.pg-index .bizH {font-size:1.5rem;margin:8px 0 16px}
}
.pg-index #prod {background:var(--bk);position:relative;overflow:hidden}
.pg-index .prodWm {position:absolute;font-family:var(--fen);font-weight:800;color:rgba(255,255,255,.03);line-height:1;pointer-events:none;white-space:nowrap;top:50%;transform:translateY(-50%)}
.pg-index .prodIn {position:relative;z-index:1}
.pg-index .prodHd {display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px}
.pg-index .prodGrid {display:flex;flex-wrap:wrap;gap:2px;margin-top:36px}
.pg-index .pCard {overflow:hidden;position:relative;background:#191919;transition:transform .3s var(--ez);cursor:pointer;flex:1;min-width:250px}
.pg-index .pCard:hover {transform:scale(1.012)}
.pg-index .pCard:hover .pCImg {transform:scale(1.06)}
.pg-index .pCImgW {overflow:hidden}
.pg-index .pCImg {width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ez);display:block}
.pg-index .pCBody {position:absolute;bottom:0;left:0;width:100%;padding:24px 18px 18px;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,transparent 100%)}
.pg-index .pCCat {font-family:var(--fen);font-size:.63rem;letter-spacing:.2em;color:var(--ac);text-transform:uppercase;display:block;margin-bottom:5px}
.pg-index .pCName {color:#fff;font-size:.92rem;font-weight:500;line-height:1.4}
.pg-index .pCTag {position:absolute;top:12px;right:12px;background:var(--ac);color:#fff;font-family:var(--fen);font-size:.62rem;letter-spacing:.08em;padding:3px 10px}
@media(min-width:1251px) {
.pg-index #prod {padding:100px 0}
.pg-index .prodIn {padding:0 60px}
.pg-index .prodWm {font-size:16rem;right:-20px}
.pg-index .pCImgW {height:340px}
}
@media(min-width:768px) and (max-width:1250px) {
.pg-index #prod {padding:70px 0}
.pg-index .prodIn {padding:0 30px}
.pg-index .prodWm {font-size:10rem;right:-10px}
.pg-index .pCImgW {height:270px}
}
@media(max-width:767px) {
.pg-index #prod {padding:50px 0}
.pg-index .prodIn {padding:0 20px}
.pg-index .prodWm {font-size:7rem;right:0}
.pg-index .pCard {width:100%;min-width:auto}
.pg-index .pCImgW {height:220px}
}
.pg-index #str {display:flex;align-items:stretch}
.pg-index .strImg {flex-shrink:0;overflow:hidden;position:relative}
.pg-index .strImg .ph {height:100%}
.pg-index .strList {flex:1;display:flex;flex-direction:column;justify-content:center;background:#0a0e17}
.pg-index .strItem {display:flex;align-items:flex-start;gap:22px;border-bottom:1px solid rgba(255,255,255,.08)}
.pg-index .strItem:last-child {border-bottom:none}
.pg-index .strN {font-family:var(--fen);font-weight:800;font-size:3.8rem;color:rgba(255,255,255,.06);line-height:1;flex-shrink:0;width:56px;text-align:right}
.pg-index .strCat {font-family:var(--fen);font-size:.66rem;letter-spacing:.22em;color:var(--ac);text-transform:uppercase;display:block;margin-bottom:5px}
.pg-index .strH {font-size:1.05rem;font-weight:500;margin-bottom:8px;line-height:1.4}
.pg-index .strH::after {display:none}
.pg-index .strH {border-bottom:none}
.pg-index .strB {font-size:.84rem;line-height:1.85;color:rgba(255,255,255,.55)}
@media(min-width:1251px) {
.pg-index .strImg {width:calc(44vw - 97px);max-width:660px}
.pg-index .strList {padding:80px 70px}
.pg-index .strItem {padding:30px 0}
}
@media(min-width:768px) and (max-width:1250px) {
.pg-index .strImg {width:40vw}
.pg-index .strList {padding:50px 44px}
.pg-index .strItem {padding:22px 0}
}
@media(max-width:767px) {
.pg-index #str {flex-direction:column}
.pg-index .strImg {width:100%;height:220px}
.pg-index .strList {padding:32px 20px}
.pg-index .strItem {padding:18px 0;gap:14px}
.pg-index .strN {font-size:2.8rem;width:42px}
}
.pg-index #sus {position:relative;overflow:hidden;display:flex;align-items:center;justify-content:flex-end}
.pg-index .susBg {position:absolute;inset:0;background:linear-gradient(160deg,#081a10 0%,#0e3320 40%,#1a5a35 100%);z-index:0}
.pg-index .susDot {position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;z-index:1}
.pg-index .susCon {position:relative;z-index:2}
.pg-index .susGoals {display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.pg-index .susChip {background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);padding:12px 18px;text-align:center;flex:1;min-width:110px}
.pg-index .susChip p:first-child {font-family:var(--fen);font-weight:700;color:#fff;font-size:1.05rem;line-height:1}
.pg-index .susChip p:last-child {font-size:.7rem;color:rgba(255,255,255,.45);margin-top:4px;letter-spacing:.04em}
.pg-index .susTags {display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.pg-index .susTag {font-family:var(--fen);font-size:.66rem;letter-spacing:.1em;border:1px solid rgba(255,255,255,.25);color:rgba(255,255,255,.65);padding:5px 14px;text-transform:uppercase;transition:all .2s}
.pg-index .susTag:hover {background:rgba(255,255,255,.1)}
.pg-index .susWm {position:absolute;bottom:-10px;right:-10px;font-family:var(--fen);font-weight:800;color:rgba(255,255,255,.03);line-height:1;pointer-events:none;white-space:nowrap;z-index:1}
@media(min-width:1251px) {
.pg-index #sus {min-height:640px;padding:100px 80px}
.pg-index .susCon {max-width:520px}
.pg-index .susWm {font-size:13rem}
}
@media(min-width:768px) and (max-width:1250px) {
.pg-index #sus {min-height:520px;padding:70px 44px;justify-content:flex-start}
.pg-index .susCon {max-width:500px}
.pg-index .susWm {font-size:9rem}
}
@media(max-width:767px) {
.pg-index #sus {padding:50px 20px;justify-content:flex-start}
.pg-index .susWm {font-size:6rem}
}
.pg-index #news {background:#0a0e17}
.pg-index .newsLy {display:flex;align-items:flex-start}
.pg-index .newsBar {flex-shrink:0;writing-mode:vertical-rl;letter-spacing:.3em;font-family:var(--fen);font-size:.62rem;color:rgba(255,255,255,.18);text-transform:uppercase;border-right:1px solid rgba(255,255,255,.07);padding-right:14px;margin-right:50px}
.pg-index .newsMn {flex:1}
.pg-index .newsHd {display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px}
.pg-index .newsList {margin-top:34px}
.pg-index .newsIt {display:flex;align-items:baseline;gap:18px;flex-wrap:nowrap;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.07);transition:opacity .2s;cursor:pointer}
.pg-index .newsIt:hover {opacity:.55}
.pg-index .newsDt {font-family:var(--fen);font-size:.76rem;letter-spacing:.06em;color:var(--gy);flex-shrink:0;min-width:88px}
.pg-index .newsTag {font-family:var(--fen);font-size:.63rem;letter-spacing:.07em;padding:3px 11px;flex-shrink:0;white-space:nowrap;background:var(--bk);color:#fff}
.pg-index .newsTag.gn {background:#4d9062}
.pg-index .newsTag.bl {background:#2d5fa0}
.pg-index .newsTx {font-size:.87rem;line-height:1.6;color:rgba(255,255,255,.75);flex:1}
@media(min-width:1251px) {
.pg-index #news {padding:100px 0}
.pg-index .newsLy {padding:0 80px}
}
@media(min-width:768px) and (max-width:1250px) {
.pg-index #news {padding:70px 0}
.pg-index .newsLy {padding:0 44px}
.pg-index .newsBar {display:none}
}
@media(max-width:767px) {
.pg-index #news {padding:50px 0}
.pg-index .newsLy {padding:0 20px;}
.pg-index .newsBar {display:none}
.pg-index .newsIt {flex-wrap:wrap;gap:8px;padding:13px 0}
.pg-index .newsTx {width:100%}
}
.pg-index #ct {display:flex;align-items:stretch;min-height:500px;overflow:hidden}
.pg-index .ctL {flex-shrink:0;background:var(--bk);display:flex;align-items:center;justify-content:center}
.pg-index .ctR {flex:1;overflow:hidden;position:relative}
.pg-index .ctR .ph {height:100%}
.pg-index .ctR::after {content:'';position:absolute;inset:0;background:rgba(0,0,0,.28);pointer-events:none}
.pg-index .ctTitle {font-weight:300;color:#fff;line-height:1.35;letter-spacing:.04em}
.pg-index .ctSub {font-size:.83rem;color:rgba(255,255,255,.5);line-height:1.85;margin-top:14px}
.pg-index .ctBtns {margin-top:32px;display:flex;flex-direction:column;gap:11px}
.pg-index .ctTelLbl {font-family:var(--fen);font-size:.66rem;letter-spacing:.2em;color:rgba(255,255,255,.35);text-transform:uppercase;display:block;margin-bottom:5px}
.pg-index .ctTel {font-family:var(--fen);font-weight:700;font-size:1.5rem;color:#fff;letter-spacing:.06em;display:block;border-top:1px solid rgba(255,255,255,.12);padding-top:22px;margin-top:22px}
@media(min-width:1251px) {
.pg-index .ctL {width:500px;padding:80px 70px}
.pg-index .ctTitle {font-size:2.6rem}
}
@media(min-width:768px) and (max-width:1250px) {
.pg-index .ctL {width:420px;padding:60px 44px}
.pg-index .ctTitle {font-size:2rem}
}
@media(max-width:767px) {
.pg-index #ct {flex-direction:column-reverse}
.pg-index .ctL {width:100%;padding:44px 20px}
.pg-index .ctR {height:200px}
.pg-index .ctTitle {font-size:1.7rem}
}
.pg-index #ft {
  position:relative;
  padding:70px 0 0;
  background-image:url('../../f-all/footer_photo.jpg');
  background-size:cover;
  background-position:center;
}
.pg-index #ft::before {
  content:'';
  position:absolute;inset:0;
  background:rgba(0,0,0,0.72);
  z-index:0;pointer-events:none;
}
.pg-index #ft .ftTop,
.pg-index #ft .ftBtm {position:relative;z-index:1;}
.pg-index .ftTop {display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:40px;padding:0 60px}
.pg-index .ftLogo {font-family:var(--fen);font-weight:800;font-size:1.8rem;letter-spacing:.14em;color:#fff}
.pg-index .ftTag {font-size:1.2rem;color:rgba(255,255,255,.85);letter-spacing:.04em;margin-top:14px;line-height:2}
.pg-index .ftNvW {display:flex;gap:60px;flex-wrap:wrap}
.pg-index .ftNvCol .ftNvT {font-family:var(--fen);font-size:1rem;letter-spacing:.18em;color:#fff;text-transform:uppercase;margin-bottom:16px;display:block;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:10px}
.pg-index .ftNvCol ul li {margin-bottom:13px}
.pg-index .ftNvCol ul li a {font-size:1.2rem;color:rgba(255,255,255,.85);letter-spacing:.04em;transition:color .2s}
.pg-index .ftNvCol ul li a:hover {color:#fff}
.pg-index .ftBtm {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid rgba(255,255,255,.2);margin-top:60px;padding:20px 60px}
.pg-index .ftLegal {display:flex;gap:22px;flex-wrap:wrap}
.pg-index .ftLegal a {font-family:var(--fen);font-size:1rem;letter-spacing:.07em;color:rgba(255,255,255,.75)}
.pg-index .ftLegal a:hover {color:#fff}
.pg-index .ftCp {font-family:var(--fen);font-size:1rem;letter-spacing:.05em;color:rgba(255,255,255,.65)}
@media(max-width:767px) {
.pg-index .ftTop {padding:0 20px}
.pg-index .ftNvW {gap:28px}
.pg-index .ftBtm {padding:20px;flex-direction:column;align-items:flex-start}
}
.pg-index #company {
  padding:80px 40px;
  background:#0d1320;
  overflow:hidden;
}
.pg-index .coWrap {
  max-width:1120px;
  margin:0 auto;
  display:flex;
  align-items:center;
  position:relative;
  height:600px;
}
.pg-index .coImg {
  width:74%;height:100%;
  flex-shrink:0;overflow:hidden;
  position:relative;z-index:0;
}
.pg-index .coImg img {width:100%;height:100%;object-fit:cover;display:block}
.pg-index .coTxt {
  width:42%;flex-shrink:0;
  align-self:center;
  max-height:520px;
  margin-left:-16%;
  position:relative;z-index:1;
  background:#131926;
  box-shadow:0 8px 40px rgba(0,0,0,0.4);
  padding:36px 36px;
}
.pg-index .coEn {
  font-family:var(--fen);font-weight:700;
  font-size:clamp(2.4rem,3.5vw,4.2rem);
  color:var(--ac);letter-spacing:.06em;
  display:block;line-height:1;margin-bottom:20px;
}
.pg-index .coTitle {
  font-size:clamp(1.3rem,1.6vw,1.8rem);
  font-weight:500;line-height:1.6;
  letter-spacing:.04em;color:#e0e4f0;
  margin-bottom:20px;
}
.pg-index .coBody {
  font-size:clamp(1.1rem,1.3vw,1.4rem);
  line-height:2;color:rgba(255,255,255,.55);
  margin-bottom:32px;
}
@media(min-width:768px) and (max-width:1250px) {
.pg-index #company {padding:60px 30px}
.pg-index .coImg {width:56%;height:360px}
.pg-index .coTxt {width:52%;margin-left:-8%;padding:40px 32px}
}
@media(max-width:767px) {
.pg-index #company {padding:0}
.pg-index .coWrap {flex-direction:column}
.pg-index .coImg {width:100%;height:240px}
.pg-index .coTxt {width:88%;margin:-40px auto 0;padding:32px 24px;box-shadow:0 -4px 24px rgba(0,0,0,0.10)}
.pg-index .coEn {font-size:clamp(2rem,9vw,3rem)}
}
.pg-index #pt a {position:fixed;bottom:28px;right:28px;z-index:100;width:44px;height:44px;background:var(--bk);display:flex;align-items:center;justify-content:center;color:#fff!important;font-family:var(--fen);font-size:.6rem;letter-spacing:.1em;opacity:.55;transition:opacity .2s}
.pg-index #pt a:hover {opacity:1}
@media(max-width:767px) {
.pg-index #pt a {bottom:14px;right:14px}
}
.pg-index .ru {opacity:0;transform:translateY(26px);transition:opacity .62s var(--ez),transform .62s var(--ez)}
.pg-index .ru.on {opacity:1;transform:none}
.pg-index .rl {opacity:0;transform:translateX(-26px);transition:opacity .62s var(--ez),transform .62s var(--ez)}
.pg-index .rl.on {opacity:1;transform:none}
.pg-index .d1 {transition-delay:.1s}
.pg-index .d2 {transition-delay:.2s}
.pg-index .d3 {transition-delay:.3s}
.pg-index .d4 {transition-delay:.4s}
.pg-index .sr {
  opacity:0;
  transform:translateY(40px);
  transition:opacity 1s ease, transform 1s cubic-bezier(.22,1,.36,1);
}
.pg-index .sr.on {opacity:1;transform:translateY(0);}
.pg-index .bizGdCol.sr:nth-child(2) {transition-delay:.18s;}
.pg-index .bizGdCol.sr:nth-child(3) {transition-delay:.36s;}
.pg-index .coTxt.sr {transition-delay:.2s;}
.pg-index h3 {border-bottom:none;font-weight:500}
.pg-index #heroWrap {
  position:relative;
}
.pg-index #vis {
  background-image:url('../../f-visual/photo01.jpg');
  background-size:100% auto;
  background-position:left top;
  background-repeat:no-repeat;
}
@media(max-width:1250px) {
.pg-index #heroWrap {margin-left:0;padding-left:0}
}
.pg-index #bizGuide {
  display:block;
  position:relative;
  background-image:url('../../f-index/photo01.jpg');
  background-size:cover;
  background-position:center;
}
.pg-index #bizGuide::before {
  content:'';
  position:absolute;inset:0;
  background:rgba(0,0,0,0.48);
  z-index:1;pointer-events:none;
}
.pg-index .bizGdHd {
  position:relative;
  height:240px;
  overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  background:transparent;
  z-index:2;
}
.pg-index .bizGdHdBg {display:none}
.pg-index .bizGdHdIn {
  position:relative;z-index:1;text-align:center;
}
.pg-index .bizGdTitle {
  font-family:var(--fen);font-weight:800;font-size:5.5rem;
  color:#fff;letter-spacing:.08em;line-height:1;display:block;
}
.pg-index .bizGdSub {
  display:block;color:rgba(255,255,255,.6);
  font-size:1.3rem;letter-spacing:.12em;margin-top:10px;
}
.pg-index .bizGdGrid {
  display:flex;
  position:relative;z-index:2;
}
.pg-index .bizGdCol {
  flex:1;
  border-right:1px solid #555;
  cursor:pointer;
}
.pg-index .bizGdCol:last-child {border-right:none}
.pg-index .bizGdColHd {
  background:#0d1623;
  padding:20px 24px;
  display:flex;align-items:center;gap:16px;
  transition:background .25s;
}
.pg-index .bizGdCol:hover .bizGdColHd {background:#1a3052}
.pg-index .bizGdNum {
  font-family:var(--fen);font-weight:800;
  font-size:5rem;color:#fff;line-height:1;flex-shrink:0;
}
.pg-index .bizGdVl {
  width:1px;height:44px;background:rgba(255,255,255,.4);flex-shrink:0;
}
.pg-index .bizGdColTx {
  color:#fff;font-size:1.5rem;letter-spacing:.04em;line-height:1.5;
}
.pg-index .bizGdColImg {
  height:280px;overflow:hidden;
}
.pg-index .bizGdColImg img {
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .5s var(--ez);
}
.pg-index .bizGdCol:hover .bizGdColImg img {transform:scale(1.05)}
@media(max-width:767px) {
.pg-index .bizGdHd {height:80px}
.pg-index .bizGdTitle {font-size:3.5rem}
.pg-index .bizGdGrid {flex-direction:row}
.pg-index .bizGdCol {border-right:1px solid #555;border-bottom:none}
.pg-index .bizGdCol:last-child {border-right:none;border-bottom:none}
.pg-index .bizGdColHd {padding:10px 6px;gap:6px}
.pg-index .bizGdNum {font-size:2.2rem}
.pg-index .bizGdVl {display:none}
.pg-index .bizGdColTx {font-size:1.05rem;line-height:1.4}
.pg-index .bizGdColImg {height:110px}
}
.pg-index h3::after {display:none;content:none}
.pg-index #sideNav {
  position:fixed;
  left:0;top:0;
  height:100%;
  width:44px;
  z-index:300;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  pointer-events:none;
}
.pg-index .sideNavInner {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0;
  pointer-events:auto;
}
.pg-index .sideNavInner::before,
.pg-index .sideNavInner::after {
  content:'';
  display:block;
  width:1px;
  height:60px;
  background:linear-gradient(to bottom,transparent,rgba(255,255,255,.25));
  margin:0 auto;
}
.pg-index .sideNavInner::after {
  background:linear-gradient(to top,transparent,rgba(255,255,255,.25));
}
.pg-index .sideNavItem {
  position:relative;
  display:flex;
  align-items:center;
}
.pg-index .sideNavLink {
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  position:relative;
  cursor:pointer;
  transition:opacity .2s;
}
.pg-index .sideNavTxt {
  writing-mode:vertical-rl;
  font-family:'Montserrat',sans-serif;
  font-size:.6rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(255,255,255,.35);
  white-space:nowrap;
  transition:color .3s,opacity .3s;
  line-height:1;
}
.pg-index .sideNavDot {
  position:absolute;
  right:6px;
  top:50%;
  transform:translateY(-50%);
  width:3px;
  height:3px;
  border-radius:50%;
  background:rgba(255,255,255,.2);
  transition:background .3s,transform .3s;
  pointer-events:none;
}
.pg-index .sideNavLink:hover .sideNavTxt {
  color:rgba(255,255,255,.9);
}
.pg-index .sideNavLink:hover .sideNavDot {
  background:var(--ac);
  transform:translateY(-50%) scale(1.5);
}
.pg-index .sideNavLabel {
  position:absolute;
  left:44px;
  top:50%;
  transform:translateY(-50%) translateX(-8px);
  background:rgba(17,17,17,.92);
  color:rgba(255,255,255,.88);
  font-family:'Montserrat',sans-serif;
  font-size:.68rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  padding:6px 14px;
  white-space:nowrap;
  opacity:0;
  pointer-events:none;
  transition:opacity .2s,transform .2s;
  backdrop-filter:blur(4px);
}
.pg-index .sideNavLabel::before {
  content:'';
  position:absolute;
  left:-4px;
  top:50%;
  transform:translateY(-50%);
  width:0;
  height:0;
  border-top:4px solid transparent;
  border-bottom:4px solid transparent;
  border-right:4px solid rgba(17,17,17,.92);
}
.pg-index .sideNavItem:hover .sideNavLabel {
  opacity:1;
  transform:translateY(-50%) translateX(0);
}
.pg-index #sideNav.dark .sideNavTxt {color:rgba(0,0,0,.3)}
.pg-index #sideNav.dark .sideNavLink:hover .sideNavTxt {color:rgba(0,0,0,.85)}
.pg-index #sideNav.dark .sideNavInner::before {background:linear-gradient(to bottom,transparent,rgba(0,0,0,.15))}
.pg-index #sideNav.dark .sideNavInner::after {background:linear-gradient(to top,transparent,rgba(0,0,0,.15))}
.pg-index #sideNav.dark .sideNavDot {background:rgba(0,0,0,.15)}
.pg-index #sideNav.dark .sideNavLink:hover .sideNavDot {background:var(--ac)}
.pg-index #sideNav.dark .sideNavLabel {background:rgba(17,17,17,.88);color:rgba(255,255,255,.88)}
.pg-index .sideNavLink.active .sideNavTxt {color:var(--ac)}
.pg-index .sideNavLink.active .sideNavDot {background:var(--ac);width:5px;height:5px}
@media(max-width:1250px) {
.pg-index #sideNav {display:none}
}
@media(pointer:fine) {
.pg-index * {cursor:none!important}
.pg-index #cursorDot {position:fixed;top:0;left:0;width:3px;height:3px;background:var(--ac);border-radius:0;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);will-change:transform;}
.pg-index #cursorRing {position:fixed;top:0;left:0;width:52px;height:52px;border-radius:0;pointer-events:none;z-index:99998;transform:translate(-50%,-50%);background-color:transparent;background-image:linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85));background-size:1.5px 13px,13px 1.5px,1.5px 13px,13px 1.5px,1.5px 13px,13px 1.5px,1.5px 13px,13px 1.5px;background-position:top left,top left,top right,top right,bottom left,bottom left,bottom right,bottom right;background-repeat:no-repeat;transition:width .2s ease,height .2s ease,opacity .2s;will-change:transform;}
.pg-index #cursorRing::before {content:'';position:absolute;left:50%;top:36%;bottom:36%;width:1px;background:rgba(200,168,75,.55);transform:translateX(-50%);}
.pg-index #cursorRing::after {content:'';position:absolute;top:50%;left:36%;right:36%;height:1px;background:rgba(200,168,75,.55);transform:translateY(-50%);}
.pg-index .cursor-hover #cursorDot {width:4px;height:4px;background:#fff;box-shadow:0 0 6px rgba(255,255,255,.5);}
.pg-index .cursor-hover #cursorRing {width:66px;height:66px;}
.pg-index .cursor-hidden #cursorDot,
.pg-index .cursor-hidden #cursorRing {opacity:0;}
}
.pg-index #loading {
  position:fixed;
  inset:0;
  z-index:9999;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:opacity .7s ease, visibility .7s ease;
}
.pg-index #loading.loaded {
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.pg-index .ldInner {
  text-align:center;
}
.pg-index .ldLogo {
  max-width:200px;
  height:auto;
  display:block;
  margin:0 auto 28px;
  animation:ldFadeUpPgIndex .7s ease both;
}
.pg-index .ldBar {
  width:160px;
  height:1px;
  background:rgba(0,0,0,0.12);
  margin:0 auto;
  overflow:hidden;
  border-radius:1px;
}
.pg-index .ldBarIn {
  display:block;
  height:100%;
  background:#1a3a6e;
  width:0;
  animation:ldSlidePgIndex 1.1s ease .4s both;
}
@keyframes ldFadeUpPgIndex{
  from{opacity:0;transform:translateY(12px);}
  to{opacity:1;transform:translateY(0);}
}
@keyframes ldSlidePgIndex{
  from{width:0;}
  to{width:100%;}
}

/* ================================================================
   company.html （body.pg-company 配下スコープ）
================================================================ */
body.pg-company {font-size:1.6rem;font-family:'Zen Kaku Gothic New',sans-serif;color:#e0e4f0;background:#0a0e17;line-height:1.7;-webkit-text-size-adjust:100%}
.pg-company h1,
.pg-company h2,
.pg-company h3,
.pg-company h4,
.pg-company h5,
.pg-company h6 {font-weight:normal}
.pg-company img {max-width:100%;height:auto;display:block}
.pg-company ul {list-style:none}
.pg-company a,
.pg-company a:visited {text-decoration:none;color:#e0e4f0}
.pg-company div,
.pg-company p,
.pg-company ul,
.pg-company li,
.pg-company h1,
.pg-company h2,
.pg-company h3,
.pg-company h4,
.pg-company h5,
.pg-company h6,
.pg-company header,
.pg-company footer,
.pg-company section {position:relative;box-sizing:border-box}
.pg-company a,
.pg-company span {position:relative}
.pg-company {--bk:#111111;--wh:#ffffff;--off:#131926;--gy:#888;--ac:#c8a84b;--fen:'Montserrat',sans-serif;--fjp:'Zen Kaku Gothic New',sans-serif;--ez:cubic-bezier(.4,0,.2,1);}
.pg-company .fen {font-family:var(--fen)}
@media(min-width:1251px) {
.pg-company a:hover {opacity:.65}
.pg-company a.noHover:hover {opacity:1}
}
.pg-company #container01 {width:100%;max-width:1920px;margin:0 auto;overflow:hidden}
.pg-company .btn {display:inline-block;text-align:center;cursor:pointer;transition:all .2s var(--ez);font-family:var(--fen);letter-spacing:.15em;font-size:.78rem;text-decoration:none!important}
.pg-company .btnMd {height:50px;line-height:50px;padding:0 32px}
.pg-company .btnBk {background:var(--bk);color:#fff!important}
.pg-company .btnWhO {border:1px solid rgba(255,255,255,.6);color:#fff!important;background:transparent}
.pg-company #lNav {position:fixed;top:0;left:0;width:280px;height:100%;background:#0d1320;z-index:500;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.08);}
.pg-company .lNavLogo {padding:26px 22px 22px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;}
.pg-company .lNavLogo a {font-family:var(--fen);font-weight:800;font-size:1.55rem;letter-spacing:.1em;color:#e0e4f0;display:block;}
.pg-company .lNavLogo a:hover {opacity:.7}
.pg-company .lNavList {flex:1;overflow-y:auto;padding:8px 0;scrollbar-width:none;}
.pg-company .lNavList::-webkit-scrollbar {display:none}
.pg-company .lNavItem {display:block}
.pg-company .lNavLink {display:flex;align-items:center;gap:14px;padding:16px 24px;font-family:var(--fjp);font-size:1.5rem;letter-spacing:.04em;color:rgba(255,255,255,.65);text-decoration:none;transition:color .2s,background .2s;border-left:3px solid transparent;}
.pg-company .lNavLink:hover {color:#fff;background:rgba(255,255,255,.07);border-left-color:var(--ac);}
.pg-company .lNavLink.active {color:#fff;border-left-color:var(--ac);background:rgba(200,168,75,.09);font-weight:500;}
.pg-company .lNavIcon {width:22px;height:22px;flex-shrink:0;opacity:.5;}
.pg-company .lNavLink:hover .lNavIcon,
.pg-company .lNavLink.active .lNavIcon {opacity:.9}
.pg-company .lNavSep {height:1px;background:rgba(255,255,255,.08);margin:8px 22px;}
.pg-company .lNavFoot {padding:16px 22px 24px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0;}
.pg-company .lNavLang {display:flex;gap:14px;}
.pg-company .lNavLang a {font-family:var(--fen);font-size:1.3rem;letter-spacing:.1em;font-weight:700;color:rgba(255,255,255,.4);transition:color .2s;}
.pg-company .lNavLang a:hover,
.pg-company .lNavLang a.active {color:#fff}
.pg-company .lNavLang a.active {border-bottom:2px solid #3b82f6;padding-bottom:2px;color:#3b82f6}
.pg-company #spHam {display:none;position:fixed;top:0;left:0;width:100%;height:54px;background:#0d1320;border-bottom:1px solid rgba(255,255,255,.08);z-index:500;align-items:center;justify-content:space-between;padding:0 18px;}
.pg-company .spHamLogo {display:flex;align-items:center;}
.pg-company .spHamBtn {width:36px;height:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;}
.pg-company .spHamBtn span {display:block;width:20px;height:1.5px;background:#e0e0e0;transition:all .3s;}
.pg-company #spDrawer {display:none;position:fixed;top:54px;left:0;width:100%;background:#0d1320;z-index:499;padding:16px 0 24px;border-top:1px solid rgba(255,255,255,.08);}
.pg-company #spDrawer a {display:flex;align-items:center;gap:10px;padding:13px 22px;font-family:var(--fen);font-size:.82rem;letter-spacing:.12em;color:rgba(255,255,255,.65);border-bottom:1px solid rgba(255,255,255,.07);}
.pg-company .spDrawerLang {display:flex;gap:16px;padding:14px 22px;border-top:1px solid rgba(255,255,255,.08);margin-top:4px}
.pg-company #spDrawer .spDrawerLang a {display:inline-block;padding:0;border-bottom:none;font-weight:700;font-size:.85rem;color:rgba(255,255,255,.4)}
.pg-company #spDrawer .spDrawerLang a.active,
.pg-company #spDrawer .spDrawerLang a:hover {color:#fff}
@media(min-width:1251px) {
.pg-company #container01 {padding-left:280px}
.pg-company #sideNav {display:none!important}
}
@media(max-width:1250px) {
.pg-company #lNav {display:none}
.pg-company #spHam {display:flex}
.pg-company #container01 {padding-left:0;padding-top:54px}
}
.pg-company #loading {position:fixed;inset:0;z-index:9999;background:#0a0e17;display:flex;align-items:center;justify-content:center;transition:opacity .7s ease,visibility .7s ease;}
.pg-company #loading.loaded {opacity:0;visibility:hidden;pointer-events:none;}
.pg-company .ldInner {text-align:center;}
.pg-company .ldLogo {max-width:200px;height:auto;display:block;margin:0 auto 28px;animation:ldFadeUpPgCompany .7s ease both;}
.pg-company .ldBar {width:160px;height:1px;background:rgba(0,0,0,.12);margin:0 auto;overflow:hidden;}
.pg-company .ldBarIn {display:block;height:100%;background:#1a3a6e;width:0;animation:ldSlidePgCompany 1.1s ease .4s both;}
@keyframes ldFadeUpPgCompany{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}
@keyframes ldSlidePgCompany{from{width:0;}to{width:100%;}}
@media(pointer:fine) {
.pg-company * {cursor:none!important}
.pg-company #cursorDot {position:fixed;top:0;left:0;width:3px;height:3px;background:var(--ac);border-radius:0;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);will-change:transform;}
.pg-company #cursorRing {position:fixed;top:0;left:0;width:52px;height:52px;border-radius:0;pointer-events:none;z-index:99998;transform:translate(-50%,-50%);background-color:transparent;background-image:linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85));background-size:1.5px 13px,13px 1.5px,1.5px 13px,13px 1.5px,1.5px 13px,13px 1.5px,1.5px 13px,13px 1.5px;background-position:top left,top left,top right,top right,bottom left,bottom left,bottom right,bottom right;background-repeat:no-repeat;transition:width .2s ease,height .2s ease,opacity .2s;will-change:transform;}
.pg-company #cursorRing::before {content:'';position:absolute;left:50%;top:36%;bottom:36%;width:1px;background:rgba(200,168,75,.55);transform:translateX(-50%);}
.pg-company #cursorRing::after {content:'';position:absolute;top:50%;left:36%;right:36%;height:1px;background:rgba(200,168,75,.55);transform:translateY(-50%);}
.pg-company .cursor-hover #cursorDot {width:4px;height:4px;background:#fff;box-shadow:0 0 6px rgba(255,255,255,.5);}
.pg-company .cursor-hover #cursorRing {width:66px;height:66px;}
.pg-company .cursor-hidden #cursorDot,
.pg-company .cursor-hidden #cursorRing {opacity:0;}
}
.pg-company .sr {opacity:0;transform:translateY(40px);transition:opacity 1s ease,transform 1s cubic-bezier(.22,1,.36,1);}
.pg-company .sr.on {opacity:1;transform:translateY(0);}
.pg-company .d1 {transition-delay:.1s}
.pg-company .d2 {transition-delay:.2s}
.pg-company .d3 {transition-delay:.3s}
.pg-company .pgHero {position:relative;height:60vh;min-height:400px;display:flex;align-items:flex-end;overflow:hidden;}
.pg-company .pgHeroBg {position:absolute;inset:0;background-size:cover;background-position:center;z-index:0;}
.pg-company .pgHeroOv {position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.35) 100%);z-index:1;}
.pg-company .pgHeroCon {position:relative;z-index:2;padding:0 60px 60px;width:100%;}
.pg-company .pgHeroEn {font-family:var(--fen);font-size:.72rem;letter-spacing:.3em;color:rgba(255,255,255,.55);text-transform:uppercase;display:block;margin-bottom:14px;animation:ldFadeUpPgCompany .8s ease .3s both;}
.pg-company .pgHeroH1 {font-family:var(--fjp);font-weight:300;font-size:clamp(2.8rem,4.5vw,5rem);color:#fff;letter-spacing:.06em;line-height:1.2;animation:ldFadeUpPgCompany .9s ease .5s both;}
.pg-company .pgHeroLine {width:40px;height:2px;background:var(--ac);margin-top:22px;animation:ldFadeUpPgCompany .8s ease .7s both;}
.pg-company .pgHeroSince {display:block;font-family:var(--fen);font-size:.68rem;letter-spacing:.2em;color:rgba(255,255,255,.45);margin-top:12px;animation:ldFadeUpPgCompany .8s ease .9s both;}
@media(max-width:767px) {
.pg-company .pgHeroCon {padding:0 20px 40px;}
}
.pg-company .pgBread {background:#0a0e17;padding:14px 60px;font-size:1.2rem;color:rgba(255,255,255,.4);font-family:var(--fen);letter-spacing:.06em;}
.pg-company .pgBread a {color:rgba(255,255,255,.4);border-bottom:1px solid rgba(255,255,255,.12);}
@media(max-width:767px) {
.pg-company .pgBread {padding:12px 20px;}
}
.pg-company #missionSec {
  background:var(--bk);
  padding:100px 60px;
  text-align:center;
  overflow:hidden;
}
.pg-company .missionWm {
  position:absolute;
  font-family:var(--fen);font-weight:800;
  color:rgba(255,255,255,.03);
  font-size:clamp(8rem,18vw,20rem);
  line-height:1;top:50%;left:50%;
  transform:translate(-50%,-50%);
  white-space:nowrap;pointer-events:none;
  letter-spacing:.04em;
}
.pg-company .missionEn {
  font-family:var(--fen);font-weight:200;
  color:rgba(255,255,255,.35);
  font-size:.72rem;letter-spacing:.38em;
  line-height:1;
  position:relative;z-index:1;
  display:block;text-transform:uppercase;
  margin-bottom:22px;
}
.pg-company .missionTagline {
  display:block;
  font-family:'Orbitron',sans-serif;font-weight:900;
  color:#fff;
  font-size:clamp(2.8rem,6vw,7rem);
  letter-spacing:.06em;line-height:1.1;
  position:relative;z-index:1;
  margin-bottom:52px;
}
.pg-company .missionBody {
  max-width:680px;margin:0 auto;
  position:relative;z-index:1;
  text-align:left;
}
.pg-company .missionBody p {
  font-size:1.4rem;line-height:2.1;
  color:rgba(255,255,255,.55);
  letter-spacing:.04em;
}
.pg-company .missionSection {
  margin-top:52px;
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:40px;
}
.pg-company .missionSection .msSub {
  font-family:var(--fen);font-size:.65rem;letter-spacing:.28em;
  color:var(--ac);text-transform:uppercase;
  display:block;margin-bottom:18px;
}
.pg-company .msSig {
  margin-top:40px;text-align:right;
  font-family:var(--fjp);font-size:1.35rem;
  color:rgba(255,255,255,.45);letter-spacing:.06em;
  position:relative;z-index:1;
}
.pg-company .msSig span {color:rgba(255,255,255,.75);}
.pg-company .missionDiv {
  width:80px;height:1px;background:rgba(255,255,255,.15);
  margin:40px auto;position:relative;z-index:1;
}
.pg-company #overviewSec {background:#0f1520;padding:100px 60px;}
.pg-company .ovWrap {max-width:900px;margin:0 auto;}
.pg-company .ovTable {width:100%;border-collapse:collapse;}
.pg-company .ovTable tr {border-bottom:1px solid rgba(255,255,255,.08);}
.pg-company .ovTable th {
  width:28%;padding:20px 24px 20px 0;
  font-family:var(--fen);font-size:1.15rem;letter-spacing:.1em;
  color:var(--gy);font-weight:500;vertical-align:top;white-space:nowrap;
}
.pg-company .ovTable td {
  padding:20px 0;
  color:#e0e4f0;font-size:1.4rem;line-height:1.8;vertical-align:top;
}
.pg-company .ovTable tr:last-child {border-bottom:none}
.pg-company .ovAccent {
  display:inline-block;
  width:3px;height:1.2em;background:var(--ac);
  vertical-align:middle;margin-right:12px;
  border-radius:1px;
}
@media(max-width:767px) {
.pg-company #overviewSec {padding:60px 20px;}
.pg-company .ovTable th {font-size:1rem;padding-right:16px;width:35%;}
.pg-company .ovTable td {font-size:1.3rem;}
}
.pg-company #timelineSec {background:var(--off);padding:100px 60px;}
.pg-company .tlWrap {max-width:860px;margin:0 auto;}
.pg-company .tlTitle {font-family:var(--fen);font-weight:300;font-size:clamp(2rem,3.5vw,3.5rem);letter-spacing:.08em;color:#e0e4f0;margin-bottom:60px;}
.pg-company .tlList {position:relative;padding-left:0;}
.pg-company .tlList::before {
  content:'';position:absolute;
  left:96px;top:8px;bottom:8px;
  width:1px;background:linear-gradient(to bottom,var(--ac),rgba(200,168,75,.2));
}
.pg-company .tlItem {display:flex;align-items:flex-start;gap:0;margin-bottom:0;padding:28px 0;}
.pg-company .tlItem:last-child {padding-bottom:0;}
.pg-company .tlYear {
  font-family:var(--fen);font-weight:700;
  font-size:1.3rem;color:var(--ac);
  letter-spacing:.04em;width:96px;flex-shrink:0;
  padding-top:2px;
}
.pg-company .tlDot {
  width:10px;height:10px;border-radius:50%;
  background:var(--ac);
  flex-shrink:0;margin-top:5px;margin-right:28px;
  position:relative;z-index:1;
  box-shadow:0 0 0 4px rgba(200,168,75,.15);
}
.pg-company .tlBody {flex:1;}
.pg-company .tlH {font-size:1.5rem;font-weight:500;color:#e0e4f0;margin-bottom:6px;letter-spacing:.02em;}
.pg-company .tlP {font-size:1.3rem;line-height:1.85;color:rgba(255,255,255,.55);}
@media(max-width:767px) {
.pg-company #timelineSec {padding:60px 20px;}
.pg-company .tlList::before {left:70px;}
.pg-company .tlYear {width:70px;font-size:1.1rem;}
.pg-company .tlDot {margin-right:16px;}
}
.pg-company #philoSec {background:var(--bk);padding:100px 60px;}
.pg-company .philoWrap {max-width:1100px;margin:0 auto;}
.pg-company .philoGrid {display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:60px;}
.pg-company .philoCard {background:#181818;padding:52px 40px;text-align:center;transition:background .3s;}
.pg-company .philoCard:hover {background:#1f1f1f;}
.pg-company .philoEn {
  font-family:var(--fen);font-size:.68rem;letter-spacing:.28em;
  color:var(--ac);text-transform:uppercase;display:block;margin-bottom:16px;
}
.pg-company .philoKana {
  font-family:var(--fjp);font-size:1.9rem;font-weight:500;
  color:#fff;letter-spacing:.06em;margin-bottom:24px;
  display:block;
}
.pg-company .philoNum {
  font-family:var(--fen);font-weight:800;
  font-size:7rem;color:rgba(255,255,255,.04);
  line-height:1;position:absolute;
  top:24px;right:24px;pointer-events:none;
}
.pg-company .philoText {font-size:1.35rem;line-height:1.9;color:rgba(255,255,255,.55);letter-spacing:.03em;}
@media(max-width:767px) {
.pg-company #philoSec {padding:60px 20px;}
.pg-company .philoGrid {grid-template-columns:1fr;}
.pg-company .philoCard {padding:36px 24px;}
}
.pg-company #accessSec {background:#0a0e17;padding:100px 60px;}
.pg-company .accessWrap {max-width:900px;margin:0 auto;display:flex;align-items:flex-start;gap:60px;flex-wrap:wrap;}
.pg-company .accessInfo {flex:1;min-width:260px;}
.pg-company .accessMapBox {
  flex:1;min-width:260px;
  background:var(--off);
  border:1px solid rgba(255,255,255,.1);
  padding:40px 32px;
  font-family:var(--fen);
}
.pg-company .accessMapHead {
  font-size:.65rem;letter-spacing:.28em;color:var(--gy);text-transform:uppercase;margin-bottom:20px;display:block;
}
.pg-company .accessPin {
  font-size:2.8rem;font-weight:800;color:#e0e4f0;letter-spacing:.02em;line-height:1.1;margin-bottom:16px;
}
.pg-company .accessPin span {font-size:1.4rem;font-weight:300;color:var(--gy);display:block;margin-top:6px;letter-spacing:.06em;}
.pg-company .accessLine {width:36px;height:1px;background:var(--ac);margin:20px 0;}
.pg-company .accessDetail {font-size:1.3rem;line-height:2;color:rgba(255,255,255,.55);}
.pg-company .accessDetail a {color:var(--ac);border-bottom:1px solid rgba(200,168,75,.3);}
@media(max-width:767px) {
.pg-company #accessSec {padding:60px 20px;}
.pg-company .accessWrap {flex-direction:column;gap:32px;}
}
.pg-company #mapSec {background:var(--off);padding:0;}
.pg-company .mapLabel {padding:48px 60px 24px;display:flex;align-items:center;gap:18px;}
.pg-company .mapLabel span {font-family:var(--fen);font-size:.68rem;letter-spacing:.28em;color:var(--gy);text-transform:uppercase;}
.pg-company .mapLabel::after {content:'';display:block;flex:1;height:1px;background:rgba(255,255,255,.1);}
.pg-company .mapFrame {width:100%;height:480px;display:block;filter:grayscale(15%);}
.pg-company .mapFrame iframe {width:100%;height:100%;border:0;display:block;}
@media(max-width:767px) {
.pg-company .mapLabel {padding:36px 20px 16px;}
.pg-company .mapFrame {height:320px;}
}
.pg-company #ctaSec {background:var(--off);padding:80px 60px;text-align:center;}
@media(max-width:767px) {
.pg-company #ctaSec {padding:60px 20px;}
}
.pg-company #ft {position:relative;padding:70px 0 0;background-image:url('../../f-all/footer_photo.jpg');background-size:cover;background-position:center;}
.pg-company #ft::before {content:'';position:absolute;inset:0;background:rgba(0,0,0,0.72);z-index:0;pointer-events:none;}
.pg-company #ft .ftTop,
.pg-company #ft .ftBtm {position:relative;z-index:1;}
.pg-company .ftTop {display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:40px;padding:0 60px}
.pg-company .ftTag {font-size:1.2rem;color:rgba(255,255,255,.85);letter-spacing:.04em;margin-top:14px;line-height:2}
.pg-company .ftNvW {display:flex;gap:60px;flex-wrap:wrap}
.pg-company .ftNvCol .ftNvT {font-family:var(--fen);font-size:1rem;letter-spacing:.18em;color:#fff;text-transform:uppercase;margin-bottom:16px;display:block;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:10px}
.pg-company .ftNvCol ul li {margin-bottom:13px}
.pg-company .ftNvCol ul li a {font-size:1.2rem;color:rgba(255,255,255,.85);letter-spacing:.04em;transition:color .2s}
.pg-company .ftNvCol ul li a:hover {color:#fff}
.pg-company .ftBtm {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;border-top:1px solid rgba(255,255,255,.2);margin-top:60px;padding:20px 60px}
.pg-company .ftCp {font-family:var(--fen);font-size:1rem;letter-spacing:.05em;color:rgba(255,255,255,.65)}
@media(max-width:767px) {
.pg-company .ftTop {padding:0 20px}
.pg-company .ftNvW {gap:28px}
.pg-company .ftBtm {padding:20px;flex-direction:column;align-items:flex-start}
}
.pg-company #pt a {position:fixed;bottom:28px;right:28px;z-index:100;width:44px;height:44px;background:var(--bk);display:flex;align-items:center;justify-content:center;color:#fff!important;font-family:var(--fen);font-size:.6rem;letter-spacing:.1em;opacity:.55;transition:opacity .2s}
.pg-company #pt a:hover {opacity:1}
.pg-company h3 {border-bottom:none;font-weight:500}
.pg-company h3::after {display:none;content:none}
.pg-company .slabel {display:block;font-family:var(--fen);text-transform:uppercase;font-size:.7rem;letter-spacing:.28em;color:var(--gy)}
.pg-company .slabelWh {color:rgba(255,255,255,.4);}
.pg-company .sline {display:block;width:36px;height:1px;background:var(--ac);margin:18px 0}
.pg-company .stitle {font-weight:300;letter-spacing:.06em;line-height:1.3;font-size:clamp(1.9rem,3.5vw,2.8rem);}
.pg-company .stitleWh {color:#fff;}

/* ================================================================
   contact.html （body.pg-contact 配下スコープ）
================================================================ */
body.pg-contact {font-size:1.6rem;font-family:'Zen Kaku Gothic New',sans-serif;color:#e0e4f0;background:#0a0e17;line-height:1.7;-webkit-text-size-adjust:100%}
.pg-contact h1,
.pg-contact h2,
.pg-contact h3,
.pg-contact h4,
.pg-contact h5,
.pg-contact h6 {font-weight:normal}
.pg-contact img {max-width:100%;height:auto;display:block}
.pg-contact ul {list-style:none}
.pg-contact a,
.pg-contact a:visited {text-decoration:none;color:#e0e4f0}
.pg-contact div,
.pg-contact p,
.pg-contact ul,
.pg-contact li,
.pg-contact h1,
.pg-contact h2,
.pg-contact h3,
.pg-contact h4,
.pg-contact h5,
.pg-contact h6,
.pg-contact header,
.pg-contact footer,
.pg-contact section {position:relative;box-sizing:border-box}
.pg-contact a,
.pg-contact span {position:relative}
.pg-contact {--bk:#111111;--wh:#ffffff;--off:#131926;--gy:#888;--ac:#c8a84b;--nav:#0a1628;--fen:'Montserrat',sans-serif;--fjp:'Zen Kaku Gothic New',sans-serif;--ez:cubic-bezier(.4,0,.2,1);}
@media(min-width:1251px) {
.pg-contact a:hover {opacity:.65}
.pg-contact a.noHover:hover {opacity:1}
}
.pg-contact #container01 {width:100%;max-width:1920px;margin:0 auto;overflow:hidden}
.pg-contact #lNav {position:fixed;top:0;left:0;width:280px;height:100%;background:#0d1320;z-index:500;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.08);}
.pg-contact .lNavLogo {padding:26px 22px 22px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;}
.pg-contact .lNavLogo a {font-family:var(--fen);font-weight:800;font-size:1.55rem;letter-spacing:.1em;color:#e0e4f0;display:block;}
.pg-contact .lNavList {flex:1;overflow-y:auto;padding:8px 0;scrollbar-width:none;}
.pg-contact .lNavList::-webkit-scrollbar {display:none}
.pg-contact .lNavItem {display:block}
.pg-contact .lNavLink {display:flex;align-items:center;gap:14px;padding:16px 24px;font-family:var(--fjp);font-size:1.5rem;letter-spacing:.04em;color:rgba(255,255,255,.65);text-decoration:none;transition:color .2s,background .2s;border-left:3px solid transparent;}
.pg-contact .lNavLink:hover {color:#fff;background:rgba(255,255,255,.07);border-left-color:var(--ac);}
.pg-contact .lNavLink.active {color:#fff;border-left-color:var(--ac);background:rgba(200,168,75,.09);font-weight:500;}
.pg-contact .lNavIcon {width:22px;height:22px;flex-shrink:0;opacity:.5;}
.pg-contact .lNavLink:hover .lNavIcon,
.pg-contact .lNavLink.active .lNavIcon {opacity:.9}
.pg-contact .lNavSep {height:1px;background:rgba(255,255,255,.08);margin:8px 22px;}
.pg-contact .lNavFoot {padding:16px 22px 24px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0;}
.pg-contact .lNavLang {display:flex;gap:14px;}
.pg-contact .lNavLang a {font-family:var(--fen);font-size:1.3rem;letter-spacing:.1em;font-weight:700;color:rgba(255,255,255,.4);transition:color .2s;}
.pg-contact .lNavLang a.active {border-bottom:2px solid #3b82f6;padding-bottom:2px;color:#3b82f6}
.pg-contact #spHam {display:none;position:fixed;top:0;left:0;width:100%;height:54px;background:#0d1320;border-bottom:1px solid rgba(255,255,255,.08);z-index:500;align-items:center;justify-content:space-between;padding:0 18px;}
.pg-contact .spHamLogo {display:flex;align-items:center;}
.pg-contact .spHamBtn {width:36px;height:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;}
.pg-contact .spHamBtn span {display:block;width:20px;height:1.5px;background:#e0e0e0;transition:all .3s;}
.pg-contact #spDrawer {display:none;position:fixed;top:54px;left:0;width:100%;background:#0d1320;z-index:499;padding:16px 0 24px;border-top:1px solid rgba(255,255,255,.08);}
.pg-contact #spDrawer a {display:flex;align-items:center;gap:10px;padding:13px 22px;font-family:var(--fen);font-size:.82rem;letter-spacing:.12em;color:rgba(255,255,255,.65);border-bottom:1px solid rgba(255,255,255,.07);}
.pg-contact .spDrawerLang {display:flex;gap:16px;padding:14px 22px;border-top:1px solid rgba(255,255,255,.08);margin-top:4px}
.pg-contact #spDrawer .spDrawerLang a {display:inline-block;padding:0;border-bottom:none;font-weight:700;font-size:.85rem;color:rgba(255,255,255,.4)}
.pg-contact #spDrawer .spDrawerLang a.active,
.pg-contact #spDrawer .spDrawerLang a:hover {color:#fff}
@media(min-width:1251px) {
.pg-contact #container01 {padding-left:280px}
}
@media(max-width:1250px) {
.pg-contact #lNav {display:none}
.pg-contact #spHam {display:flex}
.pg-contact #container01 {padding-left:0;padding-top:54px}
}
.pg-contact #loading {position:fixed;inset:0;z-index:9999;background:#0a0e17;display:flex;align-items:center;justify-content:center;transition:opacity .7s ease,visibility .7s ease;}
.pg-contact #loading.loaded {opacity:0;visibility:hidden;pointer-events:none;}
.pg-contact .ldInner {text-align:center;}
.pg-contact .ldLogo {max-width:200px;height:auto;display:block;margin:0 auto 28px;animation:ldFadeUpPgContact .7s ease both;}
.pg-contact .ldBar {width:160px;height:1px;background:rgba(255,255,255,.12);margin:0 auto;overflow:hidden;}
.pg-contact .ldBarIn {display:block;height:100%;background:#1a3a6e;width:0;animation:ldSlidePgContact 1.1s ease .4s both;}
@keyframes ldFadeUpPgContact{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}
@keyframes ldSlidePgContact{from{width:0;}to{width:100%;}}
@media(pointer:fine) {
.pg-contact * {cursor:none!important}
.pg-contact #cursorDot {position:fixed;top:0;left:0;width:3px;height:3px;background:var(--ac);border-radius:0;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);will-change:transform;}
.pg-contact #cursorRing {position:fixed;top:0;left:0;width:52px;height:52px;border-radius:0;pointer-events:none;z-index:99998;transform:translate(-50%,-50%);background-color:transparent;background-image:linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85));background-size:1.5px 13px,13px 1.5px,1.5px 13px,13px 1.5px,1.5px 13px,13px 1.5px,1.5px 13px,13px 1.5px;background-position:top left,top left,top right,top right,bottom left,bottom left,bottom right,bottom right;background-repeat:no-repeat;transition:width .2s ease,height .2s ease,opacity .2s;will-change:transform;}
.pg-contact #cursorRing::before {content:'';position:absolute;left:50%;top:36%;bottom:36%;width:1px;background:rgba(200,168,75,.55);transform:translateX(-50%);}
.pg-contact #cursorRing::after {content:'';position:absolute;top:50%;left:36%;right:36%;height:1px;background:rgba(200,168,75,.55);transform:translateY(-50%);}
.pg-contact .cursor-hover #cursorDot {width:4px;height:4px;background:#fff;box-shadow:0 0 6px rgba(255,255,255,.5);}
.pg-contact .cursor-hover #cursorRing {width:66px;height:66px;}
.pg-contact .cursor-hidden #cursorDot,
.pg-contact .cursor-hidden #cursorRing {opacity:0;}
}
.pg-contact .sr {opacity:0;transform:translateY(40px);transition:opacity 1s ease,transform 1s cubic-bezier(.22,1,.36,1);}
.pg-contact .sr.on {opacity:1;transform:translateY(0);}
.pg-contact h3 {border-bottom:none;font-weight:500}
.pg-contact h3::after {display:none;content:none}
.pg-contact #ctHero {position:relative;height:50vh;min-height:320px;display:flex;align-items:flex-end;overflow:hidden;background:linear-gradient(135deg,#0a1628 0%,#1a3a6e 60%,#0d2244 100%);}
.pg-contact .ctParticle {position:absolute;border-radius:50%;background:rgba(200,168,75,.18);animation:ctFloatPgContact linear infinite;pointer-events:none;}
@keyframes ctFloatPgContact{0%{transform:translateY(100%) scale(0);opacity:0;}10%{opacity:1;}90%{opacity:.6;}100%{transform:translateY(-120vh) scale(1.2);opacity:0;}}
.pg-contact .ctHeroCon {position:relative;z-index:2;padding:0 60px 60px;width:100%;}
.pg-contact .ctHeroEn {font-family:var(--fen);font-size:.72rem;letter-spacing:.3em;color:rgba(255,255,255,.5);text-transform:uppercase;display:block;margin-bottom:14px;animation:ldFadeUpPgContact .8s ease .3s both;}
.pg-contact .ctHeroH1 {font-family:var(--fjp);font-weight:300;font-size:clamp(2.8rem,4.5vw,5rem);color:#fff;letter-spacing:.06em;line-height:1.2;animation:ldFadeUpPgContact .9s ease .5s both;}
.pg-contact .ctHeroLine {width:40px;height:2px;background:var(--ac);margin-top:22px;animation:ldFadeUpPgContact .8s ease .7s both;}
@media(max-width:767px) {
.pg-contact .ctHeroCon {padding:0 20px 40px;}
}
.pg-contact .pgBread {background:#0a0e17;padding:14px 60px;font-size:1.2rem;color:rgba(255,255,255,.4);font-family:var(--fen);letter-spacing:.06em;}
.pg-contact .pgBread a {color:rgba(255,255,255,.4);border-bottom:1px solid rgba(255,255,255,.12);}
@media(max-width:767px) {
.pg-contact .pgBread {padding:12px 20px;}
}
.pg-contact #ctIntro {background:#0a0e17;padding:60px 60px 40px;text-align:center;}
.pg-contact .ctIntroTxt {max-width:680px;margin:0 auto;font-size:1.45rem;line-height:2;color:rgba(255,255,255,.55);}
@media(max-width:767px) {
.pg-contact #ctIntro {padding:40px 20px 28px;}
}
.pg-contact #ctMain {display:flex;align-items:stretch;min-height:640px;}
.pg-contact .ctInfoPanel {width:380px;flex-shrink:0;background:var(--nav);padding:64px 52px;display:flex;flex-direction:column;justify-content:space-between;}
.pg-contact .ctInfoLabel {font-family:var(--fen);font-size:.65rem;letter-spacing:.3em;color:rgba(255,255,255,.35);text-transform:uppercase;display:block;margin-bottom:32px;}
.pg-contact .ctInfoItem {margin-bottom:32px;}
.pg-contact .ctInfoItemLabel {font-family:var(--fen);font-size:.62rem;letter-spacing:.2em;color:var(--ac);text-transform:uppercase;display:block;margin-bottom:6px;}
.pg-contact .ctInfoItemVal {font-size:1.35rem;color:rgba(255,255,255,.85);line-height:1.8;}
.pg-contact .ctInfoItemVal a {color:rgba(255,255,255,.85);}
.pg-contact .ctTel {font-family:var(--fen);font-weight:700;font-size:2rem;color:#fff;letter-spacing:.06em;display:block;}
.pg-contact .ctInfoDiv {width:36px;height:1px;background:rgba(255,255,255,.12);margin:32px 0;}
.pg-contact .ctSocial {display:flex;gap:14px;align-items:center;}
.pg-contact .ctSocialLink {display:flex;align-items:center;gap:8px;font-family:var(--fen);font-size:.65rem;letter-spacing:.1em;color:rgba(255,255,255,.45);transition:color .2s;text-transform:uppercase;}
.pg-contact .ctSocialLink:hover {color:rgba(255,255,255,.85);}
.pg-contact .ctSocialLink svg {width:16px;height:16px;fill:currentColor;}
.pg-contact .ctFormPanel {flex:1;background:#0f1520;padding:64px 60px;}
.pg-contact .fGroup {position:relative;margin-bottom:32px;}
.pg-contact .fInput {width:100%;border:none;border-bottom:2px solid rgba(255,255,255,.15);padding:22px 0 10px;font-size:1.5rem;outline:none;background:transparent;font-family:var(--fjp);transition:border-color .25s;color:#e0e4f0;}
.pg-contact .fInput:focus {border-bottom-color:var(--ac);}
.pg-contact .fLabel {position:absolute;top:20px;left:0;font-size:1.4rem;color:rgba(255,255,255,.3);transition:all .22s;pointer-events:none;font-family:var(--fjp);}
.pg-contact .fInput:focus~.fLabel,
.pg-contact .fInput:not(:placeholder-shown)~.fLabel {top:2px;font-size:1.1rem;color:var(--ac);}
.pg-contact select.fInput {color:#e0e4f0;padding-top:22px;padding-bottom:8px;-webkit-appearance:none;appearance:none;background:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3e%3cpath d='M0 0l6 8 6-8z' fill='%23888'/%3e%3c/svg%3e") no-repeat right 4px center/10px;}
.pg-contact select.fInput option {color:#e0e4f0;background-color:#141b2b;}
.pg-contact textarea.fInput {resize:vertical;min-height:120px;padding-top:22px;}
.pg-contact .fReq {color:var(--ac);margin-left:3px;font-size:1.1rem;}
.pg-contact .fCheck {display:flex;align-items:flex-start;gap:12px;margin-bottom:32px;}
.pg-contact .fCheck input[type="checkbox"] {width:18px;height:18px;margin-top:2px;flex-shrink:0;accent-color:var(--ac);cursor:pointer;}
.pg-contact .fCheck label {font-size:1.35rem;color:rgba(255,255,255,.55);line-height:1.7;}
.pg-contact .fCheck label a {color:var(--ac);border-bottom:1px solid rgba(200,168,75,.3);}
.pg-contact .fSubmit {width:100%;height:54px;background:var(--ac);color:var(--nav);font-family:var(--fen);font-size:.82rem;letter-spacing:.2em;text-transform:uppercase;border:none;cursor:pointer;transition:background .25s,opacity .2s;position:relative;overflow:hidden;}
.pg-contact .fSubmit::before {content:'';position:absolute;inset:0;background:rgba(255,255,255,.1);transform:translateX(-100%);transition:transform .35s var(--ez);}
.pg-contact .fSubmit:hover::before {transform:translateX(0);}
.pg-contact .fNote {font-size:1.2rem;color:rgba(255,255,255,.35);margin-top:16px;line-height:1.7;}
@media(max-width:1250px) {
.pg-contact #ctMain {flex-direction:column;}
.pg-contact .ctInfoPanel {width:100%;padding:44px 44px;}
.pg-contact .ctFormPanel {padding:44px 44px;}
}
@media(max-width:767px) {
.pg-contact .ctInfoPanel {padding:36px 20px;}
.pg-contact .ctFormPanel {padding:36px 20px;}
}
.pg-contact #ft {position:relative;padding:70px 0 0;background-image:url('../../f-all/footer_photo.jpg');background-size:cover;background-position:center;}
.pg-contact #ft::before {content:'';position:absolute;inset:0;background:rgba(0,0,0,0.72);z-index:0;pointer-events:none;}
.pg-contact #ft .ftTop,
.pg-contact #ft .ftBtm {position:relative;z-index:1;}
.pg-contact .ftTop {display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:40px;padding:0 60px}
.pg-contact .ftTag {font-size:1.2rem;color:rgba(255,255,255,.85);letter-spacing:.04em;margin-top:14px;line-height:2}
.pg-contact .ftNvW {display:flex;gap:60px;flex-wrap:wrap}
.pg-contact .ftNvCol .ftNvT {font-family:var(--fen);font-size:1rem;letter-spacing:.18em;color:#fff;text-transform:uppercase;margin-bottom:16px;display:block;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:10px}
.pg-contact .ftNvCol ul li {margin-bottom:13px}
.pg-contact .ftNvCol ul li a {font-size:1.2rem;color:rgba(255,255,255,.85);letter-spacing:.04em;transition:color .2s}
.pg-contact .ftNvCol ul li a:hover {color:#fff}
.pg-contact .ftBtm {display:flex;align-items:center;justify-content:center;gap:10px;border-top:1px solid rgba(255,255,255,.2);margin-top:60px;padding:20px 60px}
.pg-contact .ftCp {font-family:var(--fen);font-size:1rem;letter-spacing:.05em;color:rgba(255,255,255,.65)}
@media(max-width:767px) {
.pg-contact .ftTop {padding:0 20px}
.pg-contact .ftNvW {gap:28px}
.pg-contact .ftBtm {padding:20px;flex-direction:column;align-items:flex-start}
}
.pg-contact #pt a {position:fixed;bottom:28px;right:28px;z-index:100;width:44px;height:44px;background:var(--bk);display:flex;align-items:center;justify-content:center;color:#fff!important;font-family:var(--fen);font-size:.6rem;letter-spacing:.1em;opacity:.55;transition:opacity .2s}

/* ================================================================
   optical.html （body.pg-optical 配下スコープ）
================================================================ */
body.pg-optical {font-size:1.6rem;font-family:'Zen Kaku Gothic New',sans-serif;color:#e0e4f0;background:#0a0e17;line-height:1.7;-webkit-text-size-adjust:100%}
.pg-optical h1,
.pg-optical h2,
.pg-optical h3,
.pg-optical h4,
.pg-optical h5,
.pg-optical h6 {font-weight:normal}
.pg-optical img {max-width:100%;height:auto;display:block}
.pg-optical ul {list-style:none}
.pg-optical a,
.pg-optical a:visited {text-decoration:none;color:#e0e4f0}
.pg-optical div,
.pg-optical p,
.pg-optical ul,
.pg-optical li,
.pg-optical h1,
.pg-optical h2,
.pg-optical h3,
.pg-optical h4,
.pg-optical h5,
.pg-optical h6,
.pg-optical header,
.pg-optical footer,
.pg-optical section {position:relative;box-sizing:border-box}
.pg-optical a,
.pg-optical span {position:relative}
.pg-optical {--bk:#111111;--wh:#ffffff;--off:#131926;--gy:#888;--ac:#c8a84b;--nav:#0a1628;--fen:'Montserrat',sans-serif;--fjp:'Zen Kaku Gothic New',sans-serif;--ez:cubic-bezier(.4,0,.2,1);}
@media(min-width:1251px) {
.pg-optical a:hover {opacity:.65}
.pg-optical a.noHover:hover {opacity:1}
}
.pg-optical #container01 {width:100%;max-width:1920px;margin:0 auto;overflow:hidden}
.pg-optical #loading {position:fixed;inset:0;z-index:9999;background:#0a0e17;display:flex;align-items:center;justify-content:center;transition:opacity .7s ease,visibility .7s ease;}
.pg-optical #loading.loaded {opacity:0;visibility:hidden;pointer-events:none;}
.pg-optical .ldInner {text-align:center;}
.pg-optical .ldLogo {max-width:200px;height:auto;display:block;margin:0 auto 28px;animation:ldFadeUpPgOptical .7s ease both;}
.pg-optical .ldBar {width:160px;height:1px;background:rgba(0,0,0,.12);margin:0 auto;overflow:hidden;}
.pg-optical .ldBarIn {display:block;height:100%;background:#1a3a6e;width:0;animation:ldSlidePgOptical 1.1s ease .4s both;}
@keyframes ldFadeUpPgOptical{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}
@keyframes ldSlidePgOptical{from{width:0;}to{width:100%;}}
@media(pointer:fine) {
.pg-optical * {cursor:none!important}
.pg-optical #cursorDot {position:fixed;top:0;left:0;width:3px;height:3px;background:var(--ac);border-radius:0;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);will-change:transform;}
.pg-optical #cursorRing {position:fixed;top:0;left:0;width:52px;height:52px;border-radius:0;pointer-events:none;z-index:99998;transform:translate(-50%,-50%);background-color:transparent;background-image:linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85));background-size:1.5px 13px,13px 1.5px,1.5px 13px,13px 1.5px,1.5px 13px,13px 1.5px,1.5px 13px,13px 1.5px;background-position:top left,top left,top right,top right,bottom left,bottom left,bottom right,bottom right;background-repeat:no-repeat;transition:width .2s ease,height .2s ease,opacity .2s;will-change:transform;}
.pg-optical #cursorRing::before {content:'';position:absolute;left:50%;top:36%;bottom:36%;width:1px;background:rgba(200,168,75,.55);transform:translateX(-50%);}
.pg-optical #cursorRing::after {content:'';position:absolute;top:50%;left:36%;right:36%;height:1px;background:rgba(200,168,75,.55);transform:translateY(-50%);}
.pg-optical .cursor-hover #cursorDot {width:4px;height:4px;background:#fff;box-shadow:0 0 6px rgba(255,255,255,.5);}
.pg-optical .cursor-hover #cursorRing {width:66px;height:66px;}
.pg-optical .cursor-hidden #cursorDot,
.pg-optical .cursor-hidden #cursorRing {opacity:0;}
}
.pg-optical .sr {opacity:0;transform:translateY(40px);transition:opacity 1s ease,transform 1s cubic-bezier(.22,1,.36,1);}
.pg-optical .sr.on {opacity:1;transform:translateY(0);}
.pg-optical #lNav {position:fixed;top:0;left:0;width:280px;height:100%;background:#0d1320;z-index:500;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.08);}
.pg-optical .lNavLogo {padding:26px 22px 22px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;}
.pg-optical .lNavLogo a {font-family:var(--fen);font-weight:800;font-size:1.55rem;letter-spacing:.1em;color:#e0e4f0;display:block;}
.pg-optical .lNavList {flex:1;overflow-y:auto;padding:8px 0;scrollbar-width:none;}
.pg-optical .lNavList::-webkit-scrollbar {display:none}
.pg-optical .lNavItem {display:block}
.pg-optical .lNavLink {display:flex;align-items:center;gap:14px;padding:16px 24px;font-family:var(--fjp);font-size:1.5rem;letter-spacing:.04em;color:rgba(255,255,255,.65);text-decoration:none;transition:color .2s,background .2s;border-left:3px solid transparent;}
.pg-optical .lNavLink:hover {color:#fff;background:rgba(255,255,255,.07);border-left-color:var(--ac);}
.pg-optical .lNavLink.active {color:#fff;border-left-color:var(--ac);background:rgba(200,168,75,.09);font-weight:500;}
.pg-optical .lNavIcon {width:22px;height:22px;flex-shrink:0;opacity:.5;}
.pg-optical .lNavLink:hover .lNavIcon,
.pg-optical .lNavLink.active .lNavIcon {opacity:.9}
.pg-optical .lNavSep {height:1px;background:rgba(255,255,255,.08);margin:8px 22px;}
.pg-optical .lNavFoot {padding:16px 22px 24px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0;}
.pg-optical .lNavLang {display:flex;gap:14px;}
.pg-optical .lNavLang a {font-family:var(--fen);font-size:1.3rem;letter-spacing:.1em;font-weight:700;color:rgba(255,255,255,.4);transition:color .2s;}
.pg-optical .lNavLang a.active {border-bottom:2px solid #3b82f6;padding-bottom:2px;color:#3b82f6}
.pg-optical #spHam {display:none;position:fixed;top:0;left:0;width:100%;height:54px;background:#0d1320;border-bottom:1px solid rgba(255,255,255,.08);z-index:500;align-items:center;justify-content:space-between;padding:0 18px;}
.pg-optical .spHamLogo {display:flex;align-items:center;}
.pg-optical .spHamBtn {width:36px;height:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;}
.pg-optical .spHamBtn span {display:block;width:20px;height:1.5px;background:#e0e0e0;transition:all .3s;}
.pg-optical #spDrawer {display:none;position:fixed;top:54px;left:0;width:100%;background:#0d1320;z-index:499;padding:16px 0 24px;border-top:1px solid rgba(255,255,255,.08);}
.pg-optical #spDrawer a {display:flex;align-items:center;gap:10px;padding:13px 22px;font-family:var(--fen);font-size:.82rem;letter-spacing:.12em;color:rgba(255,255,255,.65);border-bottom:1px solid rgba(255,255,255,.07);}
.pg-optical .spDrawerLang {display:flex;gap:16px;padding:14px 22px;border-top:1px solid rgba(255,255,255,.08);margin-top:4px}
.pg-optical #spDrawer .spDrawerLang a {display:inline-block;padding:0;border-bottom:none;font-weight:700;font-size:.85rem;color:rgba(255,255,255,.4)}
.pg-optical #spDrawer .spDrawerLang a.active,
.pg-optical #spDrawer .spDrawerLang a:hover {color:#fff}
@media(min-width:1251px) {
.pg-optical #container01 {padding-left:280px}
}
@media(max-width:1250px) {
.pg-optical #lNav {display:none}
.pg-optical #spHam {display:flex}
.pg-optical #container01 {padding-left:0;padding-top:54px}
}
.pg-optical .pgHero {position:relative;height:60vh;min-height:420px;display:flex;align-items:flex-end;overflow:hidden;}
.pg-optical .pgHeroBg {position:absolute;inset:0;background-size:cover;background-position:center;z-index:0;}
.pg-optical .pgHeroOv {position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(10,18,40,.5) 100%);z-index:1;}
.pg-optical .pgHeroCon {position:relative;z-index:2;padding:0 60px 60px;width:100%;}
.pg-optical .pgHeroEn {font-family:var(--fen);font-size:.72rem;letter-spacing:.3em;color:rgba(255,255,255,.55);text-transform:uppercase;display:block;margin-bottom:14px;animation:ldFadeUpPgOptical .8s ease .3s both;}
.pg-optical .pgHeroH1 {font-family:var(--fjp);font-weight:300;font-size:clamp(2.8rem,4.5vw,5rem);color:#fff;letter-spacing:.06em;line-height:1.2;animation:ldFadeUpPgOptical .9s ease .5s both;}
.pg-optical .pgHeroLine {width:40px;height:2px;background:var(--ac);margin-top:22px;animation:ldFadeUpPgOptical .8s ease .7s both;}
@media(max-width:767px) {
.pg-optical .pgHeroCon {padding:0 20px 40px;}
}
.pg-optical .heroLens {position:absolute;right:10%;top:50%;transform:translateY(-50%);width:300px;height:300px;z-index:2;pointer-events:none;}
@media(max-width:900px) {
.pg-optical .heroLens {display:none;}
}
.pg-optical .lrRing {position:absolute;border-radius:50%;border:1px solid rgba(200,168,75,.28);top:50%;left:50%;transform:translate(-50%,-50%);animation:lrPulsePgOptical 3s ease-in-out infinite;}
.pg-optical .lrRing:nth-child(1) {width:60px;height:60px;animation-delay:0s;}
.pg-optical .lrRing:nth-child(2) {width:130px;height:130px;animation-delay:.4s;}
.pg-optical .lrRing:nth-child(3) {width:210px;height:210px;animation-delay:.8s;}
.pg-optical .lrRing:nth-child(4) {width:300px;height:300px;animation-delay:1.2s;}
.pg-optical .lrCross {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;}
.pg-optical .lrCross::before {content:'';position:absolute;width:300px;height:1px;background:rgba(200,168,75,.25);top:50%;left:0;}
.pg-optical .lrCross::after {content:'';position:absolute;width:1px;height:300px;background:rgba(200,168,75,.25);left:50%;top:0;}
.pg-optical .lrCore {position:absolute;top:50%;left:50%;width:12px;height:12px;background:var(--ac);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px 5px rgba(200,168,75,.55);animation:lrCorePulsePgOptical 2s ease-in-out infinite;}
@keyframes lrPulsePgOptical{0%,100%{opacity:.25;transform:translate(-50%,-50%) scale(1);}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.03);}}
@keyframes lrCorePulsePgOptical{0%,100%{box-shadow:0 0 18px 5px rgba(200,168,75,.5);}50%{box-shadow:0 0 34px 12px rgba(200,168,75,.8);}}
.pg-optical .pgBread {background:#0a0e17;padding:14px 60px;font-size:1.2rem;color:rgba(255,255,255,.4);font-family:var(--fen);letter-spacing:.06em;}
.pg-optical .pgBread a {color:rgba(255,255,255,.4);border-bottom:1px solid rgba(255,255,255,.12);}
@media(max-width:767px) {
.pg-optical .pgBread {padding:12px 20px;}
}
.pg-optical .secLbl {display:block;font-family:var(--fen);text-transform:uppercase;font-size:1.1rem;letter-spacing:.28em;color:var(--gy);margin-bottom:10px;}
.pg-optical .secLine {display:block;width:36px;height:1px;background:var(--ac);margin:14px 0;}
.pg-optical .secH {font-family:var(--fjp);font-weight:300;font-size:clamp(2.2rem,3.2vw,3rem);letter-spacing:.04em;line-height:1.3;}
.pg-optical .secSub {font-size:1.3rem;color:var(--gy);letter-spacing:.08em;margin-top:6px;font-family:var(--fen);}
.pg-optical .opStatsBar {background:var(--nav);padding:36px 60px;display:grid;grid-template-columns:repeat(4,1fr);}
.pg-optical .opStatItem {display:flex;flex-direction:column;align-items:center;gap:5px;padding:0 12px;border-right:1px solid rgba(200,168,75,.12);}
.pg-optical .opStatItem:last-child {border-right:none;}
.pg-optical .opStatFig {font-family:var(--fen);font-size:2.2rem;font-weight:700;color:var(--ac);letter-spacing:.04em;}
.pg-optical .opStatLbl {font-size:1.2rem;letter-spacing:.05em;color:rgba(255,255,255,.5);text-align:center;}
@media(max-width:767px) {
.pg-optical .opStatsBar {grid-template-columns:repeat(2,1fr);padding:28px 20px;gap:4px;}
.pg-optical .opStatItem {border-right:none;border-bottom:1px solid rgba(200,168,75,.1);padding:14px 0;}
}
.pg-optical .opOverview {background:#0f1520;padding:90px 60px;}
.pg-optical .opOvInner {max-width:none;}
.pg-optical .opOvBody {font-size:1.4rem;line-height:2;color:rgba(255,255,255,.55);margin:20px 0 36px;max-width:820px;}
.pg-optical .opOvStats {display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.pg-optical .opOvStat {padding:20px 24px;border-left:3px solid var(--ac);background:var(--off);}
.pg-optical .opOvStatNum {font-family:var(--fen);font-size:1.5rem;font-weight:700;color:#e0e4f0;letter-spacing:.04em;}
.pg-optical .opOvStatLbl {font-size:1.2rem;color:rgba(255,255,255,.45);margin-top:4px;line-height:1.7;}
@media(max-width:900px) {
.pg-optical .opOvStats {grid-template-columns:1fr;}
}
@media(max-width:767px) {
.pg-optical .opOverview {padding:60px 20px;}
}
.pg-optical .opProducts {background:var(--bk);}
.pg-optical .opProdHead {padding:72px 60px 0;}
.pg-optical .opProdBanner {display:grid;height:280px;overflow:hidden;position:relative;border-bottom:1px solid rgba(255,255,255,.05);}
.pg-optical .opProdBanner.tl {grid-template-columns:36% 64%;}
.pg-optical .opProdBanner.tr {grid-template-columns:64% 36%;}
.pg-optical .opProdBannerInfo {background:#000;display:flex;flex-direction:column;justify-content:center;padding:38px 48px;position:relative;z-index:1;overflow:hidden;}
.pg-optical .opProdBannerInfo::before {content:attr(data-en);position:absolute;top:50%;left:0;right:0;padding:0 32px;transform:translateY(-50%);font-family:var(--fen);font-weight:900;font-size:clamp(3.8rem,5.5vw,7rem);color:rgba(255,255,255,.1);letter-spacing:.03em;line-height:1.05;white-space:normal;word-break:break-word;pointer-events:none;text-transform:uppercase;z-index:0;}
.pg-optical .opProdBannerTag {display:inline-block;border:1px solid rgba(200,168,75,.3);padding:4px 10px;font-family:var(--fen);font-size:.6rem;letter-spacing:.16em;color:rgba(200,168,75,.6);text-transform:uppercase;margin-bottom:18px;align-self:flex-start;position:relative;z-index:1;}
.pg-optical .opProdBannerJp {font-family:var(--fjp);font-weight:500;font-size:clamp(2rem,2.8vw,2.8rem);color:#fff;letter-spacing:.04em;line-height:1.2;margin-bottom:10px;position:relative;z-index:1;}
.pg-optical .opProdBannerEn {font-family:var(--fen);font-size:1.1rem;color:rgba(200,168,75,.65);letter-spacing:.2em;text-transform:uppercase;position:relative;z-index:1;}
.pg-optical .opProdBannerImg {position:relative;overflow:hidden;background:#1a1a1a;cursor:pointer;}
.pg-optical .opProdBannerImg img {width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s ease;}
.pg-optical .opProdBanner:hover .opProdBannerImg img {transform:scale(1.05);}
.pg-optical .opProdBannerImg::after {content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.2) 0%,transparent 55%);pointer-events:none;transition:background .3s;}
.pg-optical .opProdBanner.tr .opProdBannerImg::after {background:linear-gradient(270deg,rgba(0,0,0,.2) 0%,transparent 55%);}
.pg-optical .opProdBannerImg:hover::after {background:rgba(0,0,0,.25)!important;}
.pg-optical .opLbZoom {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border:1.5px solid rgba(255,255,255,.7);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;z-index:3;pointer-events:none;}
.pg-optical .opLbZoom::before {content:'+';font-family:var(--fen);font-size:2rem;font-weight:200;color:#fff;line-height:1;}
.pg-optical .opProdBannerImg:hover .opLbZoom {opacity:1;}
.pg-optical #opLightbox {position:fixed;inset:0;z-index:9800;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease;}
.pg-optical #opLightbox.open {opacity:1;visibility:visible;}
.pg-optical #opLbImg {max-width:88vw;max-height:82vh;object-fit:contain;display:block;box-shadow:0 0 80px rgba(0,0,0,.5);}
.pg-optical #opLbClose {position:absolute;top:22px;right:30px;font-family:var(--fen);font-size:2.2rem;font-weight:200;color:rgba(255,255,255,.5);line-height:1;transition:color .2s;}
.pg-optical #opLbClose:hover {color:#fff;}
.pg-optical #opLbCaption {position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-family:var(--fjp);font-size:1.3rem;color:rgba(255,255,255,.5);letter-spacing:.08em;white-space:nowrap;}
@media(max-width:767px) {
.pg-optical .opProdHead {padding:52px 20px 0;}
.pg-optical .opProdBanner.tl,
.pg-optical .opProdBanner.tr {grid-template-columns:1fr;height:auto;}
.pg-optical .opProdBanner.tr .opProdBannerImg {order:1;}
.pg-optical .opProdBannerImg {height:200px;}
.pg-optical .opProdBannerInfo {padding:24px 20px;}
}
.pg-optical .opProcess {background:var(--off);padding:90px 60px;}
.pg-optical .opProcList {margin-top:48px;}
.pg-optical .opProcItem {display:grid;grid-template-columns:60px 1fr;gap:18px;align-items:start;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden;}
.pg-optical .opProcItem::after {content:'';position:absolute;bottom:0;left:0;height:2px;background:var(--ac);width:0;transition:width .5s ease;}
.pg-optical .opProcItem:hover::after {width:100%;}
.pg-optical .opProcNum {font-family:var(--fen);font-size:1.8rem;font-weight:900;color:rgba(200,168,75,.2);padding-top:3px;}
.pg-optical .opProcEn {font-family:var(--fen);font-size:1.2rem;font-weight:700;letter-spacing:.1em;color:#e0e4f0;margin-bottom:2px;}
.pg-optical .opProcJp {font-size:1.2rem;color:var(--gy);margin-bottom:5px;}
.pg-optical .opProcDesc {font-size:1.3rem;line-height:1.85;color:rgba(255,255,255,.55);}
@media(max-width:767px) {
.pg-optical .opProcess {padding:60px 20px;}
.pg-optical .opProcItem {grid-template-columns:48px 1fr;}
}
.pg-optical .opMeasure {background:var(--nav);padding:90px 60px;overflow:hidden;}
.pg-optical .opMeasureDot {position:absolute;inset:0;background-image:radial-gradient(circle,rgba(200,168,75,.07) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;opacity:.4;}
.pg-optical .opMeasureGlow {position:absolute;top:50%;left:50%;width:500px;height:500px;background:radial-gradient(circle,rgba(200,168,75,.05) 0%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none;}
.pg-optical .opTerminal {position:relative;z-index:2;background:#0a0d1a;border:1px solid rgba(200,168,75,.2);border-radius:8px;overflow:hidden;max-width:700px;margin:48px auto 0;}
.pg-optical .opTermBar {background:#1a1d2e;padding:10px 14px;display:flex;align-items:center;gap:7px;}
.pg-optical .opTermDot {width:11px;height:11px;border-radius:50%;}
.pg-optical .opTermDot:nth-child(1) {background:#ff5f56;}
.pg-optical .opTermDot:nth-child(2) {background:#ffbd2e;}
.pg-optical .opTermDot:nth-child(3) {background:#27c93f;}
.pg-optical .opTermTitle {font-family:monospace;font-size:1.1rem;color:rgba(255,255,255,.3);margin:0 auto;letter-spacing:.05em;}
.pg-optical .opTermBody {padding:22px;font-family:monospace;font-size:1.2rem;}
.pg-optical .opTermLine {display:grid;grid-template-columns:1fr auto;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.04);color:rgba(100,220,160,.75);}
.pg-optical .opTermLine:last-child {border-bottom:none;}
.pg-optical .opTermInstr {color:rgba(100,220,160,.9);}
.pg-optical .opTermSep {color:rgba(200,168,75,.5);padding:0 6px;}
.pg-optical .opTermJp {color:rgba(100,220,160,.5);}
.pg-optical .opTermStatus {font-size:.95rem;padding:2px 9px;background:rgba(39,201,63,.12);border:1px solid rgba(39,201,63,.3);border-radius:2px;color:#27c93f;letter-spacing:.08em;}
.pg-optical .opTermCursor {display:inline-block;width:7px;height:13px;background:rgba(100,220,160,.7);animation:termBlinkPgOptical .9s step-end infinite;vertical-align:middle;}
@keyframes termBlinkPgOptical{0%,100%{opacity:1;}50%{opacity:0;}}
.pg-optical .opInstList {margin-top:48px;max-width:820px;}
.pg-optical .opInstItem {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;border-bottom:1px solid rgba(255,255,255,.07);transition:background .2s;}
.pg-optical .opInstItem:first-child {border-top:1px solid rgba(255,255,255,.07);}
.pg-optical .opInstItem:hover {background:rgba(200,168,75,.05);}
.pg-optical .opInstName {font-family:var(--fjp);font-size:1.35rem;color:rgba(255,255,255,.78);letter-spacing:.04em;}
.pg-optical .opInstCat {font-family:var(--fen);font-size:1.05rem;letter-spacing:.1em;color:var(--ac);white-space:nowrap;border:1px solid rgba(200,168,75,.3);padding:4px 14px;flex-shrink:0;}
@media(max-width:767px) {
.pg-optical .opMeasure {padding:60px 20px;}
.pg-optical .opInstItem {flex-direction:column;align-items:flex-start;gap:8px;}
}
.pg-optical .opApps {background:#0a0e17;padding:90px 60px;}
.pg-optical .opAppGrid {display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px;}
.pg-optical .opAppCard {padding:30px 22px;border:1px solid rgba(255,255,255,.1);position:relative;transition:box-shadow .3s,border-color .3s;background:#0f1520;}
.pg-optical .opAppCard::after {content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--ac);transform:scaleX(0);transition:transform .3s;}
.pg-optical .opAppCard:hover {box-shadow:0 6px 26px rgba(0,0,0,.4);border-color:rgba(200,168,75,.3);}
.pg-optical .opAppCard:hover::after {transform:scaleX(1);}
.pg-optical .opAppIcon {width:48px;height:48px;border:1px solid rgba(200,168,75,.4);display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.pg-optical .opAppIcon svg {width:24px;height:24px;}
.pg-optical .opAppEn {font-family:var(--fen);font-size:1.2rem;font-weight:700;letter-spacing:.08em;color:#e0e4f0;margin-bottom:3px;}
.pg-optical .opAppJp {font-size:1.2rem;color:var(--gy);margin-bottom:8px;}
.pg-optical .opAppDesc {font-size:1.3rem;line-height:1.9;color:rgba(255,255,255,.55);}
@media(max-width:900px) {
.pg-optical .opAppGrid {grid-template-columns:1fr 1fr;}
}
@media(max-width:600px) {
.pg-optical .opApps {padding:60px 20px;}
.pg-optical .opAppGrid {grid-template-columns:1fr;}
}
.pg-optical .opStr {background:var(--bk);padding:90px 60px;overflow:hidden;}
.pg-optical .opStrGrid {display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px;}
.pg-optical .opStrCard {background:#161616;padding:34px 26px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.04);}
.pg-optical .opStrGhost {position:absolute;top:12px;right:12px;font-family:var(--fen);font-size:4rem;font-weight:900;color:rgba(255,255,255,.03);line-height:1;}
.pg-optical .opStrIcon {width:44px;height:44px;border:1px solid rgba(200,168,75,.35);display:flex;align-items:center;justify-content:center;margin-bottom:12px;}
.pg-optical .opStrIcon svg {width:22px;height:22px;}
.pg-optical .opStrCat {font-family:var(--fen);font-size:1rem;letter-spacing:.26em;color:var(--ac);margin-bottom:8px;display:block;}
.pg-optical .opStrH {font-size:1.45rem;font-weight:500;color:#fff;margin-bottom:10px;letter-spacing:.03em;line-height:1.5;}
.pg-optical .opStrBody {font-size:1.25rem;line-height:2;color:rgba(255,255,255,.4);}
@media(max-width:900px) {
.pg-optical .opStrGrid {grid-template-columns:1fr 1fr;}
}
@media(max-width:600px) {
.pg-optical .opStr {padding:60px 20px;}
.pg-optical .opStrGrid {grid-template-columns:1fr;}
}
.pg-optical .trFlow {background:var(--bk);padding:90px 60px;color:#fff;position:relative;overflow:hidden;}
.pg-optical .trFlow::before {content:'FLOW';position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);font-family:var(--fen);font-size:clamp(9rem,18vw,22rem);font-weight:900;color:rgba(255,255,255,.018);letter-spacing:.18em;pointer-events:none;white-space:nowrap;}
.pg-optical .trFlowWrap {margin-top:60px;position:relative;z-index:1;}
.pg-optical .trFlowRail {height:1px;background:rgba(255,255,255,.06);position:relative;overflow:hidden;}
.pg-optical .trFlowRailFill {position:absolute;left:0;top:0;height:100%;width:0;background:linear-gradient(90deg,var(--ac),rgba(200,168,75,.45));transform:none!important;transition:opacity .3s ease,width 2.6s cubic-bezier(.22,1,.36,1) .35s;}
.pg-optical .trFlowRailFill.on {width:100%;}
.pg-optical .trFlowTrack {display:flex;align-items:stretch;gap:0;}
.pg-optical .trFlowItem {flex:1;min-width:0;}
.pg-optical .trFlowConn {width:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;}
.pg-optical .trFlowConn::before {content:'';position:absolute;left:0;right:11px;top:50%;height:1px;background:linear-gradient(90deg,rgba(200,168,75,.2),rgba(200,168,75,.55));}
.pg-optical .trFlowConn::after {content:'';position:absolute;right:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:9px solid rgba(200,168,75,.65);}
.pg-optical .trFlowCard {background:rgba(255,255,255,.028);border:1px solid rgba(255,255,255,.07);border-top:2px solid rgba(200,168,75,.3);padding:30px 20px;height:100%;position:relative;overflow:hidden;transition:background .35s,border-top-color .35s,transform .4s cubic-bezier(.22,1,.36,1),box-shadow .35s;cursor:default;}
.pg-optical .trFlowCard:hover {background:rgba(200,168,75,.07);border-top-color:var(--ac);transform:translateY(-9px);box-shadow:0 22px 50px rgba(0,0,0,.65);}
.pg-optical .trFlowCard::before {content:attr(data-num);position:absolute;bottom:-14px;right:-3px;font-family:var(--fen);font-size:9rem;font-weight:900;color:rgba(255,255,255,.032);line-height:1;pointer-events:none;transition:color .35s;}
.pg-optical .trFlowCard:hover::before {color:rgba(200,168,75,.06);}
.pg-optical .trFcLabel {font-family:var(--fen);font-size:.82rem;color:var(--ac);letter-spacing:.28em;font-weight:700;margin-bottom:16px;opacity:.9;}
.pg-optical .trFcIcon {width:42px;height:42px;background:rgba(200,168,75,.08);border:1px solid rgba(200,168,75,.22);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:16px;transition:background .35s,border-color .35s,transform .4s cubic-bezier(.22,1,.36,1);}
.pg-optical .trFlowCard:hover .trFcIcon {background:rgba(200,168,75,.2);border-color:rgba(200,168,75,.55);transform:scale(1.1) rotate(-6deg);}
.pg-optical .trFlowCard h4 {font-size:1.25rem;font-weight:500;letter-spacing:.07em;margin-bottom:8px;color:#fff;}
.pg-optical .trFlowCard p {font-size:1.1rem;color:rgba(255,255,255,.38);line-height:1.9;}
@media(max-width:1100px) {
.pg-optical .trFlowTrack {flex-wrap:wrap;}
.pg-optical .trFlowItem {flex:0 0 33.333%;}
.pg-optical .trFlowConn {display:none;}
}
@media(max-width:767px) {
.pg-optical .trFlow {padding:60px 20px;}
.pg-optical .trFlowItem {flex:0 0 50%;}
}
@media(max-width:480px) {
.pg-optical .trFlowItem {flex:0 0 100%;}
}
.pg-optical .opCta {background:var(--nav);padding:100px 60px;text-align:center;overflow:hidden;}
.pg-optical .opCtaDot {position:absolute;inset:0;background-image:radial-gradient(circle,rgba(200,168,75,.1) 1px,transparent 1px);background-size:26px 26px;opacity:.5;pointer-events:none;}
.pg-optical .opCtaGlow {position:absolute;top:50%;left:50%;width:640px;height:320px;background:radial-gradient(ellipse,rgba(200,168,75,.07) 0%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none;}
.pg-optical .opCtaInner {position:relative;z-index:2;}
.pg-optical .opCtaLbl {font-family:var(--fen);font-size:1.1rem;letter-spacing:.28em;color:var(--ac);margin-bottom:16px;display:block;}
.pg-optical .opCtaH {font-family:var(--fjp);font-weight:300;font-size:clamp(2.2rem,3.2vw,3.2rem);color:#fff;margin-bottom:12px;letter-spacing:.04em;line-height:1.3;}
.pg-optical .opCtaSub {font-size:1.35rem;letter-spacing:.1em;color:rgba(255,255,255,.5);margin-bottom:40px;}
.pg-optical .opCtaBtns {display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;}
.pg-optical .opCtaBtnGold {padding:14px 42px;background:var(--ac);font-family:var(--fen);font-size:1.25rem;letter-spacing:.14em;color:var(--nav);font-weight:700;transition:background .25s,transform .25s;display:inline-block;}
.pg-optical .opCtaBtnGold:hover {background:#dbb94f;transform:translateY(-2px);}
.pg-optical .opCtaBtnGhost {padding:13px 42px;border:1.5px solid rgba(255,255,255,.3);font-family:var(--fen);font-size:1.25rem;letter-spacing:.14em;color:rgba(255,255,255,.7);transition:border-color .25s,color .25s;display:inline-block;}
.pg-optical .opCtaBtnGhost:hover {border-color:var(--ac);color:var(--ac);}
@media(max-width:767px) {
.pg-optical .opCta {padding:70px 20px;}
}
.pg-optical #ft {position:relative;padding:70px 0 0;background-image:url('../../f-all/footer_photo.jpg');background-size:cover;background-position:center;}
.pg-optical #ft::before {content:'';position:absolute;inset:0;background:rgba(0,0,0,0.72);z-index:0;pointer-events:none;}
.pg-optical #ft .ftTop,
.pg-optical #ft .ftBtm {position:relative;z-index:1;}
.pg-optical .ftTop {display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:40px;padding:0 60px;}
.pg-optical .ftTag {font-size:1.2rem;color:rgba(255,255,255,.85);letter-spacing:.04em;margin-top:14px;line-height:2;}
.pg-optical .ftNvW {display:flex;gap:60px;flex-wrap:wrap;}
.pg-optical .ftNvCol .ftNvT {font-family:var(--fen);font-size:1rem;letter-spacing:.18em;color:#fff;text-transform:uppercase;margin-bottom:16px;display:block;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:10px;}
.pg-optical .ftNvCol ul li {margin-bottom:13px;}
.pg-optical .ftNvCol ul li a {font-size:1.2rem;color:rgba(255,255,255,.85);letter-spacing:.04em;transition:color .2s;}
.pg-optical .ftNvCol ul li a:hover {color:#fff;}
.pg-optical .ftBtm {display:flex;align-items:center;justify-content:center;gap:10px;border-top:1px solid rgba(255,255,255,.2);margin-top:60px;padding:20px 60px;}
.pg-optical .ftCp {font-family:var(--fen);font-size:1rem;letter-spacing:.05em;color:rgba(255,255,255,.65);}
@media(max-width:767px) {
.pg-optical .ftTop {padding:0 20px;}
.pg-optical .ftNvW {gap:28px;}
.pg-optical .ftBtm {padding:20px;}
}
.pg-optical #pt a {position:fixed;bottom:28px;right:28px;z-index:100;width:44px;height:44px;background:var(--bk);display:flex;align-items:center;justify-content:center;color:#fff!important;font-family:var(--fen);font-size:.6rem;letter-spacing:.1em;opacity:.55;transition:opacity .2s;}
.pg-optical .opOvSupplier {padding:26px 36px;background:rgba(200,168,75,.06);border:1.5px solid rgba(200,168,75,.38);border-left:4px solid var(--ac);margin-bottom:28px;}
.pg-optical .opOvSupplierNum {font-family:var(--fen);font-size:clamp(1.7rem,2.2vw,2.2rem);font-weight:700;color:var(--ac);letter-spacing:.07em;margin-bottom:7px;}
.pg-optical .opOvSupplierDesc {font-size:1.3rem;color:rgba(255,255,255,.55);line-height:1.9;letter-spacing:.03em;}
.pg-optical .opSpec {background:#0a0e17;padding:90px 60px;}
.pg-optical .opSpecBlock {margin-top:44px;}
.pg-optical .opSpecBlockH {font-family:var(--fen);font-size:1rem;letter-spacing:.18em;color:rgba(255,255,255,.5);padding-bottom:10px;border-bottom:1px solid rgba(200,168,75,.2);margin-bottom:18px;display:flex;align-items:center;gap:8px;}
.pg-optical .opSpecBlockH::before {content:'■';color:var(--ac);font-size:.85rem;}
.pg-optical .opSpecTagList {display:flex;flex-wrap:wrap;gap:10px;}
.pg-optical .opSpecTag {font-size:1.25rem;color:rgba(255,255,255,.65);padding:7px 14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);letter-spacing:.04em;font-family:var(--fjp);}
.pg-optical .opSpecTableWrap {overflow-x:auto;}
.pg-optical .opSpecTable {width:100%;border-collapse:collapse;font-size:1.2rem;min-width:520px;}
.pg-optical .opSpecTable th,
.pg-optical .opSpecTable td {border:1px solid rgba(200,168,75,.15);padding:10px 14px;text-align:center;vertical-align:middle;}
.pg-optical .opSpecTable thead th {background:rgba(200,168,75,.1);font-family:var(--fen);letter-spacing:.06em;color:var(--ac);font-weight:700;font-size:1.05rem;}
.pg-optical .opSpecTable thead th:first-child {background:rgba(255,255,255,.02);}
.pg-optical .opSpecTable tbody th {text-align:left;color:rgba(255,255,255,.6);font-weight:400;background:rgba(255,255,255,.02);white-space:nowrap;font-family:var(--fjp);}
.pg-optical .opSpecTable tbody td {color:rgba(255,255,255,.55);font-family:var(--fjp);}
.pg-optical .opSpecTable tbody tr:hover td,
.pg-optical .opSpecTable tbody tr:hover th {background:rgba(200,168,75,.05);}
.pg-optical .opSpecGlassList {display:flex;flex-wrap:wrap;gap:12px;}
.pg-optical .opSpecGlass {font-family:var(--fen);font-size:1.2rem;font-weight:700;letter-spacing:.12em;color:rgba(255,255,255,.55);padding:8px 16px;border:1px solid rgba(255,255,255,.1);}
@media(max-width:767px) {
.pg-optical .opSpec {padding:60px 20px;}
}
.pg-optical .opNetwork {background:var(--nav);padding:90px 60px;overflow:hidden;}
.pg-optical .opNetworkDot {position:absolute;inset:0;background-image:radial-gradient(circle,rgba(200,168,75,.06) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;opacity:.5;}
.pg-optical .opNetworkGlow {position:absolute;top:50%;right:0;width:500px;height:500px;background:radial-gradient(circle,rgba(26,58,110,.4) 0%,transparent 70%);transform:translateY(-50%);pointer-events:none;}
.pg-optical .opNetworkLead {font-family:var(--fjp);font-size:clamp(1.4rem,1.7vw,1.7rem);color:rgba(255,255,255,.6);line-height:2.1;margin:22px 0 48px;max-width:740px;}
.pg-optical .opNetworkInner {display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;position:relative;z-index:2;}
.pg-optical .opNetworkFlow {margin-top:32px;}
.pg-optical .opNetworkFlowH {font-family:var(--fjp);font-size:1.6rem;letter-spacing:.1em;color:rgba(255,255,255,.8);font-weight:500;padding-bottom:12px;border-bottom:1px solid rgba(200,168,75,.3);margin-bottom:22px;display:flex;align-items:center;gap:8px;}
.pg-optical .opNetworkFlowH::before {content:'■';color:var(--ac);font-size:1rem;}
.pg-optical .opFlowRow {display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.pg-optical .opFlowSources {display:flex;flex-direction:column;gap:10px;}
.pg-optical .opFlowBox {border:1px solid rgba(200,168,75,.25);padding:12px 16px;background:rgba(200,168,75,.04);font-family:var(--fjp);font-size:1.2rem;color:rgba(255,255,255,.7);line-height:1.75;}
.pg-optical .opFlowNum {font-family:var(--fen);font-size:.85rem;color:var(--ac);letter-spacing:.08em;display:block;margin-bottom:3px;}
.pg-optical .opFlowBoxDark {background:rgba(26,58,110,.55)!important;border-color:rgba(100,150,220,.5)!important;color:#fff!important;white-space:nowrap;}
.pg-optical .opFlowEndDark {background:rgba(26,58,110,.55)!important;border-color:rgba(100,150,220,.5)!important;color:#fff!important;}
.pg-optical .opFlowLabel {font-size:1.7rem;font-weight:700;letter-spacing:.04em;}
.pg-optical .opFlowBoxSub {display:inline;font-size:1.15rem;font-weight:400;color:rgba(255,255,255,.65);}
.pg-optical .opNetworkBottom {display:grid;grid-template-columns:1fr auto;gap:48px;align-items:start;margin-top:32px;}
.pg-optical .opNetworkCaption {border:1px solid rgba(200,168,75,.28);padding:18px 24px;font-size:1.3rem;line-height:2.1;color:rgba(255,255,255,.5);background:rgba(200,168,75,.03);}
.pg-optical .opDomGrid {display:grid;grid-template-columns:auto auto auto auto auto;grid-template-rows:auto auto auto;align-items:center;justify-items:center;gap:0;}
.pg-optical .opDomVConn {color:rgba(200,168,75,.5);font-size:1.6rem;height:40px;width:40px;display:flex;align-items:center;justify-content:center;line-height:1;}
.pg-optical .opDomArr {color:rgba(200,168,75,.5);font-size:1.6rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;line-height:1;}
.pg-optical .opDomBottom {display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center;margin-top:28px;}
.pg-optical .opDomDesc {font-size:1.3rem;line-height:2.2;color:rgba(255,255,255,.55);border-left:3px solid var(--ac);padding-left:16px;}
@media(max-width:767px) {
.pg-optical .opDomBottom {grid-template-columns:1fr;}
}
@media(max-width:767px) {
.pg-optical .opNetworkBottom {grid-template-columns:1fr;}
}
.pg-optical .opFlowArr {color:rgba(200,168,75,.5);font-size:1.6rem;padding:0 4px;flex-shrink:0;}
.pg-optical .opFlowCenter {border:1.5px solid rgba(200,168,75,.6);padding:16px 22px;background:rgba(200,168,75,.08);font-family:var(--fjp);font-size:1.35rem;font-weight:500;color:#fff;text-align:center;white-space:nowrap;}
.pg-optical .opFlowEnd {border:1px solid rgba(255,255,255,.2);padding:16px 22px;background:rgba(255,255,255,.03);font-family:var(--fjp);font-size:1.35rem;color:rgba(255,255,255,.65);text-align:center;white-space:nowrap;}
.pg-optical .opNetworkDesc {font-size:1.35rem;line-height:2.1;color:rgba(255,255,255,.5);margin-bottom:36px;}
.pg-optical .opNetworkLocs {display:flex;flex-direction:column;gap:16px;}
.pg-optical .opNetworkLoc {display:flex;align-items:center;gap:12px;}
.pg-optical .opNetworkLocDot {width:9px;height:9px;border-radius:50%;background:var(--ac);box-shadow:0 0 10px 3px rgba(200,168,75,.45);flex-shrink:0;}
.pg-optical .opNetworkLocName {font-family:var(--fen);font-size:1.35rem;font-weight:700;letter-spacing:.16em;color:#fff;}
@media(max-width:960px) {
.pg-optical .opNetworkInner {grid-template-columns:1fr;gap:36px;}
}
@media(max-width:767px) {
.pg-optical .opNetwork {padding:60px 20px;}
}
@media(max-width:600px) {
.pg-optical .opOvSupplier {padding:16px 18px;}
.pg-optical .opFlowRow {flex-direction:column;align-items:stretch;gap:8px;}
.pg-optical .opFlowBoxDark {white-space:normal;}
.pg-optical .opFlowArr {text-align:center;display:block;transform:rotate(90deg);}
.pg-optical .opFlowEnd,
.pg-optical .opFlowEnd.opFlowEndDark {text-align:center;}
.pg-optical .opDomGrid {grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr);column-gap:2px;row-gap:6px;}
.pg-optical .opDomGrid .opFlowBox,
.pg-optical .opDomGrid .opFlowCenter {padding:8px 5px;white-space:normal;}
.pg-optical .opDomGrid .opFlowLabel {font-size:1.15rem;}
.pg-optical .opDomGrid .opFlowBoxSub {font-size:.95rem;}
.pg-optical .opDomVConn,
.pg-optical .opDomArr {font-size:1.3rem;width:18px;height:18px;}
.pg-optical .opDomBottom {grid-template-columns:1fr;}
.pg-optical .opNetworkBottom {grid-template-columns:1fr;}
}
.pg-optical .opProdBannerDesc {font-size:1.15rem;line-height:1.9;color:rgba(255,255,255,.4);margin-top:10px;position:relative;z-index:1;}
.pg-optical .opImgLabel {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--fen);font-size:clamp(1.5rem,2vw,2.2rem);font-weight:700;letter-spacing:.16em;color:#fff;text-transform:uppercase;text-align:center;z-index:4;pointer-events:none;text-shadow:0 2px 18px rgba(0,0,0,.7);line-height:1.5;white-space:nowrap;}
.pg-optical .opImgPhoto img {filter:blur(2.5px);transform:scale(1.08);transition:transform .7s ease,filter .7s ease;}
.pg-optical .opImgPhoto::after {background:rgba(0,0,0,.52)!important;}
.pg-optical .opProdBanner:hover .opImgPhoto img {transform:scale(1.13);}
.pg-optical .opProdToggle {margin-top:16px;background:transparent;border:1px solid rgba(200,168,75,.4);color:rgba(255,255,255,.65);font-family:var(--fen);font-size:.95rem;letter-spacing:.12em;padding:8px 18px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:border-color .2s,color .2s;position:relative;z-index:1;}
.pg-optical .opProdToggle:hover {border-color:var(--ac);color:var(--ac);}
.pg-optical .opProdToggleIcon {font-size:1.6rem;line-height:1;display:inline-block;}
.pg-optical .opProdDetail {max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.4,0,.2,1),opacity .3s ease;opacity:0;}
.pg-optical .opProdDetail.open {max-height:1200px;opacity:1;}
.pg-optical .opProdDetailInner {padding:32px 48px;background:#0c1018;border-top:2px solid rgba(200,168,75,.25);border-bottom:1px solid rgba(255,255,255,.06);}
.pg-optical .opProdDetailText {font-size:1.35rem;line-height:2.1;color:rgba(255,255,255,.6);}
@media(max-width:767px) {
.pg-optical .opProdDetailInner {padding:24px 20px;}
}
.pg-optical .opProdDetailGrid {display:grid;grid-template-columns:1fr 1fr;gap:32px 48px;}
.pg-optical .opProdDetailBlockH {font-family:var(--fjp);font-size:1.45rem;font-weight:500;letter-spacing:.08em;color:var(--ac);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(200,168,75,.2);}
.pg-optical .opProdDetailList {font-size:1.3rem;line-height:2;color:rgba(255,255,255,.6);}
@media(max-width:767px) {
.pg-optical .opProdDetailGrid {grid-template-columns:1fr;}
}
.pg-optical .opProdPh {background:#141820;cursor:default;}
.pg-optical .opProdPh .opPhTxt {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--fen);font-size:.85rem;letter-spacing:.3em;color:rgba(255,255,255,.12);pointer-events:none;}

/* ================================================================
   privacy.html （body.pg-privacy 配下スコープ）
================================================================ */
body.pg-privacy {font-size:1.6rem;font-family:'Zen Kaku Gothic New',sans-serif;color:#e0e4f0;background:#0a0e17;line-height:1.7;-webkit-text-size-adjust:100%}
.pg-privacy h1,
.pg-privacy h2,
.pg-privacy h3,
.pg-privacy h4,
.pg-privacy h5,
.pg-privacy h6 {font-weight:normal}
.pg-privacy img {max-width:100%;height:auto;display:block}
.pg-privacy ul {list-style:none}
.pg-privacy a,
.pg-privacy a:visited {text-decoration:none;color:#e0e4f0}
.pg-privacy div,
.pg-privacy p,
.pg-privacy ul,
.pg-privacy li,
.pg-privacy h1,
.pg-privacy h2,
.pg-privacy h3,
.pg-privacy h4,
.pg-privacy h5,
.pg-privacy h6,
.pg-privacy header,
.pg-privacy footer,
.pg-privacy section {position:relative;box-sizing:border-box}
.pg-privacy a,
.pg-privacy span {position:relative}
.pg-privacy {--bk:#111111;--wh:#ffffff;--off:#131926;--gy:#888;--ac:#c8a84b;--nav:#0a1628;--fen:'Montserrat',sans-serif;--fjp:'Zen Kaku Gothic New',sans-serif;--ez:cubic-bezier(.4,0,.2,1);}
@media(min-width:1251px) {
.pg-privacy a:hover {opacity:.65}
.pg-privacy a.noHover:hover {opacity:1}
}
.pg-privacy #container01 {width:100%;max-width:1920px;margin:0 auto;overflow:hidden}
.pg-privacy #lNav {position:fixed;top:0;left:0;width:280px;height:100%;background:#0d1320;z-index:500;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.08);}
.pg-privacy .lNavLogo {padding:26px 22px 22px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;}
.pg-privacy .lNavLogo a {font-family:var(--fen);font-weight:800;font-size:1.55rem;letter-spacing:.1em;color:#e0e4f0;display:block;}
.pg-privacy .lNavList {flex:1;overflow-y:auto;padding:8px 0;scrollbar-width:none;}
.pg-privacy .lNavList::-webkit-scrollbar {display:none}
.pg-privacy .lNavItem {display:block}
.pg-privacy .lNavLink {display:flex;align-items:center;gap:14px;padding:16px 24px;font-family:var(--fjp);font-size:1.5rem;letter-spacing:.04em;color:rgba(255,255,255,.65);text-decoration:none;transition:color .2s,background .2s;border-left:3px solid transparent;}
.pg-privacy .lNavLink:hover {color:#fff;background:rgba(255,255,255,.07);border-left-color:var(--ac);}
.pg-privacy .lNavLink.active {color:#fff;border-left-color:var(--ac);background:rgba(200,168,75,.09);font-weight:500;}
.pg-privacy .lNavIcon {width:22px;height:22px;flex-shrink:0;opacity:.5;}
.pg-privacy .lNavLink:hover .lNavIcon,
.pg-privacy .lNavLink.active .lNavIcon {opacity:.9}
.pg-privacy .lNavSep {height:1px;background:rgba(255,255,255,.08);margin:8px 22px;}
.pg-privacy .lNavFoot {padding:16px 22px 24px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0;}
.pg-privacy .lNavLang {display:flex;gap:14px;}
.pg-privacy .lNavLang a {font-family:var(--fen);font-size:1.3rem;letter-spacing:.1em;font-weight:700;color:rgba(255,255,255,.4);transition:color .2s;}
.pg-privacy .lNavLang a.active {border-bottom:2px solid #3b82f6;padding-bottom:2px;color:#3b82f6}
.pg-privacy #spHam {display:none;position:fixed;top:0;left:0;width:100%;height:54px;background:#0d1320;border-bottom:1px solid rgba(255,255,255,.08);z-index:500;align-items:center;justify-content:space-between;padding:0 18px;}
.pg-privacy .spHamLogo {display:flex;align-items:center;}
.pg-privacy .spHamBtn {width:36px;height:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;}
.pg-privacy .spHamBtn span {display:block;width:20px;height:1.5px;background:#e0e0e0;transition:all .3s;}
.pg-privacy #spDrawer {display:none;position:fixed;top:54px;left:0;width:100%;background:#0d1320;z-index:499;padding:16px 0 24px;border-top:1px solid rgba(255,255,255,.08);}
.pg-privacy #spDrawer a {display:flex;align-items:center;gap:10px;padding:13px 22px;font-family:var(--fen);font-size:.82rem;letter-spacing:.12em;color:rgba(255,255,255,.65);border-bottom:1px solid rgba(255,255,255,.07);}
.pg-privacy .spDrawerLang {display:flex;gap:16px;padding:14px 22px;border-top:1px solid rgba(255,255,255,.08);margin-top:4px}
.pg-privacy #spDrawer .spDrawerLang a {display:inline-block;padding:0;border-bottom:none;font-weight:700;font-size:.85rem;color:rgba(255,255,255,.4)}
.pg-privacy #spDrawer .spDrawerLang a.active,
.pg-privacy #spDrawer .spDrawerLang a:hover {color:#fff}
@media(min-width:1251px) {
.pg-privacy #container01 {padding-left:280px}
}
@media(max-width:1250px) {
.pg-privacy #lNav {display:none}
.pg-privacy #spHam {display:flex}
.pg-privacy #container01 {padding-left:0;padding-top:54px}
}
.pg-privacy #loading {position:fixed;inset:0;z-index:9999;background:#0a0e17;display:flex;align-items:center;justify-content:center;transition:opacity .7s ease,visibility .7s ease;}
.pg-privacy #loading.loaded {opacity:0;visibility:hidden;pointer-events:none;}
.pg-privacy .ldInner {text-align:center;}
.pg-privacy .ldLogo {max-width:200px;height:auto;display:block;margin:0 auto 28px;animation:ldFadeUpPgPrivacy .7s ease both;}
.pg-privacy .ldBar {width:160px;height:1px;background:rgba(255,255,255,.12);margin:0 auto;overflow:hidden;}
.pg-privacy .ldBarIn {display:block;height:100%;background:#1a3a6e;width:0;animation:ldSlidePgPrivacy 1.1s ease .4s both;}
@keyframes ldFadeUpPgPrivacy{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}
@keyframes ldSlidePgPrivacy{from{width:0;}to{width:100%;}}
@media(pointer:fine) {
.pg-privacy * {cursor:none!important}
.pg-privacy #cursorDot {position:fixed;top:0;left:0;width:3px;height:3px;background:var(--ac);border-radius:0;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);will-change:transform;}
.pg-privacy #cursorRing {position:fixed;top:0;left:0;width:52px;height:52px;border-radius:0;pointer-events:none;z-index:99998;transform:translate(-50%,-50%);background-color:transparent;background-image:linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85));background-size:1.5px 13px,13px 1.5px,1.5px 13px,13px 1.5px,1.5px 13px,13px 1.5px,1.5px 13px,13px 1.5px;background-position:top left,top left,top right,top right,bottom left,bottom left,bottom right,bottom right;background-repeat:no-repeat;transition:width .2s ease,height .2s ease,opacity .2s;will-change:transform;}
.pg-privacy #cursorRing::before {content:'';position:absolute;left:50%;top:36%;bottom:36%;width:1px;background:rgba(200,168,75,.55);transform:translateX(-50%);}
.pg-privacy #cursorRing::after {content:'';position:absolute;top:50%;left:36%;right:36%;height:1px;background:rgba(200,168,75,.55);transform:translateY(-50%);}
.pg-privacy .cursor-hover #cursorDot {width:4px;height:4px;background:#fff;box-shadow:0 0 6px rgba(255,255,255,.5);}
.pg-privacy .cursor-hover #cursorRing {width:66px;height:66px;}
.pg-privacy .cursor-hidden #cursorDot,
.pg-privacy .cursor-hidden #cursorRing {opacity:0;}
}
.pg-privacy .sr {opacity:0;transform:translateY(40px);transition:opacity 1s ease,transform 1s cubic-bezier(.22,1,.36,1);}
.pg-privacy .sr.on {opacity:1;transform:translateY(0);}
.pg-privacy #pvHero {position:relative;background:var(--nav);padding:80px 60px 60px;overflow:hidden;}
.pg-privacy #pvHero::before {content:'';position:absolute;top:-60px;right:-80px;width:420px;height:420px;border-radius:50%;border:1px solid rgba(200,168,75,.1);pointer-events:none;}
.pg-privacy #pvHero::after {content:'';position:absolute;top:20px;right:40px;width:240px;height:240px;border-radius:50%;border:1px solid rgba(200,168,75,.06);pointer-events:none;}
.pg-privacy .pvHeroDate {font-family:var(--fen);font-size:.65rem;letter-spacing:.3em;color:rgba(200,168,75,.7);text-transform:uppercase;display:block;margin-bottom:14px;}
.pg-privacy .pvHeroH1 {font-family:var(--fjp);font-weight:300;font-size:clamp(2.2rem,3.5vw,4rem);color:#fff;letter-spacing:.08em;line-height:1.3;}
.pg-privacy .pvHeroSub {font-size:1.35rem;color:rgba(255,255,255,.45);margin-top:16px;font-family:var(--fen);letter-spacing:.06em;}
.pg-privacy .pvHeroLine {width:36px;height:1px;background:var(--ac);margin-top:24px;}
.pg-privacy .pgBread {background:#0a0e17;padding:14px 60px;font-size:1.2rem;color:rgba(255,255,255,.4);font-family:var(--fen);letter-spacing:.06em;}
.pg-privacy .pgBread a {color:rgba(255,255,255,.4);border-bottom:1px solid rgba(255,255,255,.12);}
@media(max-width:767px) {
.pg-privacy #pvHero {padding:60px 20px 40px;}
.pg-privacy .pgBread {padding:12px 20px;}
}
.pg-privacy #pvBody {display:flex;align-items:flex-start;max-width:1200px;margin:0 auto;padding:60px 60px 80px;}
.pg-privacy #pvToc {width:230px;flex-shrink:0;position:sticky;top:80px;margin-right:60px;}
.pg-privacy .pvTocLabel {font-family:var(--fen);font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;color:rgba(255,255,255,.3);display:block;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08);}
.pg-privacy .pvTocItem {display:block;}
.pg-privacy .pvTocLink {display:flex;align-items:baseline;gap:8px;padding:9px 0;font-size:1.25rem;color:rgba(255,255,255,.4);border-bottom:1px solid rgba(255,255,255,.07);transition:color .2s;line-height:1.5;}
.pg-privacy .pvTocLink:hover {color:#fff;}
.pg-privacy .pvTocLink.active {color:#fff;font-weight:500;}
.pg-privacy .pvTocLink .pvTocNum {font-family:var(--fen);font-size:.9rem;color:rgba(255,255,255,.25);flex-shrink:0;}
.pg-privacy .pvTocLink.active .pvTocNum {color:var(--ac);}
.pg-privacy #pvContent {flex:1;min-width:0;}
.pg-privacy .pvSection {margin-bottom:52px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.08);}
.pg-privacy .pvSection:last-child {border-bottom:none;}
.pg-privacy .pvSecH2 {display:flex;align-items:baseline;gap:16px;margin-bottom:20px;}
.pg-privacy .pvSecNum {font-family:var(--fen);font-size:.9rem;color:rgba(255,255,255,.2);flex-shrink:0;}
.pg-privacy .pvSecTitle {font-family:var(--fjp);font-weight:500;font-size:1.65rem;color:#e0e4f0;letter-spacing:.04em;}
.pg-privacy .pvSecBody {font-size:1.45rem;line-height:2;color:rgba(255,255,255,.55);}
.pg-privacy .pvSecBody p {margin-bottom:14px;}
.pg-privacy .pvSecBody p:last-child {margin-bottom:0;}
.pg-privacy .pvSecBody ul {margin:14px 0 14px 1em;}
.pg-privacy .pvSecBody ul li {position:relative;padding-left:16px;margin-bottom:6px;}
.pg-privacy .pvSecBody ul li::before {content:'';position:absolute;left:0;top:.75em;width:5px;height:5px;border-radius:50%;background:var(--ac);}
.pg-privacy .pvIntro {background:var(--off);border-left:3px solid var(--ac);padding:22px 28px;margin-bottom:52px;font-size:1.45rem;line-height:2;color:rgba(255,255,255,.55);}
.pg-privacy .pvDate {font-family:var(--fen);font-size:.65rem;letter-spacing:.15em;color:rgba(255,255,255,.3);display:block;margin-top:48px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);}
.pg-privacy .pvCeo {font-size:1.45rem;color:rgba(255,255,255,.5);margin-top:8px;}
@media(max-width:1024px) {
.pg-privacy #pvBody {padding:40px 30px 60px;}
.pg-privacy #pvToc {margin-right:36px;}
}
@media(max-width:768px) {
.pg-privacy #pvBody {flex-direction:column;padding:32px 20px 52px;}
.pg-privacy #pvToc {width:100%;position:relative;top:auto;margin-right:0;margin-bottom:36px;}
.pg-privacy #pvToc {display:none;}
}
.pg-privacy #ft {position:relative;padding:70px 0 0;background-image:url('../../f-all/footer_photo.jpg');background-size:cover;background-position:center;}
.pg-privacy #ft::before {content:'';position:absolute;inset:0;background:rgba(0,0,0,0.72);z-index:0;pointer-events:none;}
.pg-privacy #ft .ftTop,
.pg-privacy #ft .ftBtm {position:relative;z-index:1;}
.pg-privacy .ftTop {display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:40px;padding:0 60px}
.pg-privacy .ftTag {font-size:1.2rem;color:rgba(255,255,255,.85);letter-spacing:.04em;margin-top:14px;line-height:2}
.pg-privacy .ftNvW {display:flex;gap:60px;flex-wrap:wrap}
.pg-privacy .ftNvCol .ftNvT {font-family:var(--fen);font-size:1rem;letter-spacing:.18em;color:#fff;text-transform:uppercase;margin-bottom:16px;display:block;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:10px}
.pg-privacy .ftNvCol ul li {margin-bottom:13px}
.pg-privacy .ftNvCol ul li a {font-size:1.2rem;color:rgba(255,255,255,.85);letter-spacing:.04em;transition:color .2s}
.pg-privacy .ftNvCol ul li a:hover {color:#fff}
.pg-privacy .ftBtm {display:flex;align-items:center;justify-content:center;gap:10px;border-top:1px solid rgba(255,255,255,.2);margin-top:60px;padding:20px 60px}
.pg-privacy .ftCp {font-family:var(--fen);font-size:1rem;letter-spacing:.05em;color:rgba(255,255,255,.65)}
@media(max-width:767px) {
.pg-privacy .ftTop {padding:0 20px}
.pg-privacy .ftNvW {gap:28px}
.pg-privacy .ftBtm {padding:20px;flex-direction:column;align-items:flex-start}
}
.pg-privacy #pt a {position:fixed;bottom:28px;right:28px;z-index:100;width:44px;height:44px;background:var(--bk);display:flex;align-items:center;justify-content:center;color:#fff!important;font-family:var(--fen);font-size:.6rem;letter-spacing:.1em;opacity:.55;transition:opacity .2s}

/* ================================================================
   thanks.html （body.pg-thanks 配下スコープ）
================================================================ */
body.pg-thanks {font-size:1.6rem;font-family:'Zen Kaku Gothic New',sans-serif;color:#e0e4f0;background:#0a0e17;line-height:1.7;-webkit-text-size-adjust:100%}
.pg-thanks h1,
.pg-thanks h2,
.pg-thanks h3,
.pg-thanks h4,
.pg-thanks h5,
.pg-thanks h6 {font-weight:normal}
.pg-thanks img {max-width:100%;height:auto;display:block}
.pg-thanks ul {list-style:none}
.pg-thanks a,
.pg-thanks a:visited {text-decoration:none;color:#e0e4f0}
.pg-thanks div,
.pg-thanks p,
.pg-thanks ul,
.pg-thanks li,
.pg-thanks h1,
.pg-thanks h2,
.pg-thanks h3,
.pg-thanks h4,
.pg-thanks h5,
.pg-thanks h6,
.pg-thanks header,
.pg-thanks footer,
.pg-thanks section {position:relative;box-sizing:border-box}
.pg-thanks a,
.pg-thanks span {position:relative}
.pg-thanks {--bk:#111111;--wh:#ffffff;--off:#131926;--gy:#888;--ac:#c8a84b;--nav:#0a1628;--fen:'Montserrat',sans-serif;--fjp:'Zen Kaku Gothic New',sans-serif;--ez:cubic-bezier(.4,0,.2,1);}
@media(min-width:1251px) {
.pg-thanks a:hover {opacity:.65}
.pg-thanks a.noHover:hover {opacity:1}
}
.pg-thanks #container01 {width:100%;max-width:1920px;margin:0 auto;overflow:hidden}
.pg-thanks #lNav {position:fixed;top:0;left:0;width:280px;height:100%;background:#0d1320;z-index:500;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.08);}
.pg-thanks .lNavLogo {padding:26px 22px 22px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;}
.pg-thanks .lNavLogo a {font-family:var(--fen);font-weight:800;font-size:1.55rem;letter-spacing:.1em;color:#e0e4f0;display:block;}
.pg-thanks .lNavList {flex:1;overflow-y:auto;padding:8px 0;scrollbar-width:none;}
.pg-thanks .lNavList::-webkit-scrollbar {display:none}
.pg-thanks .lNavItem {display:block}
.pg-thanks .lNavLink {display:flex;align-items:center;gap:14px;padding:16px 24px;font-family:var(--fjp);font-size:1.5rem;letter-spacing:.04em;color:rgba(255,255,255,.65);text-decoration:none;transition:color .2s,background .2s;border-left:3px solid transparent;}
.pg-thanks .lNavLink:hover {color:#fff;background:rgba(255,255,255,.07);border-left-color:var(--ac);}
.pg-thanks .lNavLink.active {color:#fff;border-left-color:var(--ac);background:rgba(200,168,75,.09);font-weight:500;}
.pg-thanks .lNavIcon {width:22px;height:22px;flex-shrink:0;opacity:.5;}
.pg-thanks .lNavLink:hover .lNavIcon,
.pg-thanks .lNavLink.active .lNavIcon {opacity:.9}
.pg-thanks .lNavSep {height:1px;background:rgba(255,255,255,.08);margin:8px 22px;}
.pg-thanks .lNavFoot {padding:16px 22px 24px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0;}
.pg-thanks .lNavLang {display:flex;gap:14px;}
.pg-thanks .lNavLang a {font-family:var(--fen);font-size:1.3rem;letter-spacing:.1em;font-weight:700;color:rgba(255,255,255,.4);transition:color .2s;}
.pg-thanks .lNavLang a.active {border-bottom:2px solid #3b82f6;padding-bottom:2px;color:#3b82f6}
.pg-thanks #spHam {display:none;position:fixed;top:0;left:0;width:100%;height:54px;background:#0d1320;border-bottom:1px solid rgba(255,255,255,.08);z-index:500;align-items:center;justify-content:space-between;padding:0 18px;}
.pg-thanks .spHamLogo {display:flex;align-items:center;}
.pg-thanks .spHamBtn {width:36px;height:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;}
.pg-thanks .spHamBtn span {display:block;width:20px;height:1.5px;background:#e0e0e0;transition:all .3s;}
.pg-thanks #spDrawer {display:none;position:fixed;top:54px;left:0;width:100%;background:#0d1320;z-index:499;padding:16px 0 24px;border-top:1px solid rgba(255,255,255,.08);}
.pg-thanks #spDrawer a {display:flex;align-items:center;gap:10px;padding:13px 22px;font-family:var(--fen);font-size:.82rem;letter-spacing:.12em;color:rgba(255,255,255,.65);border-bottom:1px solid rgba(255,255,255,.07);}
.pg-thanks .spDrawerLang {display:flex;gap:16px;padding:14px 22px;border-top:1px solid rgba(255,255,255,.08);margin-top:4px}
.pg-thanks #spDrawer .spDrawerLang a {display:inline-block;padding:0;border-bottom:none;font-weight:700;font-size:.85rem;color:rgba(255,255,255,.4)}
.pg-thanks #spDrawer .spDrawerLang a.active,
.pg-thanks #spDrawer .spDrawerLang a:hover {color:#fff}
@media(min-width:1251px) {
.pg-thanks #container01 {padding-left:280px}
}
@media(max-width:1250px) {
.pg-thanks #lNav {display:none}
.pg-thanks #spHam {display:flex}
.pg-thanks #container01 {padding-left:0;padding-top:54px}
}
@media(pointer:fine) {
.pg-thanks * {cursor:none!important}
.pg-thanks #cursorDot {position:fixed;top:0;left:0;width:3px;height:3px;background:var(--ac);border-radius:0;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);will-change:transform;}
.pg-thanks #cursorRing {position:fixed;top:0;left:0;width:52px;height:52px;border-radius:0;pointer-events:none;z-index:99998;transform:translate(-50%,-50%);background-color:transparent;background-image:linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85));background-size:1.5px 13px,13px 1.5px,1.5px 13px,13px 1.5px,1.5px 13px,13px 1.5px,1.5px 13px,13px 1.5px;background-position:top left,top left,top right,top right,bottom left,bottom left,bottom right,bottom right;background-repeat:no-repeat;transition:width .2s ease,height .2s ease,opacity .2s;will-change:transform;}
.pg-thanks #cursorRing::before {content:'';position:absolute;left:50%;top:36%;bottom:36%;width:1px;background:rgba(200,168,75,.55);transform:translateX(-50%);}
.pg-thanks #cursorRing::after {content:'';position:absolute;top:50%;left:36%;right:36%;height:1px;background:rgba(200,168,75,.55);transform:translateY(-50%);}
.pg-thanks .cursor-hover #cursorDot {width:4px;height:4px;background:#fff;box-shadow:0 0 6px rgba(255,255,255,.5);}
.pg-thanks .cursor-hover #cursorRing {width:66px;height:66px;}
.pg-thanks .cursor-hidden #cursorDot,
.pg-thanks .cursor-hidden #cursorRing {opacity:0;}
}
.pg-thanks .sr {opacity:0;transform:translateY(40px);transition:opacity 1s ease,transform 1s cubic-bezier(.22,1,.36,1);}
.pg-thanks .sr.on {opacity:1;transform:translateY(0);}
.pg-thanks #ctHero {position:relative;height:50vh;min-height:320px;display:flex;align-items:flex-end;overflow:hidden;background:linear-gradient(135deg,#0a1628 0%,#1a3a6e 60%,#0d2244 100%);}
.pg-thanks .ctParticle {position:absolute;border-radius:50%;background:rgba(200,168,75,.18);animation:ctFloatPgThanks linear infinite;pointer-events:none;}
@keyframes ctFloatPgThanks{0%{transform:translateY(100%) scale(0);opacity:0;}10%{opacity:1;}90%{opacity:.6;}100%{transform:translateY(-120vh) scale(1.2);opacity:0;}}
.pg-thanks .ctHeroCon {position:relative;z-index:2;padding:0 60px 60px;width:100%;}
.pg-thanks .ctHeroEn {font-family:var(--fen);font-size:.72rem;letter-spacing:.3em;color:rgba(255,255,255,.5);text-transform:uppercase;display:block;margin-bottom:14px;}
.pg-thanks .ctHeroH1 {font-family:var(--fjp);font-weight:300;font-size:clamp(2.8rem,4.5vw,5rem);color:#fff;letter-spacing:.06em;line-height:1.2;}
.pg-thanks .ctHeroLine {width:40px;height:2px;background:var(--ac);margin-top:22px;}
@media(max-width:767px) {
.pg-thanks .ctHeroCon {padding:0 20px 40px;}
}
.pg-thanks .pgBread {background:#0a0e17;padding:14px 60px;font-size:1.2rem;color:rgba(255,255,255,.4);font-family:var(--fen);letter-spacing:.06em;}
.pg-thanks .pgBread a {color:rgba(255,255,255,.4);border-bottom:1px solid rgba(255,255,255,.12);}
@media(max-width:767px) {
.pg-thanks .pgBread {padding:12px 20px;}
}
.pg-thanks #tkMain {background:#0a0e17;padding:120px 60px;text-align:center;min-height:40vh;display:flex;align-items:center;justify-content:center;}
.pg-thanks .tkInner {max-width:640px;margin:0 auto;}
.pg-thanks .tkIcon {width:56px;height:56px;margin:0 auto 32px;color:var(--ac);}
.pg-thanks .tkTxt {font-size:1.5rem;line-height:2;color:rgba(255,255,255,.65);margin-bottom:44px;}
.pg-thanks .tkBack {display:inline-flex;align-items:center;gap:10px;font-family:var(--fen);font-size:.82rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ac);border-bottom:1px solid rgba(200,168,75,.3);padding-bottom:6px;}
@media(max-width:767px) {
.pg-thanks #tkMain {padding:70px 20px;}
}
.pg-thanks #ft {position:relative;padding:70px 0 0;background-image:url('../../f-all/footer_photo.jpg');background-size:cover;background-position:center;}
.pg-thanks #ft::before {content:'';position:absolute;inset:0;background:rgba(0,0,0,0.72);z-index:0;pointer-events:none;}
.pg-thanks #ft .ftTop,
.pg-thanks #ft .ftBtm {position:relative;z-index:1;}
.pg-thanks .ftTop {display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:40px;padding:0 60px}
.pg-thanks .ftTag {font-size:1.2rem;color:rgba(255,255,255,.85);letter-spacing:.04em;margin-top:14px;line-height:2}
.pg-thanks .ftNvW {display:flex;gap:60px;flex-wrap:wrap}
.pg-thanks .ftNvCol .ftNvT {font-family:var(--fen);font-size:1rem;letter-spacing:.18em;color:#fff;text-transform:uppercase;margin-bottom:16px;display:block;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:10px}
.pg-thanks .ftNvCol ul li {margin-bottom:13px}
.pg-thanks .ftNvCol ul li a {font-size:1.2rem;color:rgba(255,255,255,.85);letter-spacing:.04em;transition:color .2s}
.pg-thanks .ftNvCol ul li a:hover {color:#fff}
.pg-thanks .ftBtm {display:flex;align-items:center;justify-content:center;gap:10px;border-top:1px solid rgba(255,255,255,.2);margin-top:60px;padding:20px 60px}
.pg-thanks .ftCp {font-family:var(--fen);font-size:1rem;letter-spacing:.05em;color:rgba(255,255,255,.65)}
@media(max-width:767px) {
.pg-thanks .ftTop {padding:0 20px}
.pg-thanks .ftNvW {gap:28px}
.pg-thanks .ftBtm {padding:20px;flex-direction:column;align-items:flex-start}
}
.pg-thanks #pt a {position:fixed;bottom:28px;right:28px;z-index:100;width:44px;height:44px;background:var(--bk);display:flex;align-items:center;justify-content:center;color:#fff!important;font-family:var(--fen);font-size:.6rem;letter-spacing:.1em;opacity:.55;transition:opacity .2s}

/* ================================================================
   trade.html （body.pg-trade 配下スコープ）
================================================================ */
body.pg-trade {font-size:1.6rem;font-family:'Zen Kaku Gothic New',sans-serif;color:#e0e4f0;background:#0a0e17;line-height:1.7;-webkit-text-size-adjust:100%}
.pg-trade h1,
.pg-trade h2,
.pg-trade h3,
.pg-trade h4,
.pg-trade h5,
.pg-trade h6 {font-weight:normal}
.pg-trade img {max-width:100%;height:auto;display:block}
.pg-trade ul {list-style:none}
.pg-trade a,
.pg-trade a:visited {text-decoration:none;color:#e0e4f0}
.pg-trade div,
.pg-trade p,
.pg-trade ul,
.pg-trade li,
.pg-trade h1,
.pg-trade h2,
.pg-trade h3,
.pg-trade h4,
.pg-trade h5,
.pg-trade h6,
.pg-trade header,
.pg-trade footer,
.pg-trade section {position:relative;box-sizing:border-box}
.pg-trade a,
.pg-trade span {position:relative}
.pg-trade {--bk:#111111;--wh:#ffffff;--off:#131926;--gy:#888;--ac:#c8a84b;--nav:#0a1628;--fen:'Montserrat',sans-serif;--fjp:'Zen Kaku Gothic New',sans-serif;--ez:cubic-bezier(.4,0,.2,1);}
@media(min-width:1251px) {
.pg-trade a:hover {opacity:.65}
.pg-trade a.noHover:hover {opacity:1}
}
.pg-trade #container01 {width:100%;max-width:1920px;margin:0 auto;overflow:hidden}
.pg-trade #loading {position:fixed;inset:0;z-index:9999;background:#0a0e17;display:flex;align-items:center;justify-content:center;transition:opacity .7s ease,visibility .7s ease;}
.pg-trade #loading.loaded {opacity:0;visibility:hidden;pointer-events:none;}
.pg-trade .ldInner {text-align:center;}
.pg-trade .ldLogo {max-width:200px;height:auto;display:block;margin:0 auto 28px;animation:ldFadeUpPgTrade .7s ease both;}
.pg-trade .ldBar {width:160px;height:1px;background:rgba(0,0,0,.12);margin:0 auto;overflow:hidden;}
.pg-trade .ldBarIn {display:block;height:100%;background:#1a3a6e;width:0;animation:ldSlidePgTrade 1.1s ease .4s both;}
@keyframes ldFadeUpPgTrade{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}
@keyframes ldSlidePgTrade{from{width:0;}to{width:100%;}}
@media(pointer:fine) {
.pg-trade * {cursor:none!important}
.pg-trade #cursorDot {position:fixed;top:0;left:0;width:3px;height:3px;background:var(--ac);border-radius:0;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);will-change:transform;}
.pg-trade #cursorRing {position:fixed;top:0;left:0;width:52px;height:52px;border-radius:0;pointer-events:none;z-index:99998;transform:translate(-50%,-50%);background-color:transparent;background-image:linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85));background-size:1.5px 13px,13px 1.5px,1.5px 13px,13px 1.5px,1.5px 13px,13px 1.5px,1.5px 13px,13px 1.5px;background-position:top left,top left,top right,top right,bottom left,bottom left,bottom right,bottom right;background-repeat:no-repeat;transition:width .2s ease,height .2s ease,opacity .2s;will-change:transform;}
.pg-trade #cursorRing::before {content:'';position:absolute;left:50%;top:36%;bottom:36%;width:1px;background:rgba(200,168,75,.55);transform:translateX(-50%);}
.pg-trade #cursorRing::after {content:'';position:absolute;top:50%;left:36%;right:36%;height:1px;background:rgba(200,168,75,.55);transform:translateY(-50%);}
.pg-trade .cursor-hover #cursorDot {width:4px;height:4px;background:#fff;box-shadow:0 0 6px rgba(255,255,255,.5);}
.pg-trade .cursor-hover #cursorRing {width:66px;height:66px;}
.pg-trade .cursor-hidden #cursorDot,
.pg-trade .cursor-hidden #cursorRing {opacity:0;}
}
.pg-trade .sr {opacity:0;transform:translateY(40px);transition:opacity 1s ease,transform 1s cubic-bezier(.22,1,.36,1);}
.pg-trade .sr.on {opacity:1;transform:translateY(0);}
.pg-trade #lNav {position:fixed;top:0;left:0;width:280px;height:100%;background:#0d1320;z-index:500;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.08);}
.pg-trade .lNavLogo {padding:26px 22px 22px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;}
.pg-trade .lNavLogo a {font-family:var(--fen);font-weight:800;font-size:1.55rem;letter-spacing:.1em;color:#e0e4f0;display:block;}
.pg-trade .lNavList {flex:1;overflow-y:auto;padding:8px 0;scrollbar-width:none;}
.pg-trade .lNavList::-webkit-scrollbar {display:none}
.pg-trade .lNavItem {display:block}
.pg-trade .lNavLink {display:flex;align-items:center;gap:14px;padding:16px 24px;font-family:var(--fjp);font-size:1.5rem;letter-spacing:.04em;color:rgba(255,255,255,.65);text-decoration:none;transition:color .2s,background .2s;border-left:3px solid transparent;}
.pg-trade .lNavLink:hover {color:#fff;background:rgba(255,255,255,.07);border-left-color:var(--ac);}
.pg-trade .lNavLink.active {color:#fff;border-left-color:var(--ac);background:rgba(200,168,75,.09);font-weight:500;}
.pg-trade .lNavIcon {width:22px;height:22px;flex-shrink:0;opacity:.5;}
.pg-trade .lNavLink:hover .lNavIcon,
.pg-trade .lNavLink.active .lNavIcon {opacity:.9}
.pg-trade .lNavSep {height:1px;background:rgba(255,255,255,.08);margin:8px 22px;}
.pg-trade .lNavFoot {padding:16px 22px 24px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0;}
.pg-trade .lNavLang {display:flex;gap:14px;}
.pg-trade .lNavLang a {font-family:var(--fen);font-size:1.3rem;letter-spacing:.1em;font-weight:700;color:rgba(255,255,255,.4);transition:color .2s;}
.pg-trade .lNavLang a.active {border-bottom:2px solid #3b82f6;padding-bottom:2px;color:#3b82f6}
.pg-trade #spHam {display:none;position:fixed;top:0;left:0;width:100%;height:54px;background:#0d1320;border-bottom:1px solid rgba(255,255,255,.08);z-index:500;align-items:center;justify-content:space-between;padding:0 18px;}
.pg-trade .spHamLogo {display:flex;align-items:center;}
.pg-trade .spHamBtn {width:36px;height:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;}
.pg-trade .spHamBtn span {display:block;width:20px;height:1.5px;background:#e0e0e0;transition:all .3s;}
.pg-trade #spDrawer {display:none;position:fixed;top:54px;left:0;width:100%;background:#0d1320;z-index:499;padding:16px 0 24px;border-top:1px solid rgba(255,255,255,.08);}
.pg-trade #spDrawer a {display:flex;align-items:center;gap:10px;padding:13px 22px;font-family:var(--fen);font-size:.82rem;letter-spacing:.12em;color:rgba(255,255,255,.65);border-bottom:1px solid rgba(255,255,255,.07);}
.pg-trade .spDrawerLang {display:flex;gap:16px;padding:14px 22px;border-top:1px solid rgba(255,255,255,.08);margin-top:4px}
.pg-trade #spDrawer .spDrawerLang a {display:inline-block;padding:0;border-bottom:none;font-weight:700;font-size:.85rem;color:rgba(255,255,255,.4)}
.pg-trade #spDrawer .spDrawerLang a.active,
.pg-trade #spDrawer .spDrawerLang a:hover {color:#fff}
@media(min-width:1251px) {
.pg-trade #container01 {padding-left:280px}
}
@media(max-width:1250px) {
.pg-trade #lNav {display:none}
.pg-trade #spHam {display:flex}
.pg-trade #container01 {padding-left:0;padding-top:54px}
}
.pg-trade .pgHero {position:relative;height:60vh;min-height:420px;display:flex;align-items:flex-end;overflow:hidden;}
.pg-trade .pgHeroBg {position:absolute;inset:0;background-size:cover;background-position:center;z-index:0;transform:scale(1.06);animation:heroZoomPgTrade 8s ease forwards;}
@keyframes heroZoomPgTrade{to{transform:scale(1);}}
.pg-trade .pgHeroOv {position:absolute;inset:0;background:linear-gradient(125deg,rgba(0,0,0,.80) 0%,rgba(0,0,0,.25) 70%);z-index:1;}
.pg-trade .pgHeroDeco1 {position:absolute;top:22%;left:28%;width:64%;height:1px;background:linear-gradient(90deg,transparent,rgba(200,168,75,.5),transparent);transform:rotate(-14deg);pointer-events:none;z-index:2;}
.pg-trade .pgHeroDeco2 {position:absolute;top:40%;left:16%;width:80%;height:1px;background:linear-gradient(90deg,transparent,rgba(200,168,75,.25),transparent);transform:rotate(-14deg);pointer-events:none;z-index:2;}
.pg-trade .pgHeroDot {position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:28px 28px;z-index:1;}
.pg-trade .pgHeroCon {position:relative;z-index:3;padding:0 60px 60px;width:100%;}
.pg-trade .pgHeroEn {font-family:var(--fen);font-size:.72rem;letter-spacing:.3em;color:rgba(255,255,255,.55);text-transform:uppercase;display:block;margin-bottom:14px;animation:ldFadeUpPgTrade .8s ease .3s both;}
.pg-trade .pgHeroH1 {font-family:var(--fjp);font-weight:300;font-size:clamp(2.8rem,4.5vw,5rem);color:#fff;letter-spacing:.06em;line-height:1.2;animation:ldFadeUpPgTrade .9s ease .5s both;}
.pg-trade .pgHeroLine {width:40px;height:2px;background:var(--ac);margin-top:22px;animation:ldFadeUpPgTrade .8s ease .7s both;}
@media(max-width:767px) {
.pg-trade .pgHeroCon {padding:0 20px 40px;}
}
.pg-trade .pgBread {background:#0a0e17;padding:14px 60px;font-size:1.2rem;color:rgba(255,255,255,.4);font-family:var(--fen);letter-spacing:.06em;}
.pg-trade .pgBread a {color:rgba(255,255,255,.4);border-bottom:1px solid rgba(255,255,255,.12);}
@media(max-width:767px) {
.pg-trade .pgBread {padding:12px 20px;}
}
.pg-trade .secLbl {display:block;font-family:var(--fen);text-transform:uppercase;font-size:1.1rem;letter-spacing:.28em;color:var(--gy);margin-bottom:10px;}
.pg-trade .secLine {display:block;width:36px;height:1px;background:var(--ac);margin:14px 0;}
.pg-trade .secH {font-family:var(--fjp);font-weight:300;font-size:clamp(2.2rem,3.2vw,3rem);letter-spacing:.04em;line-height:1.3;}
.pg-trade .trNetwork {background:var(--bk);color:#fff;display:grid;grid-template-columns:1fr 1fr;}
.pg-trade .trNetMap {padding:80px 60px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.06);}
.pg-trade .trNetMapSvg {position:relative;width:100%;height:320px;margin-top:36px;}
.pg-trade .trNetMapSvg svg {width:100%;height:100%;overflow:visible;}
.pg-trade .nodeDot {fill:var(--ac);}
.pg-trade .nodeDotHQ {fill:#fff;}
.pg-trade .nodeLabel {font-size:11px;fill:#fff;font-family:var(--fjp);letter-spacing:.06em;}
.pg-trade .nodeLabelSub {font-size:10px;fill:var(--ac);font-family:var(--fen);letter-spacing:.1em;}
.pg-trade .pathLine {fill:none;stroke:var(--ac);stroke-width:1;stroke-dasharray:6 4;animation:dashFlowPgTrade 3s linear infinite;opacity:.6;}
.pg-trade .pathLine2 {fill:none;stroke:rgba(200,168,75,.35);stroke-width:1;stroke-dasharray:4 6;animation:dashFlowPgTrade 4s linear infinite reverse;opacity:.4;}
@keyframes dashFlowPgTrade{to{stroke-dashoffset:-40;}}
.pg-trade .trNetTxt {padding:80px 60px;display:flex;flex-direction:column;justify-content:center;}
.pg-trade .trNetTxtBody {font-size:1.4rem;line-height:2;color:rgba(255,255,255,.65);margin-bottom:20px;}
.pg-trade .trPbBadge {display:inline-flex;align-items:center;gap:10px;padding:11px 22px;background:rgba(200,168,75,.1);border:1px solid rgba(200,168,75,.35);border-left:3px solid var(--ac);font-family:var(--fjp);font-size:1.3rem;color:rgba(255,255,255,.88);letter-spacing:.07em;margin:6px 0 24px;}
.pg-trade .trPbBadge::before {content:'✦';color:var(--ac);font-size:.9rem;}
.pg-trade .trNetMetrics {display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px;}
.pg-trade .trNetMetric {border-top:1px solid rgba(200,168,75,.3);padding-top:18px;}
.pg-trade .trNetMetricNum {font-family:var(--fen);font-size:2.4rem;font-weight:400;color:var(--ac);letter-spacing:.02em;}
.pg-trade .trNetMetricUnit {font-size:1.1rem;color:rgba(255,255,255,.4);letter-spacing:.08em;margin-left:3px;}
.pg-trade .trNetMetricDesc {font-size:1.2rem;color:rgba(255,255,255,.5);margin-top:3px;letter-spacing:.05em;}
@media(max-width:1100px) {
.pg-trade .trNetwork {grid-template-columns:1fr;}
.pg-trade .trNetMap {border-right:none;border-bottom:1px solid rgba(255,255,255,.06);padding:60px 40px;}
.pg-trade .trNetTxt {padding:60px 40px;}
}
@media(max-width:767px) {
.pg-trade .trNetMap,
.pg-trade .trNetTxt {padding:48px 20px;}
.pg-trade .trNetMetrics {grid-template-columns:1fr;}
}
.pg-trade .trProduct {background:var(--bk);color:#fff;padding:90px 60px;position:relative;overflow:hidden;}
.pg-trade .trProduct::before {content:'ReadeRest';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-8deg);font-family:var(--fen);font-size:clamp(4rem,9vw,9rem);font-weight:700;color:rgba(255,255,255,.025);white-space:nowrap;pointer-events:none;letter-spacing:.04em;line-height:1;}
.pg-trade .trProduct::after {content:'';position:absolute;top:28%;left:-8%;width:52%;height:1px;background:linear-gradient(90deg,transparent,rgba(200,168,75,.28),transparent);transform:rotate(-8deg);}
.pg-trade .trProductGrid {display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:start;position:relative;z-index:2;}
.pg-trade .trBrand {font-family:var(--fen);font-size:clamp(2rem,4vw,3.4rem);font-weight:400;font-style:italic;color:#fff;letter-spacing:.04em;margin-bottom:6px;line-height:1;}
.pg-trade .trBrand span {color:var(--ac);}
.pg-trade .trBrandTag {font-size:1.1rem;letter-spacing:.16em;color:rgba(255,255,255,.4);margin-bottom:28px;text-transform:uppercase;}
.pg-trade .trProductDesc {font-size:1.4rem;line-height:2;color:rgba(255,255,255,.65);margin-bottom:36px;}
.pg-trade .trSwatches {display:flex;gap:14px;margin-bottom:36px;}
.pg-trade .trSwatch {width:44px;height:44px;border-radius:50%;transition:transform .25s;}
.pg-trade .trSwatch:hover {transform:scale(1.15);}
.pg-trade .trSwatch.s1 {background:#c8a84b;border:2px solid rgba(255,255,255,.2);}
.pg-trade .trSwatch.s2 {background:#2c2c2c;border:2px solid rgba(255,255,255,.2);}
.pg-trade .trSwatch.s3 {background:#e8e0d0;border:2px solid rgba(255,255,255,.2);}
.pg-trade .trChannels {display:flex;flex-wrap:wrap;gap:7px;}
.pg-trade .trChannelPill {padding:5px 14px;background:rgba(200,168,75,.1);border:1px solid rgba(200,168,75,.25);font-size:1.2rem;letter-spacing:.08em;color:var(--ac);}
.pg-trade .trSpecTable {width:100%;border-collapse:collapse;font-size:1.3rem;}
.pg-trade .trSpecTable tr {border-bottom:1px solid rgba(255,255,255,.07);}
.pg-trade .trSpecTable th {text-align:left;padding:13px 0;color:rgba(255,255,255,.4);font-weight:400;letter-spacing:.06em;width:42%;font-size:1.2rem;}
.pg-trade .trSpecTable td {padding:13px 0;color:rgba(255,255,255,.8);}
@media(max-width:1000px) {
.pg-trade .trProductGrid {grid-template-columns:1fr;gap:40px;}
}
@media(max-width:767px) {
.pg-trade .trProduct {padding:60px 20px;}
}
.pg-trade .trImport {background:#0f1520;padding:90px 60px;}
.pg-trade .trImportGrid {display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px;}
.pg-trade .trImportCard {background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-top:2px solid rgba(200,168,75,.3);padding:30px 22px;transition:border-color .3s,background .3s,transform .3s;}
.pg-trade .trImportCard:hover {border-color:rgba(200,168,75,.5);border-top-color:var(--ac);background:rgba(200,168,75,.06);transform:translateY(-5px);}
.pg-trade .trImportCardIcon {width:44px;height:44px;border:1px solid rgba(200,168,75,.35);display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
.pg-trade .trImportCardIcon svg {width:22px;height:22px;}
.pg-trade .trImportCardJp {font-family:var(--fjp);font-size:1.4rem;color:#fff;margin-bottom:5px;letter-spacing:.04em;}
.pg-trade .trImportCardEn {font-family:var(--fen);font-size:.95rem;letter-spacing:.12em;color:var(--ac);margin-bottom:12px;}
.pg-trade .trImportCardDesc {font-size:1.2rem;line-height:1.85;color:rgba(255,255,255,.4);}
@media(max-width:767px) {
.pg-trade .trImport {padding:60px 20px;}
.pg-trade .trImportGrid {grid-template-columns:1fr;}
}
.pg-trade .trFlow {background:var(--bk);padding:90px 60px;color:#fff;position:relative;overflow:hidden;}
.pg-trade .trFlow::before {content:'FLOW';position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);font-family:var(--fen);font-size:clamp(9rem,18vw,22rem);font-weight:900;color:rgba(255,255,255,.018);letter-spacing:.18em;pointer-events:none;white-space:nowrap;}
.pg-trade .trFlowWrap {margin-top:60px;position:relative;z-index:1;}
.pg-trade .trFlowRail {height:1px;background:rgba(255,255,255,.06);position:relative;overflow:hidden;}
.pg-trade .trFlowRailFill {position:absolute;left:0;top:0;height:100%;width:0;background:linear-gradient(90deg,var(--ac),rgba(200,168,75,.45));transform:none!important;transition:opacity .3s ease,width 2.6s cubic-bezier(.22,1,.36,1) .35s;}
.pg-trade .trFlowRailFill.on {width:100%;}
.pg-trade .trFlowTrack {display:flex;align-items:stretch;gap:0;}
.pg-trade .trFlowItem {flex:1;min-width:0;}
.pg-trade .trFlowConn {width:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;margin-top:0;}
.pg-trade .trFlowConn::before {content:'';position:absolute;left:0;right:11px;top:50%;height:1px;background:linear-gradient(90deg,rgba(200,168,75,.2),rgba(200,168,75,.55));}
.pg-trade .trFlowConn::after {content:'';position:absolute;right:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:9px solid rgba(200,168,75,.65);}
.pg-trade .trFlowCard {background:rgba(255,255,255,.028);border:1px solid rgba(255,255,255,.07);border-top:2px solid rgba(200,168,75,.3);padding:30px 20px;height:100%;position:relative;overflow:hidden;transition:background .35s,border-top-color .35s,transform .4s cubic-bezier(.22,1,.36,1),box-shadow .35s;cursor:default;}
.pg-trade .trFlowCard:hover {background:rgba(200,168,75,.07);border-top-color:var(--ac);transform:translateY(-9px);box-shadow:0 22px 50px rgba(0,0,0,.65);}
.pg-trade .trFlowCard::before {content:attr(data-num);position:absolute;bottom:-14px;right:-3px;font-family:var(--fen);font-size:9rem;font-weight:900;color:rgba(255,255,255,.032);line-height:1;pointer-events:none;transition:color .35s;}
.pg-trade .trFlowCard:hover::before {color:rgba(200,168,75,.06);}
.pg-trade .trFcLabel {font-family:var(--fen);font-size:.82rem;color:var(--ac);letter-spacing:.28em;font-weight:700;margin-bottom:16px;opacity:.9;}
.pg-trade .trFcIcon {width:42px;height:42px;background:rgba(200,168,75,.08);border:1px solid rgba(200,168,75,.22);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:16px;transition:background .35s,border-color .35s,transform .4s cubic-bezier(.22,1,.36,1);}
.pg-trade .trFlowCard:hover .trFcIcon {background:rgba(200,168,75,.2);border-color:rgba(200,168,75,.55);transform:scale(1.1) rotate(-6deg);}
.pg-trade .trFlowCard h4 {font-size:1.25rem;font-weight:500;letter-spacing:.07em;margin-bottom:8px;color:#fff;}
.pg-trade .trFlowCard p {font-size:1.1rem;color:rgba(255,255,255,.38);line-height:1.9;}
@media(max-width:1100px) {
.pg-trade .trFlowTrack {flex-wrap:wrap;}
.pg-trade .trFlowItem {flex:0 0 33.333%;}
.pg-trade .trFlowConn {display:none;}
}
@media(max-width:767px) {
.pg-trade .trFlow {padding:60px 20px;}
.pg-trade .trFlowItem {flex:0 0 50%;}
}
@media(max-width:480px) {
.pg-trade .trFlowItem {flex:0 0 100%;}
}
.pg-trade .trChannelsSec {background:var(--bk);color:#fff;display:grid;grid-template-columns:1fr 1fr;}
.pg-trade .trChLeft {padding:80px 60px;border-right:1px solid rgba(255,255,255,.06);}
.pg-trade .trChRight {padding:80px 60px;}
.pg-trade .trPillGrid {display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;}
.pg-trade .trChPill {padding:10px 20px;border:1px solid rgba(255,255,255,.15);border-radius:28px;font-size:1.25rem;letter-spacing:.06em;color:rgba(255,255,255,.7);transition:border-color .25s,color .25s,background .25s;}
.pg-trade .trChPill:hover {border-color:var(--ac);color:var(--ac);background:rgba(200,168,75,.07);}
.pg-trade .trOemBox {background:linear-gradient(to bottom,rgba(200,168,75,.12),rgba(0,0,0,0));border:1px solid rgba(200,168,75,.2);padding:36px 28px;margin-top:36px;}
.pg-trade .trOemBox h3 {font-family:var(--fen);font-size:1.6rem;color:var(--ac);margin-bottom:14px;font-weight:400;}
.pg-trade .trOemBox p {font-size:1.35rem;line-height:2;color:rgba(255,255,255,.6);}
@media(max-width:1100px) {
.pg-trade .trChannelsSec {grid-template-columns:1fr;}
.pg-trade .trChLeft {border-right:none;border-bottom:1px solid rgba(255,255,255,.06);padding:60px 40px;}
.pg-trade .trChRight {padding:60px 40px;}
}
@media(max-width:767px) {
.pg-trade .trChLeft,
.pg-trade .trChRight {padding:48px 20px;}
}
.pg-trade .trProcure {background:linear-gradient(135deg,#0b1a30 0%,#060e1a 60%,#101a0c 100%);padding:80px 60px;overflow:hidden;border-top:2px solid rgba(200,168,75,.25);border-bottom:2px solid rgba(200,168,75,.25);}
.pg-trade .trProcureGlow {position:absolute;top:-100px;right:-60px;width:480px;height:480px;background:radial-gradient(circle,rgba(200,168,75,.09) 0%,transparent 65%);pointer-events:none;}
.pg-trade .trProcureGrid {display:grid;grid-template-columns:1fr auto;align-items:center;gap:60px;position:relative;z-index:1;}
.pg-trade .trProcureLbl {font-family:var(--fen);font-size:.82rem;letter-spacing:.34em;color:var(--ac);margin-bottom:10px;display:block;text-transform:uppercase;}
.pg-trade .trProcureTag {display:inline-block;padding:7px 20px;background:rgba(200,168,75,.13);border:1px solid rgba(200,168,75,.45);font-family:var(--fen);font-size:.95rem;letter-spacing:.2em;color:var(--ac);text-transform:uppercase;margin-bottom:22px;}
.pg-trade .trProcureH {font-family:var(--fjp);font-size:clamp(2rem,2.8vw,2.8rem);color:#fff;font-weight:400;letter-spacing:.04em;line-height:1.35;margin-bottom:18px;}
.pg-trade .trProcureH em {color:var(--ac);font-style:normal;}
.pg-trade .trProcureBody {font-size:1.4rem;line-height:2.05;color:rgba(255,255,255,.6);max-width:640px;}
.pg-trade .trProcureBtn {display:inline-block;padding:15px 40px;border:1.5px solid var(--ac);font-family:var(--fen);font-size:1.15rem;letter-spacing:.14em;color:var(--ac);white-space:nowrap;transition:background .25s,color .25s,transform .25s;}
.pg-trade .trProcureBtn:hover {background:var(--ac);color:var(--nav);transform:translateY(-2px);}
@media(max-width:1000px) {
.pg-trade .trProcureGrid {grid-template-columns:1fr;gap:28px;}
}
@media(max-width:767px) {
.pg-trade .trProcure {padding:56px 20px;}
}
.pg-trade .trCta {background:var(--nav);color:#fff;text-align:center;padding:100px 60px;overflow:hidden;}
.pg-trade .trCta::before {content:'';position:absolute;left:40px;top:20%;height:60%;width:1px;background:linear-gradient(to bottom,transparent,var(--ac),transparent);}
.pg-trade .trCta::after {content:'';position:absolute;right:40px;top:20%;height:60%;width:1px;background:linear-gradient(to bottom,transparent,var(--ac),transparent);}
.pg-trade .trCtaH {font-family:var(--fjp);font-weight:300;font-size:clamp(2.2rem,3.2vw,3.2rem);letter-spacing:.04em;margin-bottom:14px;position:relative;z-index:1;}
.pg-trade .trCtaH span {color:var(--ac);}
.pg-trade .trCtaSub {font-size:1.35rem;color:rgba(255,255,255,.55);letter-spacing:.06em;margin-bottom:40px;position:relative;z-index:1;}
.pg-trade .trCtaBtn {display:inline-block;padding:16px 52px;background:var(--ac);color:var(--nav);font-size:1.3rem;font-weight:700;letter-spacing:.14em;transition:background .25s,transform .25s;font-family:var(--fen);position:relative;z-index:1;}
.pg-trade .trCtaBtn:hover {background:#dbb94f;transform:translateY(-2px);}
.pg-trade .trCtaTel {margin-top:22px;font-family:var(--fen);font-size:1.8rem;letter-spacing:.06em;color:rgba(255,255,255,.7);position:relative;z-index:1;}
.pg-trade .trCtaTel a {color:rgba(255,255,255,.7);}
.pg-trade .trCtaTelLbl {font-size:1.1rem;letter-spacing:.14em;color:rgba(255,255,255,.3);margin-top:3px;position:relative;z-index:1;}
@media(max-width:767px) {
.pg-trade .trCta {padding:70px 20px;}
}
.pg-trade #ft {position:relative;padding:70px 0 0;background-image:url('../../f-all/footer_photo.jpg');background-size:cover;background-position:center;}
.pg-trade #ft::before {content:'';position:absolute;inset:0;background:rgba(0,0,0,0.72);z-index:0;pointer-events:none;}
.pg-trade #ft .ftTop,
.pg-trade #ft .ftBtm {position:relative;z-index:1;}
.pg-trade .ftTop {display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:40px;padding:0 60px;}
.pg-trade .ftTag {font-size:1.2rem;color:rgba(255,255,255,.85);letter-spacing:.04em;margin-top:14px;line-height:2;}
.pg-trade .ftNvW {display:flex;gap:60px;flex-wrap:wrap;}
.pg-trade .ftNvCol .ftNvT {font-family:var(--fen);font-size:1rem;letter-spacing:.18em;color:#fff;text-transform:uppercase;margin-bottom:16px;display:block;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:10px;}
.pg-trade .ftNvCol ul li {margin-bottom:13px;}
.pg-trade .ftNvCol ul li a {font-size:1.2rem;color:rgba(255,255,255,.85);letter-spacing:.04em;transition:color .2s;}
.pg-trade .ftNvCol ul li a:hover {color:#fff;}
.pg-trade .ftBtm {display:flex;align-items:center;justify-content:center;border-top:1px solid rgba(255,255,255,.2);margin-top:60px;padding:20px 60px;}
.pg-trade .ftCp {font-family:var(--fen);font-size:1rem;letter-spacing:.05em;color:rgba(255,255,255,.65);}
@media(max-width:767px) {
.pg-trade .ftTop {padding:0 20px;}
.pg-trade .ftNvW {gap:28px;}
.pg-trade .ftBtm {padding:20px;}
}
.pg-trade #pt a {position:fixed;bottom:28px;right:28px;z-index:100;width:44px;height:44px;background:var(--bk);display:flex;align-items:center;justify-content:center;color:#fff!important;font-family:var(--fen);font-size:.6rem;letter-spacing:.1em;opacity:.55;transition:opacity .2s;}

/* ================================================================
   warehouse.html （body.pg-warehouse 配下スコープ）
================================================================ */
body.pg-warehouse {font-size:1.6rem}
.pg-warehouse img {max-width:100%;height:auto;vertical-align:bottom;display:block}
.pg-warehouse a {color:inherit;text-decoration:none}
.pg-warehouse ul,
.pg-warehouse ol {list-style:none}
.pg-warehouse {
  --bk:#111111;--wh:#ffffff;--off:#131926;--gy:#888;
  --ac:#c8a84b;
  --fen:'Montserrat',sans-serif;
  --fjp:'Zen Kaku Gothic New',sans-serif;
  --ez:cubic-bezier(.4,0,.2,1);
}
body.pg-warehouse {font-family:var(--fjp);color:#e0e4f0;background:#0a0e17;line-height:1.7;-webkit-text-size-adjust:100%}
.pg-warehouse h1,
.pg-warehouse h2,
.pg-warehouse h3,
.pg-warehouse h4,
.pg-warehouse h5,
.pg-warehouse h6 {font-weight:normal}
.pg-warehouse ul {list-style:none}
.pg-warehouse a,
.pg-warehouse a:link,
.pg-warehouse a:visited,
.pg-warehouse a:hover,
.pg-warehouse a:active {text-decoration:none;color:#e0e4f0}
.pg-warehouse header,
.pg-warehouse footer,
.pg-warehouse div,
.pg-warehouse p,
.pg-warehouse ul,
.pg-warehouse li,
.pg-warehouse h1,
.pg-warehouse h2,
.pg-warehouse h3,
.pg-warehouse h4,
.pg-warehouse h5,
.pg-warehouse h6 {position:relative;box-sizing:border-box}
.pg-warehouse a,
.pg-warehouse span {position:relative}
.pg-warehouse .fen {font-family:var(--fen)}
@media(min-width:1251px) {
.pg-warehouse a:hover {opacity:.65}
.pg-warehouse a.noHover:hover {opacity:1}
}
@media(max-width:1250px) {
.pg-warehouse a,
.pg-warehouse a:hover {text-decoration:none!important}
}
.pg-warehouse #container01 {width:100%;max-width:1920px;margin:0 auto;overflow:hidden}
.pg-warehouse .imgCover {width:100%;height:100%;object-fit:cover;display:block}
.pg-warehouse .mb05 {margin-bottom:5px!important}
.pg-warehouse .mb10 {margin-bottom:10px!important}
.pg-warehouse .mb20 {margin-bottom:20px!important}
.pg-warehouse .mb30 {margin-bottom:30px!important}
.pg-warehouse .mb40 {margin-bottom:40px!important}
.pg-warehouse .mb50 {margin-bottom:50px!important}
.pg-warehouse .mt10 {margin-top:10px!important}
.pg-warehouse .mt20 {margin-top:20px!important}
.pg-warehouse .mt30 {margin-top:30px!important}
.pg-warehouse .mt40 {margin-top:40px!important}
.pg-warehouse .blk {display:block!important}
.pg-warehouse .tc {text-align:center!important}
.pg-warehouse .fcWh {color:#fff!important}
.pg-warehouse .fcGy {color:#888!important}
@media(max-width:767px) {
.pg-warehouse .spOnly {display:block!important}
.pg-warehouse .pcOnly {display:none!important}
}
@media(min-width:768px) {
.pg-warehouse .spOnly {display:none!important}
.pg-warehouse .pcOnly {display:block!important}
}
.pg-warehouse .btn {display:inline-block;text-align:center;text-decoration:none!important;cursor:pointer;transition:all .2s var(--ez);box-sizing:border-box;font-family:var(--fen);letter-spacing:.15em;font-size:1.3rem}
.pg-warehouse .btnMd {height:52px;line-height:52px;padding:0 36px}
.pg-warehouse .btnBk {background:var(--bk);color:#fff!important}
.pg-warehouse .btnWhO {border:1px solid rgba(255,255,255,.5);color:#fff!important;background:transparent}
.pg-warehouse .slabel {display:block;font-family:var(--fen);text-transform:uppercase;font-size:1.1rem;letter-spacing:.28em;color:var(--gy)}
.pg-warehouse .sline {display:block;width:36px;height:1px;background:var(--ac);margin:18px 0}
.pg-warehouse .stitle {font-weight:300;letter-spacing:.06em;line-height:1.3}
@media(min-width:1251px) {
.pg-warehouse .stitle {font-size:2.8rem}
}
@media(min-width:768px) and (max-width:1250px) {
.pg-warehouse .stitle {font-size:2.2rem}
}
@media(max-width:767px) {
.pg-warehouse .stitle {font-size:1.9rem}
}
.pg-warehouse #lNav {
  position:fixed;top:0;left:0;
  width:280px;height:100%;
  background:#0d1320;
  z-index:500;
  display:flex;flex-direction:column;
  border-right:1px solid rgba(255,255,255,.08);
}
.pg-warehouse .lNavLogo {padding:26px 22px 22px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;}
.pg-warehouse .lNavLogo a {font-family:var(--fen);font-weight:800;font-size:1.55rem;letter-spacing:.1em;color:#e0e4f0;text-decoration:none;display:block;}
.pg-warehouse .lNavLogo a:hover {opacity:.7}
.pg-warehouse .lNavList {flex:1;overflow-y:auto;padding:8px 0;scrollbar-width:none;}
.pg-warehouse .lNavList::-webkit-scrollbar {display:none}
.pg-warehouse .lNavItem {display:block}
.pg-warehouse .lNavLink {
  display:flex;align-items:center;gap:14px;
  padding:16px 24px;
  font-family:var(--fjp);font-size:1.5rem;
  letter-spacing:.04em;color:rgba(255,255,255,.65);
  text-decoration:none;
  transition:color .2s,background .2s;
  border-left:3px solid transparent;
}
.pg-warehouse .lNavLink:hover {color:#fff;background:rgba(255,255,255,.07);border-left-color:var(--ac);}
.pg-warehouse .lNavLink.active {color:#fff;border-left-color:var(--ac);background:rgba(200,168,75,.09);font-weight:500;}
.pg-warehouse .lNavIcon {width:22px;height:22px;flex-shrink:0;opacity:.5;}
.pg-warehouse .lNavLink:hover .lNavIcon,
.pg-warehouse .lNavLink.active .lNavIcon {opacity:.9}
.pg-warehouse .lNavSep {height:1px;background:rgba(255,255,255,.08);margin:8px 22px;}
.pg-warehouse .lNavFoot {padding:16px 22px 24px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0;}
.pg-warehouse .lNavLang {display:flex;gap:14px;}
.pg-warehouse .lNavLang a {font-family:var(--fen);font-size:1.3rem;letter-spacing:.1em;font-weight:700;color:rgba(255,255,255,.4);text-decoration:none;transition:color .2s;}
.pg-warehouse .lNavLang a:hover,
.pg-warehouse .lNavLang a.active {color:#fff}
.pg-warehouse .lNavLang a.active {border-bottom:2px solid var(--ac);padding-bottom:2px;color:var(--ac)}
.pg-warehouse #spHam {
  display:none;
  position:fixed;top:0;left:0;width:100%;height:54px;
  background:#0d1320;border-bottom:1px solid rgba(255,255,255,.08);
  z-index:500;align-items:center;
  justify-content:space-between;padding:0 18px;
}
.pg-warehouse .spHamLogo {display:flex;align-items:center;}
.pg-warehouse .spHamBtn {width:36px;height:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;}
.pg-warehouse .spHamBtn span {display:block;width:20px;height:1.5px;background:#e0e0e0;transition:all .3s;}
.pg-warehouse #spDrawer {
  display:none;
  position:fixed;top:54px;left:0;width:100%;
  background:#0d1320;
  z-index:499;padding:16px 0 24px;
  border-top:1px solid rgba(255,255,255,.08);
  box-shadow:0 8px 20px rgba(0,0,0,.3);
}
.pg-warehouse #spDrawer a {
  display:flex;align-items:center;gap:10px;
  padding:13px 22px;
  font-family:var(--fen);font-size:1.3rem;letter-spacing:.12em;
  color:rgba(255,255,255,.65);text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.pg-warehouse #spDrawer a:hover {color:#fff}
.pg-warehouse .spDrawerLang {display:flex;gap:16px;padding:14px 22px;border-top:1px solid rgba(255,255,255,.08);margin-top:4px}
.pg-warehouse #spDrawer .spDrawerLang a {display:inline-block;padding:0;border-bottom:none;font-weight:700;font-size:1rem;color:rgba(255,255,255,.4)}
.pg-warehouse #spDrawer .spDrawerLang a.active,
.pg-warehouse #spDrawer .spDrawerLang a:hover {color:#fff}
@media(min-width:1251px) {
.pg-warehouse #container01 {padding-left:280px}
.pg-warehouse #sideNav {display:none!important}
}
@media(max-width:1250px) {
.pg-warehouse #lNav {display:none}
.pg-warehouse #spHam {display:flex}
.pg-warehouse #container01 {padding-left:0;padding-top:54px}
}
@media(max-width:767px) {
.pg-warehouse #container01 {padding-top:54px}
}
@media(pointer:fine) {
.pg-warehouse * {cursor:none!important}
.pg-warehouse #cursorDot {position:fixed;top:0;left:0;width:3px;height:3px;background:var(--ac);border-radius:0;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);will-change:transform;}
.pg-warehouse #cursorRing {position:fixed;top:0;left:0;width:52px;height:52px;border-radius:0;pointer-events:none;z-index:99998;transform:translate(-50%,-50%);background-color:transparent;background-image:linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85)),linear-gradient(rgba(200,168,75,.85),rgba(200,168,75,.85));background-size:1.5px 13px,13px 1.5px,1.5px 13px,13px 1.5px,1.5px 13px,13px 1.5px,1.5px 13px,13px 1.5px;background-position:top left,top left,top right,top right,bottom left,bottom left,bottom right,bottom right;background-repeat:no-repeat;transition:width .2s ease,height .2s ease,opacity .2s;will-change:transform;}
.pg-warehouse #cursorRing::before {content:'';position:absolute;left:50%;top:36%;bottom:36%;width:1px;background:rgba(200,168,75,.55);transform:translateX(-50%);}
.pg-warehouse #cursorRing::after {content:'';position:absolute;top:50%;left:36%;right:36%;height:1px;background:rgba(200,168,75,.55);transform:translateY(-50%);}
.pg-warehouse .cursor-hover #cursorDot {width:4px;height:4px;background:#fff;box-shadow:0 0 6px rgba(255,255,255,.5);}
.pg-warehouse .cursor-hover #cursorRing {width:66px;height:66px;}
.pg-warehouse .cursor-hidden #cursorDot,
.pg-warehouse .cursor-hidden #cursorRing {opacity:0;}
}
.pg-warehouse #loading {
  position:fixed;inset:0;z-index:9999;
  background:#111;
  display:flex;align-items:center;justify-content:center;
  transition:opacity .8s ease, visibility .8s ease;
}
.pg-warehouse #loading.loaded {opacity:0;visibility:hidden;pointer-events:none;}
.pg-warehouse .ldInner {text-align:center;}
.pg-warehouse .ldLogo {max-width:200px;height:auto;display:block;margin:0 auto 28px;animation:ldFadeUpPgWarehouse .7s ease both;filter:brightness(0) invert(1);}
.pg-warehouse .ldBar {width:160px;height:1px;background:rgba(255,255,255,.12);margin:0 auto;overflow:hidden;}
.pg-warehouse .ldBarIn {display:block;height:100%;background:var(--ac);width:0;animation:ldSlidePgWarehouse 1.2s ease .4s both;}
.pg-warehouse .ldWord {font-family:var(--fen);font-size:1.1rem;letter-spacing:.4em;color:rgba(255,255,255,.25);text-transform:uppercase;margin-top:22px;animation:ldFadeUpPgWarehouse .7s ease .8s both;opacity:0;animation-fill-mode:both;}
@keyframes ldFadeUpPgWarehouse{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}
@keyframes ldSlidePgWarehouse{from{width:0;}to{width:100%;}}
.pg-warehouse .pgHero {
  position:relative;height:60vh;min-height:420px;
  display:flex;align-items:flex-end;overflow:hidden;
}
.pg-warehouse .pgHeroBg {
  position:absolute;inset:0;
  background-image:url('../../f-index/c_03.jpg');
  background-size:cover;background-position:center;
  z-index:0;
  transform:scale(1.06);
  animation:heroZoomPgWarehouse 8s ease forwards;
}
@keyframes heroZoomPgWarehouse{to{transform:scale(1);}}
.pg-warehouse .pgHeroOv {
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(125deg,rgba(0,0,0,.80) 0%,rgba(0,0,0,.25) 70%);
}
.pg-warehouse .pgHeroDeco1 {position:absolute;top:22%;left:28%;width:64%;height:1px;background:linear-gradient(90deg,transparent,rgba(200,168,75,.5),transparent);transform:rotate(-14deg);pointer-events:none;z-index:2;}
.pg-warehouse .pgHeroDeco2 {position:absolute;top:40%;left:16%;width:80%;height:1px;background:linear-gradient(90deg,transparent,rgba(200,168,75,.25),transparent);transform:rotate(-14deg);pointer-events:none;z-index:2;}
.pg-warehouse .pgHeroDot {position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:28px 28px;z-index:1;}
.pg-warehouse .pgHeroCon {
  position:relative;z-index:3;
  padding:0 60px 60px;width:100%;
}
.pg-warehouse .pgHeroEn {
  font-family:var(--fen);font-size:.72rem;letter-spacing:.3em;
  color:rgba(255,255,255,.55);text-transform:uppercase;
  display:block;margin-bottom:14px;
  animation:ldFadeUpPgWarehouse .8s ease .3s both;opacity:0;
}
.pg-warehouse .pgHeroH1 {
  font-family:var(--fjp);font-weight:300;
  font-size:clamp(2.8rem,4.5vw,5rem);
  color:#fff;letter-spacing:.06em;line-height:1.2;display:block;
  animation:ldFadeUpPgWarehouse .9s ease .5s both;opacity:0;
  text-shadow:0 4px 50px rgba(0,0,0,.55);
}
.pg-warehouse .pgHeroLine {
  width:40px;height:2px;background:var(--ac);
  margin-top:22px;
  animation:ldFadeUpPgWarehouse .8s ease .7s both;opacity:0;
}
@media(max-width:767px) {
.pg-warehouse .pgHeroCon {padding:0 20px 40px;}
}
.pg-warehouse .pgHeroIndicator {
  position:relative;
  display:flex;background:#141414;
  border-top:1px solid rgba(255,255,255,.1);
  border-bottom:1px solid rgba(255,255,255,.1);
}
.pg-warehouse .pgHeroIndItem {
  flex:1;padding:16px 0 16px 24px;
  border-right:1px solid rgba(255,255,255,.08);
  display:flex;align-items:center;gap:14px;
  transition:background .3s;
  cursor:pointer;text-decoration:none!important;
}
.pg-warehouse .pgHeroIndItem:last-child {border-right:none;}
.pg-warehouse .pgHeroIndItem:hover {background:rgba(200,168,75,.14);}
.pg-warehouse .pgHeroIndNum {font-family:var(--fen);font-weight:800;font-size:2rem;color:var(--ac);line-height:1;flex-shrink:0;}
.pg-warehouse .pgHeroIndVl {width:1px;height:28px;background:rgba(255,255,255,.18);flex-shrink:0;}
.pg-warehouse .pgHeroIndTx {display:flex;flex-direction:column;gap:3px;}
.pg-warehouse .pgHeroIndEn {font-family:var(--fen);font-size:1rem;letter-spacing:.18em;color:rgba(255,255,255,.45);text-transform:uppercase;display:block;}
.pg-warehouse .pgHeroIndJp {font-family:var(--fjp);font-size:1.3rem;color:#fff;display:block;letter-spacing:.04em;}
@media(max-width:767px) {
.pg-warehouse .pgHeroIndicator {flex-direction:column;}
.pg-warehouse .pgHeroIndItem {border-right:none;border-bottom:1px solid rgba(255,255,255,.08);padding:14px 18px;min-height:52px;}
.pg-warehouse .pgHeroIndNum {font-size:1.5rem;}
}
.pg-warehouse .pgBread {
  background:#1a1a1a;padding:13px 60px;
  font-size:1.1rem;color:rgba(255,255,255,.3);
  font-family:var(--fen);letter-spacing:.1em;
  border-bottom:1px solid #242424;
}
.pg-warehouse .pgBread a {color:rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.1);}
.pg-warehouse .pgBread a:hover {color:rgba(255,255,255,.65);}
.pg-warehouse .pgBread span.cur {color:var(--ac);}
@media(max-width:767px) {
.pg-warehouse .pgBread {padding:12px 20px;}
}
.pg-warehouse .bandA,
.pg-warehouse .bandC {
  background:#111111;position:relative;overflow:hidden;
}
.pg-warehouse .bandA::before,
.pg-warehouse .bandC::before {
  content:'';position:absolute;inset:0;
  background-image:radial-gradient(circle, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size:28px 28px;pointer-events:none;z-index:0;
}
.pg-warehouse .bandB {
  background:#131926;position:relative;overflow:hidden;
}
.pg-warehouse .bandB::before {
  content:'';position:absolute;inset:0;
  background-image:
    repeating-linear-gradient(0deg, transparent, transparent 39px, rgba(255,255,255,.03) 39px, rgba(255,255,255,.03) 40px),
    repeating-linear-gradient(90deg, transparent, transparent 39px, rgba(255,255,255,.03) 39px, rgba(255,255,255,.03) 40px);
  pointer-events:none;z-index:0;
}
.pg-warehouse .bandInner {
  position:relative;z-index:1;
  display:flex;align-items:stretch;min-height:360px;
}
.pg-warehouse .bandInner.rev {flex-direction:row-reverse;}
.pg-warehouse .bandNumSide {
  flex-shrink:0;width:260px;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  padding:60px 30px;position:relative;
}
.pg-warehouse .bandBigNum {
  font-family:'Orbitron',sans-serif;font-weight:900;
  font-size:clamp(7rem,10vw,12rem);line-height:1;
  color:rgba(255,255,255,.05);letter-spacing:.01em;
  display:block;
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  white-space:nowrap;pointer-events:none;user-select:none;
}
.pg-warehouse .bandBigNumBk {color:rgba(255,255,255,.05);}
.pg-warehouse .bandNumLabel {
  font-family:var(--fen);font-weight:800;
  font-size:clamp(3.5rem,5.5vw,6.5rem);
  line-height:1;color:rgba(255,255,255,.1);
  letter-spacing:.02em;display:block;position:relative;z-index:1;
  text-align:center;
}
.pg-warehouse .bandNumLabel.bk {color:rgba(255,255,255,.07);}
.pg-warehouse .bandEnLabel {
  display:block;font-family:var(--fen);font-weight:300;
  font-size:1rem;letter-spacing:.38em;
  color:var(--ac);text-transform:uppercase;
  margin-top:10px;position:relative;z-index:1;text-align:center;
}
.pg-warehouse .bandDivLine {
  width:2px;flex-shrink:0;
  background:linear-gradient(to bottom,transparent,rgba(200,168,75,.3),transparent);
}
.pg-warehouse .bandTextSide {
  flex:1;display:flex;flex-direction:column;
  justify-content:center;
  padding:60px 70px;position:relative;
}
.pg-warehouse .bandAccLine {display:block;width:36px;height:2px;background:var(--ac);margin-bottom:22px;}
.pg-warehouse .bandStrTag {display:inline-block;padding:6px 18px;background:rgba(200,168,75,.15);border:1px solid rgba(200,168,75,.5);font-family:var(--fen);font-size:.88rem;letter-spacing:.22em;color:var(--ac);text-transform:uppercase;margin-bottom:22px;}
.pg-warehouse .bandCatNum {font-family:var(--fen);font-size:1rem;letter-spacing:.28em;color:var(--ac);text-transform:uppercase;display:block;margin-bottom:8px;}
.pg-warehouse .bandH2 {
  font-family:var(--fjp);font-weight:400;
  font-size:clamp(2rem,2.5vw,2.8rem);
  letter-spacing:.06em;line-height:1.3;margin-bottom:20px;
}
.pg-warehouse .bandH2.wh {color:#fff;}
.pg-warehouse .bandH2.bk {color:#e0e4f0;}
.pg-warehouse .bandBody {font-size:1.4rem;line-height:2.1;max-width:560px;}
.pg-warehouse .bandBody.wh {color:rgba(255,255,255,.58);}
.pg-warehouse .bandBody.bk {color:rgba(255,255,255,.55);}
.pg-warehouse .bandBtnRow {margin-top:32px;}
.pg-warehouse .bandRule {height:1px;background:linear-gradient(to right,transparent,rgba(200,168,75,.3),transparent);}
@media(max-width:767px) {
.pg-warehouse .bandInner,
.pg-warehouse .bandInner.rev {flex-direction:column;}
.pg-warehouse .bandNumSide {width:100%;padding:40px 24px 20px;height:auto;}
.pg-warehouse .bandDivLine {display:none;}
.pg-warehouse .bandTextSide {padding:20px 24px 48px;}
.pg-warehouse .bandH2 {font-size:1.8rem;}
.pg-warehouse .bandBody {font-size:1.3rem;}
.pg-warehouse .bandNumLabel {font-size:clamp(3rem,10vw,5rem);}
}
@media(min-width:768px) and (max-width:1250px) {
.pg-warehouse .bandNumSide {width:200px;padding:50px 24px;}
.pg-warehouse .bandTextSide {padding:50px 44px;}
}
.pg-warehouse #features {background:#0d1320;position:relative;overflow:hidden;padding:100px 0;}
.pg-warehouse #features::after {
  content:'WAREHOUSE';
  position:absolute;bottom:-10px;right:-10px;
  font-family:var(--fen);font-weight:800;
  font-size:clamp(8rem,14vw,18rem);
  color:rgba(255,255,255,.03);line-height:1;
  pointer-events:none;white-space:nowrap;z-index:0;
}
.pg-warehouse .featWrap {max-width:1080px;margin:0 auto;padding:0 60px;position:relative;z-index:1;}
.pg-warehouse .featHd {margin-bottom:60px;}
.pg-warehouse .featGrid {display:grid;grid-template-columns:1fr 1fr;gap:2px;}
.pg-warehouse .featChip {
  background:#131926;padding:44px 36px;
  display:flex;align-items:flex-start;gap:24px;
  transition:box-shadow .3s,transform .3s;
}
.pg-warehouse .featChip:hover {box-shadow:0 8px 36px rgba(0,0,0,.4);transform:translateY(-3px);}
.pg-warehouse .featChipNum {font-family:'Orbitron',sans-serif;font-weight:700;font-size:3.8rem;color:var(--ac);line-height:1;flex-shrink:0;}
.pg-warehouse .featChipEn {font-family:var(--fen);font-size:.9rem;letter-spacing:.2em;color:var(--gy);text-transform:uppercase;display:block;margin-bottom:6px;}
.pg-warehouse .featChipJp {font-family:var(--fjp);font-weight:500;font-size:1.7rem;color:#e0e4f0;letter-spacing:.04em;display:block;}
@media(max-width:767px) {
.pg-warehouse #features {padding:60px 0;}
.pg-warehouse .featWrap {padding:0 20px;}
.pg-warehouse .featGrid {grid-template-columns:1fr;}
.pg-warehouse .featChip {padding:30px 24px;}
.pg-warehouse .featChipNum {font-size:3rem;}
}
@media(min-width:768px) and (max-width:1250px) {
.pg-warehouse .featWrap {padding:0 44px;}
.pg-warehouse .featChip {padding:36px 28px;}
}
.pg-warehouse .secLbl {display:block;font-family:var(--fen);text-transform:uppercase;font-size:1.1rem;letter-spacing:.28em;color:rgba(255,255,255,.35);margin-bottom:10px;}
.pg-warehouse .secLine {display:block;width:36px;height:1px;background:var(--ac);margin:14px 0;}
.pg-warehouse .secH {font-family:var(--fjp);font-weight:300;font-size:clamp(2.2rem,3.2vw,3rem);letter-spacing:.04em;line-height:1.3;color:#fff;}
.pg-warehouse .trFlow {background:var(--bk);padding:90px 60px;color:#fff;position:relative;overflow:hidden;}
.pg-warehouse .trFlow::before {content:'FLOW';position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);font-family:var(--fen);font-size:clamp(9rem,18vw,22rem);font-weight:900;color:rgba(255,255,255,.018);letter-spacing:.18em;pointer-events:none;white-space:nowrap;}
.pg-warehouse .trFlowWrap {margin-top:60px;position:relative;z-index:1;}
.pg-warehouse .trFlowRail {height:1px;background:rgba(255,255,255,.06);position:relative;overflow:hidden;}
.pg-warehouse .trFlowRailFill {position:absolute;left:0;top:0;height:100%;width:0;background:linear-gradient(90deg,var(--ac),rgba(200,168,75,.45));transform:none!important;transition:opacity .3s ease,width 2.6s cubic-bezier(.22,1,.36,1) .35s;}
.pg-warehouse .trFlowRailFill.on {width:100%;}
.pg-warehouse .trFlowTrack {display:flex;align-items:stretch;gap:0;}
.pg-warehouse .trFlowItem {flex:1;min-width:0;}
.pg-warehouse .trFlowConn {width:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;}
.pg-warehouse .trFlowConn::before {content:'';position:absolute;left:0;right:11px;top:50%;height:1px;background:linear-gradient(90deg,rgba(200,168,75,.2),rgba(200,168,75,.55));}
.pg-warehouse .trFlowConn::after {content:'';position:absolute;right:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:9px solid rgba(200,168,75,.65);}
.pg-warehouse .trFlowCard {background:rgba(255,255,255,.028);border:1px solid rgba(255,255,255,.07);border-top:2px solid rgba(200,168,75,.3);padding:30px 20px;height:100%;position:relative;overflow:hidden;transition:background .35s,border-top-color .35s,transform .4s cubic-bezier(.22,1,.36,1),box-shadow .35s;cursor:default;}
.pg-warehouse .trFlowCard:hover {background:rgba(200,168,75,.07);border-top-color:var(--ac);transform:translateY(-9px);box-shadow:0 22px 50px rgba(0,0,0,.65);}
.pg-warehouse .trFlowCard::before {content:attr(data-num);position:absolute;bottom:-14px;right:-3px;font-family:var(--fen);font-size:9rem;font-weight:900;color:rgba(255,255,255,.032);line-height:1;pointer-events:none;transition:color .35s;}
.pg-warehouse .trFlowCard:hover::before {color:rgba(200,168,75,.06);}
.pg-warehouse .trFcLabel {font-family:var(--fen);font-size:.82rem;color:var(--ac);letter-spacing:.28em;font-weight:700;margin-bottom:16px;opacity:.9;}
.pg-warehouse .trFcIcon {width:42px;height:42px;background:rgba(200,168,75,.08);border:1px solid rgba(200,168,75,.22);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:16px;transition:background .35s,border-color .35s,transform .4s cubic-bezier(.22,1,.36,1);}
.pg-warehouse .trFlowCard:hover .trFcIcon {background:rgba(200,168,75,.2);border-color:rgba(200,168,75,.55);transform:scale(1.1) rotate(-6deg);}
.pg-warehouse .trFlowCard h4 {font-size:1.25rem;font-weight:500;letter-spacing:.07em;margin-bottom:8px;color:#fff;}
.pg-warehouse .trFlowCard p {font-size:1.1rem;color:rgba(255,255,255,.38);line-height:1.9;}
@media(max-width:1100px) {
.pg-warehouse .trFlowTrack {flex-wrap:wrap;}
.pg-warehouse .trFlowItem {flex:0 0 33.333%;}
.pg-warehouse .trFlowConn {display:none;}
}
@media(max-width:767px) {
.pg-warehouse .trFlow {padding:60px 20px;}
.pg-warehouse .trFlowItem {flex:0 0 50%;}
}
@media(max-width:480px) {
.pg-warehouse .trFlowItem {flex:0 0 100%;}
}
.pg-warehouse #scope {background:#162040;padding:100px 0;position:relative;overflow:hidden;}
.pg-warehouse #scope::before {content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(200,168,75,.04) 0%,transparent 60%);pointer-events:none;}
.pg-warehouse .scopeWrap {max-width:1100px;margin:0 auto;padding:0 60px;display:flex;align-items:flex-start;gap:80px;}
.pg-warehouse .scopeL {flex:1;}
.pg-warehouse .scopeR {flex-shrink:0;width:440px;position:relative;}
.pg-warehouse .scopeImg {width:100%;height:480px;object-fit:cover;display:block;}
.pg-warehouse .scopeAccent {position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(to right,var(--ac),transparent);}
.pg-warehouse .scopeTag {
  position:absolute;top:20px;right:20px;
  background:var(--bk);padding:14px 18px;z-index:2;
}
.pg-warehouse .scopeTag span:first-child {font-family:var(--fen);font-size:.75rem;letter-spacing:.2em;color:var(--ac);display:block;text-transform:uppercase;}
.pg-warehouse .scopeTag span:last-child {font-family:var(--fen);font-weight:800;font-size:2rem;color:#fff;display:block;line-height:1;margin-top:3px;}
.pg-warehouse .scopeList {margin-top:36px;display:flex;flex-direction:column;}
.pg-warehouse .scopeItem {
  display:flex;align-items:center;gap:18px;
  padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08);
  transition:padding-left .25s;
}
.pg-warehouse .scopeItem:first-child {border-top:1px solid rgba(255,255,255,.08);}
.pg-warehouse .scopeItem:hover {padding-left:6px;}
.pg-warehouse .scopeCheck {
  width:26px;height:26px;border-radius:50%;
  background:var(--ac);display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.pg-warehouse .scopeCheck svg {width:13px;height:13px;stroke:#fff;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;}
.pg-warehouse .scopeItemTx {font-family:var(--fjp);font-size:1.5rem;font-weight:400;color:#e0e4f0;letter-spacing:.04em;}
@media(max-width:767px) {
.pg-warehouse #scope {padding:60px 0;}
.pg-warehouse .scopeWrap {padding:0 20px;flex-direction:column;gap:36px;}
.pg-warehouse .scopeR {width:100%;}
.pg-warehouse .scopeImg {height:240px;}
}
@media(min-width:768px) and (max-width:1250px) {
.pg-warehouse .scopeWrap {padding:0 44px;gap:50px;}
.pg-warehouse .scopeR {width:360px;}
}
.pg-warehouse #cta {
  background:var(--bk);position:relative;overflow:hidden;
  padding:120px 0;text-align:center;
}
.pg-warehouse #cta::before {
  content:'';position:absolute;inset:0;
  background-image:
    repeating-linear-gradient(0deg, transparent, transparent 59px, rgba(255,255,255,.025) 59px, rgba(255,255,255,.025) 60px),
    repeating-linear-gradient(90deg, transparent, transparent 59px, rgba(255,255,255,.025) 59px, rgba(255,255,255,.025) 60px);
  pointer-events:none;
}
.pg-warehouse .ctaWrap {position:relative;z-index:1;max-width:700px;margin:0 auto;padding:0 40px;}
.pg-warehouse .ctaLabel {font-family:var(--fen);font-size:1rem;letter-spacing:.35em;color:var(--ac);text-transform:uppercase;display:block;margin-bottom:16px;}
.pg-warehouse .ctaAcLine {display:block;width:40px;height:1px;background:var(--ac);margin:0 auto 36px;}
.pg-warehouse .ctaH {font-family:var(--fjp);font-weight:300;font-size:clamp(2rem,3vw,3.2rem);color:#fff;letter-spacing:.06em;line-height:1.55;margin-bottom:12px;}
.pg-warehouse .ctaSub {font-size:1.4rem;color:rgba(255,255,255,.42);line-height:1.9;margin-bottom:44px;}
.pg-warehouse .ctaBtnWrap {display:flex;gap:18px;justify-content:center;flex-wrap:wrap;}
.pg-warehouse .btnCtaMain {
  height:56px;line-height:56px;padding:0 44px;
  background:var(--ac);color:#fff!important;
  font-family:var(--fen);font-size:1.3rem;letter-spacing:.18em;
  transition:background .2s,transform .2s;
}
.pg-warehouse .btnCtaMain:hover {background:#d4b55a;transform:translateY(-2px);}
.pg-warehouse .btnCtaSub {
  height:56px;line-height:54px;padding:0 36px;
  border:1px solid rgba(255,255,255,.22);color:#fff!important;
  font-family:var(--fen);font-size:1.3rem;letter-spacing:.18em;background:transparent;
  transition:border-color .2s,background .2s;
}
.pg-warehouse .btnCtaSub:hover {border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.06);}
@media(max-width:767px) {
.pg-warehouse #cta {padding:70px 0;}
.pg-warehouse .ctaWrap {padding:0 22px;}
.pg-warehouse .ctaBtnWrap {flex-direction:column;align-items:center;}
}
.pg-warehouse #ft {
  position:relative;padding:70px 0 0;
  background-image:url('../../f-all/footer_photo.jpg');
  background-size:cover;background-position:center;
}
.pg-warehouse #ft::before {content:'';position:absolute;inset:0;background:rgba(0,0,0,0.74);z-index:0;pointer-events:none;}
.pg-warehouse #ft .ftTop,
.pg-warehouse #ft .ftBtm {position:relative;z-index:1;}
.pg-warehouse .ftTop {display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:40px;padding:0 60px}
.pg-warehouse .ftLogo {font-family:var(--fen);font-weight:800;font-size:1.8rem;letter-spacing:.14em;color:#fff}
.pg-warehouse .ftTag {font-size:1.3rem;color:rgba(255,255,255,.7);letter-spacing:.04em;margin-top:14px;line-height:2}
.pg-warehouse .ftNvW {display:flex;gap:60px;flex-wrap:wrap}
.pg-warehouse .ftNvCol .ftNvT {font-family:var(--fen);font-size:1.05rem;letter-spacing:.18em;color:#fff;text-transform:uppercase;margin-bottom:16px;display:block;border-bottom:1px solid rgba(255,255,255,.18);padding-bottom:10px}
.pg-warehouse .ftNvCol ul li {margin-bottom:14px}
.pg-warehouse .ftNvCol ul li a {font-size:1.3rem;color:rgba(255,255,255,.65);letter-spacing:.04em;transition:color .2s}
.pg-warehouse .ftNvCol ul li a:hover {color:#fff}
.pg-warehouse .ftBtm {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid rgba(255,255,255,.13);margin-top:60px;padding:20px 60px}
.pg-warehouse .ftLegal {display:flex;gap:22px;flex-wrap:wrap}
.pg-warehouse .ftLegal a {font-family:var(--fen);font-size:1rem;letter-spacing:.07em;color:rgba(255,255,255,.5)}
.pg-warehouse .ftLegal a:hover {color:#fff}
.pg-warehouse .ftCp {font-family:var(--fen);font-size:1rem;letter-spacing:.05em;color:rgba(255,255,255,.4)}
@media(max-width:767px) {
.pg-warehouse .ftTop {padding:0 20px}
.pg-warehouse .ftNvW {gap:28px}
.pg-warehouse .ftBtm {padding:20px;flex-direction:column;align-items:flex-start}
}
.pg-warehouse #pt a {
  position:fixed;bottom:28px;right:28px;z-index:100;
  width:46px;height:46px;
  background:var(--ac);
  display:flex;align-items:center;justify-content:center;
  color:#fff!important;
  opacity:.8;transition:opacity .2s,transform .2s;
}
.pg-warehouse #pt a:hover {opacity:1;transform:translateY(-3px);}
.pg-warehouse #pt a svg {pointer-events:none;}
@media(max-width:767px) {
.pg-warehouse #pt a {bottom:14px;right:14px}
}
.pg-warehouse .sr {
  opacity:0;transform:translateY(40px);
  transition:opacity .9s ease, transform .9s cubic-bezier(.22,1,.36,1);
}
.pg-warehouse .sr.on {opacity:1;transform:translateY(0);}
.pg-warehouse .sr-left {opacity:0;transform:translateX(-30px);transition:opacity .9s ease, transform .9s cubic-bezier(.22,1,.36,1);}
.pg-warehouse .sr-left.on {opacity:1;transform:translateX(0);}
.pg-warehouse .sr-right {opacity:0;transform:translateX(30px);transition:opacity .9s ease, transform .9s cubic-bezier(.22,1,.36,1);}
.pg-warehouse .sr-right.on {opacity:1;transform:translateX(0);}
.pg-warehouse .sd1 {transition-delay:.1s!important}
.pg-warehouse .sd2 {transition-delay:.2s!important}
.pg-warehouse .sd3 {transition-delay:.3s!important}
.pg-warehouse .sd4 {transition-delay:.4s!important}
.pg-warehouse .sd5 {transition-delay:.5s!important}
.pg-warehouse .sd6 {transition-delay:.6s!important}
.pg-warehouse h3 {font-weight:500;}

/* ================================================================
   reset.css 有効化に伴う補正（見た目・挙動を移行前と一致させるため）
================================================================ */
/* index / warehouse は元々 body に font-size 指定が無く、
   html{font-size:62.5%} からの継承値(=1rem=10px)がそのまま適用されていた。
   reset.css の body{font-size:1.6rem} が新たに効いてしまうのを防ぐ。 */
body.pg-index, body.pg-warehouse { font-size: 1rem; }

/* contact.html の個人情報同意チェックボックスはネイティブ外観のまま
   accent-color のみで色付けしていた。reset.css の
   input{border:none;background:none;outline:none} により
   枠線・背景・フォーカスリングが失われるのを防ぎ、元の外観に復元する。 */
.pg-contact .fCheck input[type="checkbox"] { border: revert; background: revert; outline: revert; }

/* 送信ボタン・光学ページの詳細開閉ボタンは、reset.css の outline:none で
   キーボード操作時のフォーカスリングが失われるのを防ぐ（元は未指定＝
   ブラウザ標準のフォーカスリングが表示される挙動だった）。 */
.pg-contact .fSubmit { outline: revert; }
.pg-optical .opProdToggle { outline: revert; }