html {
  width: 100vw;
  overflow-x: hidden;
}

:root {
  font-size: max(1.11111vw, 15px); /* 16pxが基準 */
  font-weight: 300;
  /* px translate */
  --v1-px: 0.06944444vw;
  --v2-px: 0.13888888vw;
  --v3-px: 0.20833332vw;
  --v4-px: 0.27777776vw;
  --v5-px: 0.3472222vw;
  --v6-px: 0.41666664vw;
  --v7-px: 0.48611108vw;
  --v8-px: 0.55555552vw;
  --v9-px: 0.62499996vw;
  --v10-px: 0.6944444vw;
  --v11-px: 0.76388884vw;
  --v12-px: 0.83333328vw;
  --v13-px: 0.90277772vw;
  --v14-px: 0.97222216vw;
  --v15-px: 1.0416666vw;
  --v16-px: 1.11111104vw;
  --v17-px: 1.18055548vw;
  --v18-px: 1.24999992vw;
  --v19-px: 1.31944436vw;
  --v20-px: 1.3888888vw;
  --v21-px: 1.45833324vw;
  --v22-px: 1.52777768vw;
  --v23-px: 1.59722212vw;
  --v24-px: 1.66666656vw;
  --v25-px: 1.736111vw;
  --v26-px: 1.80555544vw;
  --v27-px: 1.87499988vw;
  --v28-px: 1.94444432vw;
  --v29-px: 2.01388876vw;
  --v30-px: 2.0833332vw;
  --v31-px: 2.15277764vw;
  --v32-px: 2.22222208vw;
  --v33-px: 2.29166652vw;
  --v34-px: 2.36111096vw;
  --v35-px: 2.4305554vw;
  --v36-px: 2.49999984vw;
  --v37-px: 2.56944428vw;
  --v38-px: 2.63888872vw;
  --v39-px: 2.70833316vw;
  --v40-px: 2.7777776vw;
  --v41-px: 2.84722204vw;
  --v42-px: 2.91666648vw;
  --v43-px: 2.98611092vw;
  --v44-px: 3.05555536vw;
  --v45-px: 3.1249998vw;
  --v46-px: 3.19444424vw;
  --v47-px: 3.26388868vw;
  --v48-px: 3.33333312vw;
  --v49-px: 3.40277756vw;
  --v50-px: 3.472222vw;
  --v51-px: 3.54166644vw;
  --v52-px: 3.61111088vw;
  --v53-px: 3.68055532vw;
  --v54-px: 3.74999976vw;
  --v55-px: 3.8194442vw;
  --v56-px: 3.88888864vw;
  --v57-px: 3.95833308vw;
  --v58-px: 4.02777752vw;
  --v59-px: 4.09722196vw;
  --v60-px: 4.1666664vw;
  --v61-px: 4.23611084vw;
  --v62-px: 4.30555528vw;
  --v63-px: 4.37499972vw;
  --v64-px: 4.44444416vw;
  --v65-px: 4.5138886vw;
  --v66-px: 4.58333304vw;
  --v67-px: 4.65277748vw;
  --v68-px: 4.72222192vw;
  --v69-px: 4.79166636vw;
  --v70-px: 4.8611108vw;
  --v71-px: 4.93055524vw;
  --v72-px: 4.99999968vw;
  --v73-px: 5.06944412vw;
  --v74-px: 5.13888856vw;
  --v75-px: 5.208333vw;
  --v76-px: 5.27777744vw;
  --v77-px: 5.34722188vw;
  --v78-px: 5.41666632vw;
  --v79-px: 5.48611076vw;
  --v80-px: 5.5555552vw;
  --v81-px: 5.62499964vw;
  --v82-px: 5.69444408vw;
  --v83-px: 5.76388852vw;
  --v84-px: 5.83333296vw;
  --v85-px: 5.9027774vw;
  --v86-px: 5.97222184vw;
  --v87-px: 6.04166628vw;
  --v88-px: 6.11111072vw;
  --v89-px: 6.18055516vw;
  --v90-px: 6.2499996vw;
  --v91-px: 6.31944404vw;
  --v92-px: 6.38888848vw;
  --v93-px: 6.45833292vw;
  --v94-px: 6.52777736vw;
  --v95-px: 6.5972218vw;
  --v96-px: 6.66666624vw;
  --v97-px: 6.73611068vw;
  --v98-px: 6.80555512vw;
  --v99-px: 6.87499956vw;
  --v100-px: 6.944444vw;
  --v104-px: 7.22222222vw;
  --v106-px: 7.36111111vw;
  --v112-px: 7.77777777vw;
  --v116-px: 8.05555555vw;
  --v120-px: 8.33333333vw;
  --v128-px: 8.88888888vw;
  --v136-px: 9.44444444vw;
  --v140-px: 7.72222222vw;
  --v144-px: 10vw;
  --v148-px: 10.2777777vw;
  --v152-px: 10.5555555vw;
  --v160-px: 11.1111111vw;
  --v184-px: 12.7777777vw;
  --v196-px: 13.6111111vw;
  --v240-px: 16.6666666vw;
  --v280-px: 19.4444444vw;
  --v320-px: 22.2222222vw;
  --v440-px: 30.555555vw;
  --v680-px: 47.222222vw;
  --m1-px: -0.06944444vw;
  --m2-px: -0.13888888vw;
  --m3-px: -0.20833332vw;
  --m4-px: -0.27777777vw;
  --m5-px: -0.34722222vw;
  --m6-px: -0.41666664vw;
  --m7-px: -0.48611108vw;
  --m8-px: -0.55555555vw;
  --m11-px: -0.763888888vw;
  --m12-px: -0.833333333vw;
  --m16-px: -1.111111111vw;
  --m20-px: -1.388888888vw;
  --m24-px: -1.666666666vw;
  --m28-px: -1.944444444vw;
  --m32-px: -2.222222222vw;
  --m36-px: -2.5vw;
  --m40-px: -2.777777777vw;
  --m48-px: -3.333333333vw;
  --m52-px: -3.611111111vw;
  --m56-px: -3.888888888vw;
  --m64-px: -4.444444444vw;
  --m72-px: -5vw;
  --m80-px: -5.555555555vw;
  --m88-px: -6.111111111vw;
  --m96-px: -6.666666666vw;
  --m104-px: -7.22222222vw;
  --m112-px: -7.77777777vw;
  --m120-px: -8.33333333vw;
  --m144-px: -10vw;
  --m160-px: -11.1111111vw;
  --m196-px: -13.6111111vw;
  --f10-px: 0.625rem;
  --f11-px: 0.6875rem;
  --f12-px: 0.75rem;
  --f13-px: 0.8125rem;
  --f14-px: 0.875rem;
  --f15-px: 0.9375rem;
  --f16-px: 1rem;
  --f17-px: 1.0625rem;
  --f18-px: 1.125rem;
  --f19-px: 1.1875rem;
  --f20-px: 1.25rem;
  --f21-px: 1.3125rem;
  --f22-px: 1.375rem;
  --f23-px: 1.4375rem;
  --f24-px: 1.5rem;
  --f25-px: 1.5625rem;
  --f26-px: 1.625rem;
  --f27-px: 1.6875rem;
  --f28-px: 1.75rem;
  --f29-px: 1.8125rem;
  --f30-px: 1.875rem;
  --f31-px: 1.9375rem;
  --f32-px: 2rem;
  --f33-px: 2.0625rem;
  --f34-px: 2.125rem;
  --f35-px: 2.1875rem;
  --f36-px: 2.25rem;
  --f37-px: 2.3125rem;
  --f38-px: 2.375rem;
  --f39-px: 2.4375rem;
  --f40-px: 2.5rem;
  --f48-px: 3rem;
  --f56-px: 3.5rem;
  --f64-px: 4rem;
  --f72-px: 4.5rem;
  --f80-px: 5rem;
  --content-wide: 91.25vw;
  --content-default: 74.7222vw;
  --content-widemin: 920px;
  --content-defmin: 800px;
  --border-num: 0.27777vw;
  --content-top: 82.20338983805%;
  --top-left: 8.81355%;

  --content-width: 80.555555vw;
  --border-num: 0.277777vw;
}
body {
  background: var(--dark-color);
  color: var(--text-color);
  font-family: "DM Sans", "Zen Kaku Gothic Antique", sans-serif;
  font-size: max(1.04166666vw, 13px);
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.1em;
}