/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 22 2026 | 02:38:21 */
/* ==========================================================================
   Project: Page Header
   ========================================================================== */
.p-page-header {
  /* Box Model */
  width: 100%;
  padding-bottom: clamp(60px, 8vw, 100px);
}

.p-page-header__inner {
  /* Box Model */
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.p-page-header__logo {
  /* Box Model */
  margin-bottom: clamp(20px, 3vw, 40px);
}

.p-page-header__logo svg {
  /* Box Model */
  width: clamp(40px, 4vw, 51px);
  height: auto;
}

.p-page-header__title {
  /* Box Model */
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(10px, 1.5vw, 20px);
  
  /* Typography */
  text-align: center;
}

.p-page-header__title-en {
  /* Typography */
  font-family: "Times New Roman", "Noto Serif JP", serif;
  font-size: clamp(32px, 4.5vw + 10px, 60px);
  font-weight: 400;
  line-height: 1.2;
  color: #444444;
}

.p-page-header__title-ja {
  /* Typography */
  font-family: "Noto Serif JP", serif;
  font-size: clamp(14px, 1vw + 8px, 18px);
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #444444;
}

.p-page-header__line {
  /* Box Model */
  width: 1px;
  height: clamp(60px, 8vw + 20px, 120px);
  margin-top: clamp(40px, 5vw + 10px, 80px);
  
  /* Visual */
  background: linear-gradient(to bottom, #000000 0%, #000000 65%, #00a0e9 65%, #00a0e9 100%);
}

/* --------------------------------------------------------------------------
   Media Queries (スマホ用上書き)
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  .p-page-header {
    /* 必要に応じてSP特有の余白調整などがあればここに記載します */
  }
}