@media only screen and (max-width: 600px) {

  body{
    font-size: small;
  }
    .headimg{
    text-align: center;
        width: 100vw;
        margin: -25px auto;
           }
  
      
      .container {
          width: 100vw;
          margin: 5px auto;
          display: contents ;
        }
        
        .main-contents {
          min-height: auto;
          width: 100%;
          padding: 10px;
          background:linear-gradient(rgb(221, 236, 238),rgb(245, 252, 253));
        }
        
        .side-menu2 {
         width: 100%;
         padding-bottom: 10px;
        }
        .side2 {
         display:none
      
        }
        
        .nittei {
          display:none
        }

        .nittei_sp {
          min-height: auto;
          width: 100%;
          padding: 10px;
          background:linear-gradient(rgb(221, 236, 238),rgb(245, 252, 253));
    
        }



        .side2_sp {
            padding: 10px 20px 10px 20px ;
            line-height: 1.5em;
  
        }

        .side2_sp strong{
          font-size: larger;
        }

        .container2 {
          background-color: aliceblue;
          width: 100vw ;
      
             
        }
        .container3 {
            background-color: aliceblue;
            width: 100vw ;
 
            border: double 5px #4ec4d3;
        }

        .container4 {
            
            width: 90% ;
            margin: 5px auto;
            display: flex;
  
        }
        .jscr{ 
        display: none;
        }
        .koushin{
      
          padding: 5%;
        
        }
      
        .i_news {
              height: 200px;
                    overflow:scroll;
          margin-bottom:80px;
        }
      
        .wrapper{
          min-height: 100vh;
          width: 100%;
          position: relative;/*←相対位置*/
          padding-bottom: 50px;/*←footerの高さ*/
          box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
        }
        .aisatsu{

          text-align: justify;
          text-justify: inter-ideograph;
          border: 5px;
          margin: 10px 10px;
          padding: 0px 5px ;
        }
        .text{
          margin: -20px;
          padding: 0px 0px 5px 40px;
        }
      
        .miyoshi{
          width: 100px;
          height: 126px;
          }

      .jimu{
        color: slateblue;
      }
      
      .Gara_index{
        
            background:linear-gradient(rgb(88, 197, 224), aliceblue);
          width:98%;
          height:5pt;
          text-shadow:2px -2px 3px #ffffff,1px -1px 3px #ffffff,3px -3px 3px #ffffff;
          padding: 1% 00px 1% 2%;
        white-space: nowrap;
          }
      
      
      footer{
          font-size: small;
          width: 100vw;  margin: 0%;
          background-color: #281c99;
          color: #fff;
          text-align: center;
          padding: 0px ;
          border: 0pc;
       position: absolute;/*←絶対位置*/
          bottom: 0; /*下に固定*/
      }
   

}