*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,"Segoe UI","Hiragino Sans","Yu Gothic","Meiryo",sans-serif;line-height:1.5;background:#fff;color:#000}
img{display:block;max-width:100%;height:auto}
picture,figure{display:block}
main{display:block}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure{margin:0;padding:0}
ul,ol{list-style:none}
a{text-decoration:none;color:inherit}

i[class^="fa-"],.fa-solid,.fa-brands{display:inline-block;width:1em}



.global-nav ul{list-style:none;margin:0;padding:0}



@media only screen and (max-width: 750px){
  .sp{display:block !important}
  .pc{display:none !important}
}
@media only screen and (min-width: 751px){
  .sp{display:none !important}
  .pc{display:block !important}
}


:root{--sp-top-gap:40px}
.pagetop4{position:fixed;top:0;left:0;right:0;height:var(--sp-top-gap);z-index:2001}
.pagetop4 ul{margin:0;padding:0;list-style:none}
.pagetop4 ul,.pagetop4 li{height:var(--sp-top-gap)}
@media only screen and (max-width: 750px){
  header+main{margin-top:var(--sp-top-gap)}
}


.mainimg2{min-height:16vh}
.mainimg2 img{width:100%;height:auto;display:block}

@media (min-width:768px){
  header{min-height:80px}
}