@charset "utf-8";
/* デザイントークン（色・余白・フォントの出所） */
:root {
  --font-base: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", YuGothic, Arial, sans-serif;
  --fs10: 0.625rem;
  --fs11: 0.6875rem;
  --fs12: 0.75rem;
  --fs13: 0.8125rem;
  --fs14: 0.875rem;
  --fs15: 0.9375rem;
  --fs16: 1.0rem;
  --fs17: 1.0625rem;
  --fs18: 1.125rem;
  --fs20: 1.25rem;
  --fs22: 1.375rem;
  --fs24: 1.5rem;
  --fs28: 1.75rem;
  --fs30: 1.875rem;
  --fs32: 2.0rem;
  --fs36: 2.25rem;
  --fs40: 2.5rem;
  --fs50: 3.125rem;
  --fs60: 3.75rem;
  --c-white: #fff;
  --c-black: #404040;
  --c-blue: #3B82F6;
  --c-red: #e7594d;
  --c-green: #22C55E;
  --c-yellow: #EAB308;
  --c-gray: #6B7280;
  --c-l-gray: #F3F4F6;
}
@layer reset {
  *, *::before, *::after {
    box-sizing: border-box;
  }
  * {
    margin: 0;
  }
  img, picture, svg, video {
    display: block;
    max-width: 100%;
    height: auto;
  }
  input, button, textarea, select {
    font: inherit;
    border: none;
  }
  ul, ol {
    list-style: none;
    margin: 0;
    padding: 0
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  @media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
    }
  }
}
@layer base {
  body {
    background: var(--c-white);
    color: var(--c-black);
    font-family: var(--font-base);
    font-size: var(--fs16);
    line-height: 1.6;
    font-weight: 400;
  }
  a {
    color: var(--c-red);
    text-decoration: none;
  }
  h1, h2, h3 {
    line-height: 1.2;
  }
  .mb20 {
    margin-bottom: 20px;
  }
  #container {
    width: 100%;
    padding: 0 50px;
    margin: 0 auto 50px;
    @media (max-width: 430px) {
	  padding: 0 15px;
	}
  }
  .sp {
    display: none;
    @media (max-width: 430px) {
      & {
        display: block;
      }
    }
  }
  .pc {
    @media (max-width: 430px) {
      & {
        display: none;
      }
    }
  }
}