/* ===== reset.css ===== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;line-height:1.7}
img,svg,video,canvas{display:block;max-width:100%;height:auto}
h1,h2,h3,h4,p,ul,ol,dl,figure{margin:0}
ul[role="list"],ol[role="list"]{list-style:none;padding:0}
table{border-collapse:collapse;border-spacing:0}
a{color:inherit;text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:.08em}
:focus-visible{outline:2px solid #0a66ff;outline-offset:2px}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
/* 共通：デフォルトでは全て非表示にしておく */
br.sp,
br.pc {
  display: none;
}

/* スマホ時（例：幅768px以下）だけ <br class="sp"> を有効化 */
@media screen and (max-width: 768px) {
  br.sp {
    display: inline;
  }
}

/* PC時（例：幅769px以上）だけ <br class="pc"> を有効化 */
@media screen and (min-width: 769px) {
  br.pc {
    display: inline;
  }
}