:root {
  --primary-color: #00143c;
  --point-color: #41b76b;

  --h2_green: #41b76b;
  --h2_font_size: 1.5rem;

  --title_font_size: 3.25rem;
}

/* ≤1440 */
@media (max-width:1440px) {
  :root {
    --title_font_size: 2.75rem;
    /* ≈44px */
    --h2_font_size: 1.25rem;
    /* ≈20px */
  }
}

/* ≤1280 */
@media (max-width:1280px) {
  :root {
    --title_font_size: 2.5rem;
    /* ≈40px */
    --h2_font_size: 1.125rem;
    /* ≈18px */
  }
}

/* ≤1024 */
@media (max-width:1024px) {
  :root {
    --title_font_size: 2.125rem;
    /* ≈34px */
    --h2_font_size: 1rem;
    /* 16px */
  }
}

/* ≤768 */
@media (max-width:768px) {
  :root {
    --title_font_size: 1.75rem;
    /* ≈28px */
    --h2_font_size: 0.9375rem;
    /* 15px */
  }
}

/* ≤390 */
@media (max-width:390px) {
  :root {
    --title_font_size: 1.5rem;
    /* 24px */
    --h2_font_size: 0.875rem;
    /* 14px */
  }
}

main {
  margin-top: 80px;
}

/* 1280px ↓ */
@media (max-width: 1280px) {
  main {
    margin-top: 72px;
  }
}

/* 768px ↓ */
@media (max-width: 768px) {
  main {
    margin-top: 64px;
  }
}

/* 390px ↓ */
@media (max-width: 390px) {
  main {
    margin-top: 56px;
  }
}

.layout__header {
  margin: 0 auto;
  padding: 0 85px;
}

.layout__content {
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 50px;
}

.layout__content__sub {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 50px;
}

.layout__variable {
  margin: 0 auto;
  padding: 0 50px;
}

@media screen and (max-width:1600px) {
  .layout__header {
    margin: 0 auto;
    padding: 0 85px;
  }

  .layout__content {
    width: 100%;
    margin: 0 auto;
    padding: 0 50px;
  }

  .layout__content__sub {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 50px;
  }

  .layout__variable {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 50px;
  }
}

/* ≤1440 */
@media (max-width:1440px) {
  .layout__header {
    padding: 0 72px;
  }

  .layout__content,
  .layout__variable {
    padding: 0 40px;
  }
  
  .layout__content__sub {
    
    padding: 0 150px;
  }
}

/* ≤1280 */
@media (max-width:1280px) {
  .layout__header {
    padding: 0 60px;
  }

  .layout__content,
  .layout__content__sub,
  .layout__variable {
    padding: 0 32px;
  }
}

/* ≤1024 */
@media (max-width:1024px) {
  .layout__header {
    padding: 0 40px;
  }

  .layout__content,
  .layout__content__sub,
  .layout__variable {
    padding: 0 24px;
  }
}

/* ≤768 */
@media (max-width:768px) {
  .layout__header {
    padding: 0 20px;
  }

  .layout__content,
  .layout__content__sub,
  .layout__variable {
    padding: 0 16px;
  }
}

/* ≤390 */
@media (max-width:390px) {
  .layout__header {
    padding-left: calc(16px + env(safe-area-inset-left));
    padding-right: calc(16px + env(safe-area-inset-right));
  }

  .layout__content,
  .layout__content__sub,
  .layout__variable {
    padding-left: calc(16px + env(safe-area-inset-left));
    padding-right: calc(16px + env(safe-area-inset-right));
  }
}

h2 {
  font-weight: 600;
  font-size: var(--h2_font_size);
  color: var(--h2_green);
  margin-bottom: 1rem;
}

.none__tab {
  display: none;
}