/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 22 2026 | 02:41:15 */
/* フォントの読み込み（必要に応じて共通CSSに移動してください） */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Oswald:wght@400;500;700&display=swap');

/* Page Title Component
*/
.c-page-title {
  position: relative;
  display: flex;
  align-items: flex-end;
  padding-left: clamp(16px, 0.75vw + 12.7px, 24px); /* PC: 24px, SP: 16px */
	margin-bottom: 72px;
}

/* 左端の2色ライン */
.c-page-title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 2px;
  height: calc(100% - 8px); /* 英語テキストの高さに合わせて調整 */
  /* 上部70%をグレー、下部30%を赤色で塗り分け */
  background: linear-gradient(to bottom, #444444 0%, #444444 70%, #e60012 70%, #e60012 100%);
}

.c-page-title__en {
	margin-inline: 0 !important;
  	font-family: 'Oswald', sans-serif;
  	font-size: clamp(36px, 3vw + 22.8px, 68px); /* PC: 68px, SP: 36px */
  	font-weight: 400;
  	color: #444444;
  	line-height: 1;
  	letter-spacing: 0.02em;
}

.c-page-title__ja {
  display: flex;
  align-items: baseline;
  margin-left: clamp(16px, 1.5vw + 9.4px, 32px) !important; 
  margin-bottom: clamp(4px, 0.38vw + 2.3px, 8px); 
  font-family: 'Noto Sans JP', sans-serif;
  font-size: clamp(12px, 0.38vw + 10.3px, 16px);
  font-weight: 500;
  color: #999999;
  line-height: 1;
  letter-spacing: 0.05em;
}

/* 日本語テキストの左にある赤い横線 */
.c-page-title__ja::before {
  content: "";
  display: inline-block;
  width: clamp(20px, 1.88vw + 11.8px, 40px); /* PC: 40px, SP: 20px */
  height: 1px;
  margin-right: clamp(8px, 0.75vw + 4.7px, 16px); /* PC: 16px, SP: 8px */
  background-color: #e60012;
}

/* Media Queries (SP向けの上書き)
*/
@media (max-width: 767px) {
  .c-page-title::before {
    height: 100%;
  }

  .c-page-title__ja {
    margin-bottom: 2px;
  }
}