@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");
h1, h2, h3, h4, h5, h6 { font-weight: 700; }

#maGuideWrap { margin-top: min(150px,20.834vw); width: 90%; }
#maGuideWrap h2 { margin-bottom: min(60px,8.334vw); font-size: clamp(15.2px, 4.2224vw, 38px); }
@media (max-width: 480px) { #maGuideWrap h2 { font-size: 2.2rem; } }
#maGuideWrap h3 { margin-top: min(100px,13.888vw); margin-bottom: min(40px,5.556vw); font-size: clamp(14px, 3.1104vw, 28px); }
#maGuideWrap h3:first-of-type { margin-top: min(40px,5.556vw); }
@media (max-width: 480px) { #maGuideWrap h3 { font-size: 1.8rem; } }
#maGuideWrap h4 { margin-top: min(60px,8.334vw); margin-bottom: 30px; font-size: clamp(14px, 2.6672vw, 24px); }
@media (max-width: 480px) { #maGuideWrap h4 { font-size: 1.6rem; } }
#maGuideWrap .kigaki { margin: min(100px,13.888vw) 0 0; }
#maGuideWrap ul { margin: 30px 0; }
#maGuideWrap ul li { text-indent: -1em; padding-left: 1em; }
#maGuideWrap ul li + li { margin-top: 15px; }
#maGuideWrap ul li ol { margin: 20px 0; }
#maGuideWrap ul li .note { padding-left: 1em; }
#maGuideWrap ul.kako li { text-indent: -3em; padding-left: 3em; }
#maGuideWrap .guideBox { display: flex; align-items: flex-start; margin-top: 25px; }
#maGuideWrap .guideBox .num { display: block; padding-right: 1em; }
#maGuideWrap .guideBox .note { margin-top: 10px; }
#maGuideWrap .end { margin-top: min(100px,13.888vw); }

.copy { height: 50px; display: flex; justify-content: center; align-items: center; color: #ffffff; font-size: 1.4rem; text-align: center; background: #012383; margin-top: min(150px,20.834vw); }
@media (max-width: 768px) { .copy { font-size: 1.0rem; } }
@media (max-width: 480px) { .copy { margin-top: 20px; } }