@charset "UTF-8";

/* 共通部分
------------------------------- */
html {
    font-size: 100%;
}
body{
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
    line-height: 1.7;
    color: #432;
}
a {
    text-decoration: none;
}
img {
    max-width: 100%;
}
/* HEADER
------------------------------- */
.logo {
    max-width: 800px;
    margin: 0 auto;
  padding: 0 4%;
  margin-left: 200px; 
}
.main-nav {
    display: flex;
    font-size: 1.5rem;
    margin-top: 34px;
    font-weight: bold;
    list-style: none;
    border-style: solid;
    width: 1500px;
}
.main-nav li {
    margin-left: 36px;
}
.main-nav a {
    color: #000;
}
.main-nav a:hover {
    color: #0bd;
}

.title1 {margin-top: 30px;
         margin-left: 20px;
        font-weight: bold;
        border-top: 2px solid rgb(67, 93, 243)
}

.upload {
    margin-left: 20px;
    font-weight: bold;
    font-size: 150%;}

.upload a {
    color: #1900ff;
}
.upload a:hover {
    color: rgb(192, 0, 221);
}

p {margin-left: 30px; font-weight: bold;}
.title2 {margin-top: 30px;
        margin-left: 20px;
    font-weight: bold;
    color: rgb(0, 0, 0);
    border-top: 2px solid rgb(67, 93, 243)}

.theme1 {
    margin-left: 20px;
    font-weight: bold;
    font-size: 150%;
color: rgb(148, 50, 228)}
p {margin-left: 30px; font-weight: bold;}

.theme1 a {
    color: rgb(4, 0, 236)
}

.theme2 {
    margin-left: 20px;
    font-weight: bold;
    font-size: 150%;
color: rgba(17, 120, 179, 0.877)}
p {margin-left: 30px; font-weight: bold;}

.theme3 {
    margin-left: 20px;
    font-weight: bold;
    font-size: 150%;
color: rgb(0, 0, 0)}
p {margin-left: 30px; font-weight: bold;}

.theme4 {
    margin-left: 20px;
    font-weight: bold;
color: rgba(1, 26, 250, 0.989)}
p {margin-left: 30px; font-weight: bold;}

body {background-color: rgb(238, 238, 193)
}



.logo-note {
    width:500px;
    margin-top: 14px;
   margin-left: 50px; 
}


.note-nav {
    display: flex;
    font-size: 1.0rem;
    font-weight: bold;
    margin-top: 34px;
    list-style: none;
}
.note-nav li {
    margin-left: 10px;
}
.note-nav a {
    color: #432;
}
.note-nav a:hover {
    color: #0bd;
}

.note-header {
    display: flex;
    justify-content: space-between;
}

.note-title {font-weight: bold;
             color:blue;
            text-align: center;
            font-size: 3rem;
            border-bottom: 5px solid rgb(6, 41, 240);
        }

.note-content a {color: rgb(12, 8, 247)}
.note-content a:hover {
    color: #0bd;}


    .digression-nav {
        display: flex;
        font-size: 1.0rem;
        font-weight: bold;
        margin-top: 34px;
        list-style: none;
    }
    .digression-nav li {
        margin-left: 10px;
    }
    .digression-nav a {
        color: #432;
    }
    .digression-nav a:hover {
        color: #0bd;
    }
    
    .digression-header {
        display: flex;
        justify-content: space-between;
    }
    
.digression-title {font-weight: bold;
        color:blue;
       text-align: center;
       font-size: 3rem;
       border-bottom: 5px solid rgb(6, 41, 240);}

.digression-content a {color: rgb(12, 8, 247)}
.digression-content a:hover {
           color: #0bd;}
       





/*
 .note-content a {color: rgb(195, 21, 21)}
 .note-content a:hover {
           color: #0bd;}
*/

.about-nav {
    display: flex;
    font-size: 1.0rem;
    font-weight: bold;
    margin-top: 34px;
    list-style: none;
}
.about-nav li {
    margin-left: 10px;
}
.about-nav a {
    color: #432;
}
.about-nav a:hover {
    color: #0bd;
}

.about-header {
    display: flex;
    justify-content: space-between;
}

.about-title {font-weight: bold;
    color:blue;
   text-align: center;
   font-size: 3rem;
   border-bottom: 5px solid rgb(6, 41, 240);}

   .about-body {margin-top: 30px;
                margin-left: 10px;
                max-width: 1500px;
                font-weight: bold;
                font-size: 20px;
    /*            text-align: justify;   */
   }

  .about1 {
    margin-top: 20px;
    font-weight: bold;
   font-size: 30px;
   color: rgb(11, 0, 221);
   border-top: 2px solid rgb(67, 93, 243);
}

   .bold {color: rgb(4, 15, 165); font-weight: bold;}

.history {margin-top: 30px;
    margin-left: 10px;
    max-width: 1500px;
    font-size: 20px;}
.wrapper {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 4%
}