:root{--white:#fff;--black:#3b4043;--font-noto-sans:"Noto Sans JP",sans-serif;--font-roboto:"Roboto",sans-serif;--font-helvetica:"Helvetica LT Pro","Roboto",sans-serif;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--base-font-color:var( --gray-d );--base-font-family:var( --font-noto-sans );--base-font-size:10px;--base-font-weight:var( --font-weight-regular );--base-line-height:1.5;--viewport-ratio:calc(100vw / 100vh);--header-height:80px;--side-space:calc(21 / 390 * 100vw)}html{color:var(--base-font-color);font-family:var(--base-font-family);font-size:var(--base-font-size);font-weight:var(--base-font-weight);font-style:normal;line-height:var(--base-line-height)}body{margin:0;min-width:320px;min-height:100vh;background-color:#fff;background-image:url(../images/back.webp);background-repeat:repeat;background-position:0 0;background-size:780px auto}img{width:100%;height:auto}.not-fit img{width:auto}hr{margin:0;border:none}@media screen and (min-width:768px){:root{--black:#333;--header-height:100px;--side-space:min(68px,calc(68 / 1536 * 100vw))}body{background-size:800px auto}}