@charset "UTF-8";

html {
    font-size: 100%;
}

body {
    background-color: #fee;
    
    background-repeat: no-repeat;
    
}
h1 {
    color: #0bd;
    font-size: 2rem;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
h2 {
    font-size: 14px;
    font-family: "游ゴシック";
    color: navy;
}
p {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    line-height: 1.7;
    text-align: justify;
    color: rgba(14, 2, 27, 0.5);
}
main {
    width: 1140px;
    margin: 0 auto;
}

.hero {
    
    background-repeat: no-repeat;
    background-size: contain;
    height: 100vh;
}

.box1 {
    background: #0bd;
    width: 500px;
    height: 300px;
    margin: 50px 0 0 300px;
    padding: 40px;
}



ul {
    list-style-type: square;
    list-style-position: outside;
    
}

ol {
    list-style-type: hiragana;
    list-style-position: inside;
}



.blue {
    color: #0bd;
}

#orange {
    color: #fa2;
}

p.blue2 {
    color: aquamarine;
}