/* ===== Reset ===== */

*,
*::before,
*::after{
box-sizing:border-box;
margin:0;
padding:0;
}

img{
max-width:100%;
display:block;
}

a{
text-decoration:none;
color:inherit;
}

ul{
list-style:none;
}

/* ===== Root Variables ===== */

:root{

--container:1200px;

--space-xs:8px;
--space-sm:16px;
--space-md:24px;
--space-lg:40px;
--space-xl:64px;

--radius:16px;

--color-main:#1f5f8f;
--color-line:#00c300;
--color-bg:#f5f8fb;
--color-text:#333;

}

/* ===== Base ===== */

body{
font-family:
"Yu Gothic",
"游ゴシック",
system-ui,
sans-serif;

font-size:16px;
line-height:1.6;
color:var(--color-text);
background:white;
}

h1,h2,h3{
line-height:1.3;
}