/* base.css — reset + foundations */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{
  -moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;scroll-behavior:smooth;
  scroll-padding-top:5rem;
}
body{
  min-height:100dvh;line-height:1.7;
  font-family:var(--font-body);
  font-size:var(--text-base);
  color:var(--color-text);
  background-color:var(--color-bg);
}
img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}
ul[role='list'],ol[role='list']{list-style:none}
input,button,textarea,select{font:inherit;color:inherit}
h1,h2,h3,h4{text-wrap:balance;line-height:1.25;font-family:var(--font-display);font-weight:700}
p,li{text-wrap:pretty}
a{color:inherit}
::selection{background:color-mix(in oklab,var(--color-primary),transparent 75%);color:var(--color-text)}
:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}
button{cursor:pointer;background:none;border:none}
table{border-collapse:collapse;width:100%}
a,button,[role='button'],input,textarea,select{
  transition:color var(--t),background var(--t),border-color var(--t),box-shadow var(--t),transform var(--t);
}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* ==================================================
PC / SP 表示切替　br専用
================================================== */

br.pc {
	display: block;
}

br.sp {
	display: none;
}

@media screen and (max-width: 1024px) {

	br.pc {
		display: none !important;
	}

	br.sp {
		display: block !important;
	}

}