/* ===== Google Fonts ===== */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yuji+Syuku&display=swap');

/* ===== ページ6264 固有スタイル ===== */
main[data-barba-namespace="page6264"] {
  transform: none !important;
  background-image:url("http://nng2692600.xsrv.jp/wp-content/uploads/2025/01/geometric.jpg");
  background-position:center;
  background-size:cover;
  background-attachment:fixed;
}

/* リセットとボックスサイズ設定 */
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

/* ベースフォント設定 */
html,body{
  width:100%;
  height:100%;
  font-family:'Montserrat',sans-serif;
}

/* ヒーローセクションレイアウト */
.center-hero{
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:70vh;
  padding:2rem;
}

/* ブラー付きテキストボックス */
.blur-box{
  position:relative;
  background:rgba(0,0,0,.5);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  padding:3rem;
  border-radius:12px;
  max-width:900px;
  width:100%;
  box-shadow:0 8px 32px rgba(0,0,0,.25);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
}

/* カードレイアウト */
.flex-card{
  display:flex;
  align-items:flex-start;
  gap:2rem;
}

/* テキスト側 */
.text-side{
  flex:1;
  text-align:left;
}

/* タイトル */
.title-l{
  font-size:1.6em;
  font-weight:900;
  margin-bottom:1rem;
  letter-spacing:.05em;
  line-height:1.2;
  text-shadow:0 2px 8px rgba(0,0,0,.6);
}

/* 段落 */
.para-l{
  font-size:1em;
  line-height:1.6;
  margin-bottom:1rem;
}

/* サイン */
.sign-l{
  display:block;
  font-family:'Yuji Syuku',serif;
  text-align:right;
  margin-top:2rem;
}

/* レスポンシブ調整 */
@media(max-width:1024px){
  .blur-box{padding:2.5rem;}
  .flex-card{flex-direction:column;align-items:center;}
  .text-side{text-align:center;}
}

@media(max-width:600px){
  .blur-box{padding:1.5rem;max-width:95%;}
  .title-l{font-size:1.2em;}
  .para-l{font-size:.8em;margin-bottom:1rem;}
  .sign-l{margin-top:1.5rem;}
}