@charset "UTF-8";
  /*ページ全体*/
  body{font-family:"Yu Gothic",YuGothic,"MS Pゴシック",Meiryo;
       font-size:16px;
       margin:0;
       background-color:lightblue;}
  #page{
      width:1080px;
      margin:0 auto;
      border:1px solid black;
      border-top-style:none;
      border-bottom-style:none;

  }
 /*リセット CSS*/
  h1,h2,h3,h4,p,ul,li{
      margin:0;
      padding:0;
  }

 /*ヘッダー*/
  header{background-color:midnightblue;
         position:fixed;
         width:100%;
         height:110px;
        }
  h1{color:white;
     font-size:48px;
     text-align:center;}

 /*ナビゲーション*/
  nav{padding-left:6px;
      overflow:hidden;
      background-color:midnightblue;}

  nav ul{dispkay:flex;
         margin:0 auto;
         padding:0;
         width:94%;
         max-width:100%;
         list-style-type:none;}

  nav li{float:left;
         width:calc(100%/3)}

  nav a{display:block;
        color:white;
        text-decoration:none;
        text-align:center;
        font-size:25px;
  }
  /*カーソルが乗るときなど*/
  #a,#b,#c{scroll-margin-top:110px;} /*位置ずれ修正*/
  nav a:hover{background-color:darkblue}
  nav a:active{color:lightgray;}

 /*メインコンテンツ*/
  main{clear:left;
       background-color:white;
       padding-top:115px;
       padding-left:5px;
       padding-right:5px;
  }
  h2{font-size:28px;}
  section{border:1px dashed black;
          border-top-style:none;
          border-right-style:none;
          border-left-style:none;
          }

#meritto{background:#ffffe0;
          }
#sikaku{background:#e0ffff;
          }
#benkyou{background:#ffffe0;
          }

footer{background-color:white;
padding:20px;
}