/* =========================================================
   PS WORKS フロントページ専用スタイル
   front-page.php から読み込んで使用します
   ========================================================= */
:root{
  --navy:#005A8E;
  --navy-dark:#12303f;
  --pink:#ef5f7c;
  --yellow:#f4c542;
  --yellow-deep:#f7d915;
  --lightblue:#cfe9f2;
  --lightblue-2:#e7f4f8;
  --text:#33424a;
  --white:#ffffff;
  --font-jp:"Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;
  --font-round:"M PLUS Rounded 1c", var(--font-jp);
}

.psw-front{ font-family:var(--font-jp); color:var(--text); overflow-x:hidden; }
.psw-front *{ box-sizing:border-box; }
.psw-front a{ text-decoration:none; color:inherit; }
.psw-front img{ max-width:100%; display:block; }
.psw-front .inner{ max-width:1180px; margin:0 auto; padding:0 24px; }

/* ---------- ヒーロー(水の動画背景) ---------- */
.psw-hero{
  position:relative; padding:110px 24px 130px; text-align:center; overflow:hidden;
  background:var(--lightblue);
}
.psw-hero video,
.psw-hero .hero-fallback-img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0;
}
.psw-hero::after{
  content:""; position:absolute; inset:0; background:rgba(255,255,255,.18); z-index:0;
}
.psw-hero-wave{
  position:absolute; left:0; right:0; bottom:0; width:100%; height:auto;
  z-index:1; pointer-events:none; opacity:.42;
}
.psw-hero-content{ position:relative; z-index:2; }
.psw-hero-title{
  font-family:var(--font-round); font-weight:800; font-size:2.4rem;
  color:var(--navy); letter-spacing:.02em;
  display:flex; align-items:center; justify-content:center; gap:14px; flex-wrap:wrap;
  text-shadow:0 1px 12px rgba(255,255,255,.6);
}
.psw-hero-title img{ height:56px; width:auto; }
.psw-hero-sub{ margin-top:22px; font-size:1.15rem; color:var(--navy-dark); text-shadow:0 1px 10px rgba(255,255,255,.6); }
.psw-hero-sub p{ margin:6px 0; }

/* ---------- NEWS ---------- */
.psw-news{ padding:0 24px 40px; position:relative; }
.psw-news h2{ font-family:var(--font-round); color:var(--navy); font-size:1.7rem; font-weight:800; margin-bottom:2px; }
.psw-news .label{ color:#8a99a1; margin-bottom:24px; display:block; }
.psw-news-list{ list-style:none; margin:0; padding:0; }
.psw-news-list li{ padding:14px 0; border-bottom:1px dashed #b9d3dd; }
.psw-news-row{ display:flex; gap:28px; align-items:baseline; }
.psw-news-list time{ color:var(--navy); font-weight:700; width:130px; flex-shrink:0; }
.psw-news-content{
  margin:8px 0 0 158px; color:var(--text); font-size:.9rem; line-height:1.8;
}
.psw-news-content p{ margin:0 0 .6em; }
.psw-news-content p:last-child{ margin-bottom:0; }
.psw-news-dog{ text-align:right; margin-top:10px; }
.psw-news-dog img{ width:110px; height:auto; margin-left:auto; }

/* ---------- SOLUTIONS ---------- */
.psw-solutions{ background:#F8F6F0; padding:70px 24px 90px; }
.psw-solutions-head{ display:flex; align-items:baseline; gap:20px; flex-wrap:wrap; margin-bottom:36px; }
.psw-solutions h2{ font-family:var(--font-round); color:var(--navy); font-size:1.9rem; font-weight:800; }
.psw-solutions-head p{ color:var(--navy-dark); font-weight:700; }
.psw-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.psw-card{
  display:flex; flex-direction:column;
  background:#fff; border-top:6px solid var(--yellow); border-radius:2px;
  padding:34px 26px; text-align:center; box-shadow:0 4px 14px rgba(20,60,80,.06);
}
.psw-card .brand{ display:flex; align-items:center; justify-content:center; min-height:48px; margin-bottom:18px; }
.psw-card .brand img{ max-height:40px; width:auto; }
.psw-card h3{ font-size:1.05rem; color:var(--navy); margin:0 0 14px; line-height:1.5; }
.psw-card p{ font-size:.9rem; line-height:1.8; color:var(--text); margin:0 0 22px; }
.psw-card .view-more{
  display:inline-block; background:var(--navy); color:#fff; font-weight:700;
  font-size:.85rem; padding:10px 26px; border-radius:2px;
  margin-top:auto; align-self:center;
}

/* ---------- CTAボタン ---------- */
.psw-cta{ display:flex; justify-content:center; gap:24px; padding:60px 24px; flex-wrap:wrap; background:#F8F6F0; }
.psw-cta a{
  font-weight:800; padding:16px 46px; border-radius:2px; font-size:1.05rem; letter-spacing:.1em;
}
.psw-cta .doc{ background:var(--yellow); color:var(--navy-dark); }
.psw-cta .contact{ background:var(--navy); color:#fff; }

/* ---------- レスポンシブ ---------- */
@media (max-width: 880px){
  .psw-cards{ grid-template-columns:1fr; }
  .psw-hero-title{ font-size:1.6rem; }
  .psw-hero-title img{ height:40px; }
}

@media (max-width: 720px){
  .psw-news-row{ flex-direction:column; gap:4px; }
  .psw-news-list time{ width:auto; }
  .psw-news-content{ margin-left:0; }
  .psw-cta{ gap:14px; }
  .psw-cta a{ padding:14px 30px; font-size:.95rem; }
}