:root {
  /* Font Families */
  --font-noto-sans-jp: 'Noto Sans JP', sans-serif;
  --font-jost: 'Jost', sans-serif;

  /* Variables */
  --header-width: 12rem;
  --header-sp-height: 7.2rem;
  --content-width: 128rem;
  --content-max-width: calc(var(--content-width) - var(--header-width));
  --article-container-width: 74.4rem;
  --content-padding: 1.6rem;
  --sidebar-width: 31.7rem;
  --content-max-width-sp: 52.1rem;

  /* Font Sizes */
  --font-size-h1-pc: 3.2rem; /* 32px */
  --font-size-h2-pc: 2.4rem; /* 24px */
  --font-size-h3-pc: 1.8rem; /* 18px */
  --font-size-h4-pc: 1.8rem; /* 18px */
  --font-size-body-pc: 1.5rem; /* 15px */
  --font-size-h1-sp: 2rem; /* 20px */
  --font-size-h2-sp: 1.8rem; /* 18px */
  --font-size-h3-sp: 1.6rem; /* 16px */
  --font-size-h4-sp: 1.4rem; /* 14px */
  --font-size-body-sp: 1.5rem; /* 15px */

  /* Line Heights */
  --line-height: 1.5;

  /* Colors */
  --color-white: #FFFFFF;
  --color-text: #001658;
  --color-pink-300: #FDA1C4;
  --color-pink-200: #FEE0EB;
  --color-green-300: #75C9CA;
  --color-green-200: #A3DBDC;
  --color-orange-300: #F5C96B;
  --color-orange-200: #FCEDCE;
  --color-blue-300: #9DA9D1;
  --color-blue-200: #DEE2F0;
  --color-blue: #374190;
  --color-light-blue: #EEF9FF;
  --color-light-green: #93D3DF;
  --color-yellow: #F7DD4B;
  --color-sub-heading: #8BD0DD;
  --color-drawer-bg: rgba(230, 249, 255, 0.5);
  --color-single-fv-overlay: rgba(255, 255, 255, 0.6);
  --color-single-article-bg: rgba(255, 255, 255, 0.8);

  /* Category Colors */
  --color-category1: var(--color-pink-300);
  --color-category1-light: var(--color-pink-200);
  --color-category2: var(--color-green-300);
  --color-category2-light: var(--color-green-200);
  --color-category3: var(--color-orange-300);
  --color-category3-light: var(--color-orange-200);
  --color-category4: var(--color-blue-300);
  --color-category4-light: var(--color-blue-200);
}

section {
  margin-bottom: 8rem !important;
}

@media (max-width: 833px) {
  section {
    margin-bottom: 4.8rem !important;
  }
}

section:last-child {
  margin-bottom: 0 !important;
}

.no-image {
  border: 4px solid var(--color-text);
}

.no-image-small {
  border: 2px solid var(--color-text);
}

.no-image-sidebar {
  border: 2px solid var(--color-text);
}

@media (max-width: 833px) {
  .no-image {
    border: 2px solid var(--color-text);
  }

  .no-image-small {
    border: 4px solid var(--color-text);
  }
}

/* Font Styles */
body {
  font-family: var(--font-noto-sans-jp);
  line-height: var(--line-height);
  background-image: url(../../images/owned-media_bg.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: initial !important;
}

h1 {
  font-size: var(--font-size-h1-pc);
}

h2 {
  font-size: var(--font-size-h2-pc);
}

h3 {
  font-size: var(--font-size-h3-pc);
}

h4 {
  font-size: var(--font-size-h4-pc);
}

p {
  font-size: var(--font-size-body-pc);
}

/* Responsive Styles */
@media (max-width: 833px) {
  h1 {
    font-size: var(--font-size-h1-sp);
  }

  h2 {
    font-size: var(--font-size-h2-sp);
  }

  h3 {
    font-size: var(--font-size-h3-sp);
  }

  h4 {
    font-size: var(--font-size-h4-sp);
  }

  p {
    font-size: var(--font-size-body-sp);
  }
}