body {
          /*画像ファイルの指定*/
          background-image: url(../img/top001.webp);
          /*画像を常に天地左右の中央に配置*/
          background-position: center center;
          /*画像をタイル状に繰り返し表示しない*/
          background-repeat: no-repeat;
          /*コンテンツの高さが画像の高さより大きい時、動かないように固定*/
          background-attachment: fixed;
          /*表示するコンテナの大きさに基づいて、背景画像を調整*/
          background-size: cover;
          /*背景画像が読み込まれる前に表示される背景のカラー*/
          background-color: #464646;
          height: auto;
          font-size: 16px;
        }


        section {
          margin-top: 100px;
          margin-bottom: 150px;
        }

        a{
          text-decoration: none;
        }


        .title {
          font-size: 300%;
          color: #ffff00;
   text-shadow:
       3px 3px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
font-family:"MV Boli","Segoe Print",sans-serif;
          margin-top: 12vh;
          margin-left: auto;
          margin-right: auto;
          width: 85%;
          text-align: center;
          line-height: 1.5em;
        }

        .title_2 {
          font-size: 200%;
          color: #ffff00;
   text-shadow:
       2px 2px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
          font-family:"MV Boli","Segoe Print",sans-serif;
          text-align: center;
        }


/*-------------------------トップメニュー*/ 

.topmenu {
    background-color:#6699CC;
    width:100%;
    margin:0px 0px 0px;
    background-color: transparent;
}

ul.topmenu li{
padding:5px 10px 5px;

}

ul.topmenu a{
color:#ffff00;
font-size: 130%;
text-shadow:1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000;
}

ul.topmenu li:hover{
    color:#000000;
     background-color: #3399FF;
}


/* ------   ul　flex  基本  ----- */
ul {
    display:   flex;
    flex-flow: row;
    flex-wrap: wrap;
    width:100%;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0px;   /* ------  0にしないと中央にこない    ----- */
}

li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.description {
  width: 80%;
  max-width: 1300px;
  color: #000000;
  font-size: 110%;
  margin-left : auto ; margin-right : auto ;
  background-color: #ffffff;
  border-radius: 10px;
  background-color:rgba(255, 255, 255, 0.7);
  padding: 15px 15px 15px 15px;
}

.description_sub {
  width: 80%;
  max-width: 800px;
  color: #000000;
  font-size: 110%;
  margin-left : auto ; margin-right : auto ;
  background-color: #ffffff;
  border-radius: 10px;
  background-color:rgba(255, 255, 255, 0.7);
  padding: 15px 15px 15px 15px;
}


        /* ------   h1, h2, h3, h4, h5  基本  ----- */
        h1,
        h2,
        h3,
        h4,
        h5 {
          margin: 0;
          padding: 0;
          font-size: 100%;
        }


        .flex_box {
          display: flex;
          justify-content: flex-start;
          width: 96%;
          width: auto;
          max-width: 1400px;
          height: auto;
          margin-left: auto;
          margin-right: auto;
          padding: 20px 0px 20px 0px;
        }

        .item_box {
          width: 23.5%;
          max-width: 1400px;
          min-width: 50px;
          border: 3px solid #ffffff;
          height: auto;
          box-sizing: border-box;
          margin: 10px 10px 10px 10px;
          background-color: #ffffff;

        }

        .item_box a {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          text-decoration: none;
          height: 100%;
          width: 100%;
        }

        .item_box h2 {
          color: #2466f5;
          font-size: 130%;
          text-shadow: 1px 1px 1px #999999;
          height: 20%;
          width: auto;
          padding: 10px 5px 10px 5px;
          padding: auto 5px auto 5px;
          text-align: center;
          background-color: #ffffff;
        }

        .item_box p {
          color: #5c5f6d;
          font-size: 115%;
          padding: 5px 5px 5px 5px;
        }

        .item_box img {
          height: auto;
          width: auto;
        }


        footer {
          position: fixed;
          bottom: 0;
          width: 100%;
          height: 50px;
          color: #ffffff;
        }