.title_area {
  text-align: center;     /* 中央寄せ */
  padding: 20px 0;        /* 上下余白 */
  position: relative;     /* 疑似要素配置のため */
}

.title_area::before {
  content: "";
  display: inline-block;
  width: 800px;           /* ロゴの幅（調整可） */
  height: 300px;          /* ロゴの高さ（実際の比率に合わせて調整） */
  background-image: url("https://img07.shop-pro.jp/PA01423/873/etc_base64/bWVydW1hZ2F0b3A.jpg?cmsp_timestamp=20250910145732");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

body {
  background: {$page_bgcolor};
}
.c-button {
  background: {$button1_bgcolor};
}
.c-button,
.c-button:link,
.c-button:hover,
.c-button:active,
.c-button:visited {
  color: {$button1_font_color};
}
.c-button:hover {
  background: {$button1_bgcolor_hover};
}
.c-button--primary {
  background: {$button2_bgcolor};
}
.c-button--primary,
.c-button--primary:link,
.c-button--primary:hover,
.c-button--primary:active,
.c-button--primary:visited {
  color: {$button2_font_color};
}
.c-button--primary:hover {
  background: {$button2_bgcolor_hover};
}
.c-button--danger {
  background: {$button3_bgcolor};
}
.c-button--danger,
.c-button--danger:link,
.c-button--danger:hover,
.c-button--danger:active,
.c-button--danger:visited {
  color: {$button3_font_color};
}
.c-button--danger:hover {
  background: {$button3_bgcolor_hover};
}
.c-input--text {
  border-color: {$textarea_bordercolor};
}
.c-input--text:focus {
  border-color: {$textarea_bordercolor_focus};
}