/*
Theme Name: Astra Child SJlinks
Theme URI: https://sj-links.com
Description: Astra child theme for SJlinks.
Author: SJlinks
Author URI: https://sj-links.com
Template: astra
Version: 1.0.0
Text Domain: astra-child-sjlinks
*/

/* ==============================
   SJlinks Custom CSS
   ============================== */

:root {
  --sj-black: #111111;
  --sj-gray: #666666;
  --sj-light: #f7f7f7;
  --sj-border: #e6e6e6;
}

body {
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, sans-serif;
  color: var(--sj-black);
  letter-spacing: 0.03em;
}

a {
  transition: opacity 0.2s ease;
}

a:hover {
  opacity: 0.72;
}

.sj-section {
  padding: 96px 24px;
}

.sj-container {
  max-width: 1120px;
  margin: 0 auto;
}

.sj-heading-en {
  font-size: 13px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--sj-gray);
  margin-bottom: 12px;
}

.sj-heading-ja {
  font-size: clamp(28px, 4vw, 48px);
  line-height: 1.35;
  font-weight: 600;
}

@media (max-width: 767px) {
  .sj-section {
    padding: 72px 20px;
  }
}