/*########### 767以下 ############*/
  @media (max-width:767px) {
    body{
      width: 100%;
    }
    .pagetop-btn {
      height: 45px;
      width: 45px;
      right: 20px;
      bottom: 20px;
    }
    
    .pagettl{
      height: 75px;
      background: #b0cb68;
      display: flex;
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      align-items: center;
      justify-content: center;
    }

    .pagettl h2{
      font-family: "Noto Sans JP";
      font-weight: bold;
      font-size: 21px;
      line-height: 15px;
      text-align: left;
      color: #fff;
      padding-top: 0;
      width: 325px;
      }

    .pagettl span{
      font-size: 70%;
      display: block;
      line-height: 3px;
      text-align: left;
      font-weight: 600;
    }  
      h1{
        font-family: "Shippori Mincho";
        font-weight: 600;
        font-size: 25px;
        line-height: 63px;
        text-align: center;
        color: #5d5d5d;
      }


/*ハンバーガー*/
      .menu-btn {
        position: fixed;
        top: 10px;
        right: 10px;
        display: flex;
        height: 60px;
        width: 60px;
        justify-content: center;
        align-items: center;
        z-index: 90;
      }
      .menu-btn span,
      .menu-btn span:before,
      .menu-btn span:after {
        content: '';
        display: block;
        height: 3px;
        width: 25px;
        border-radius: 5px;
        background-color: #ffffff;
        position: absolute;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
}
      .menu-btn span:before {
        bottom: 8px;
      }
      .menu-btn span:after {
        top: 8px;
      }

      #menu-btn-check:checked ~ .menu-btn span {
        background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
      }
      #menu-btn-check:checked ~ .menu-btn span::before {
        bottom: 0;
        transform: rotate(45deg);
      }
      #menu-btn-check:checked ~ .menu-btn span::after {
        top: 0;
        transform: rotate(-45deg);
      }

      #menu-btn-check {
        display: none;
      }

      .topmenu{
        display: none;
      }
      .sp-topmenu ul {
          padding: 70px 20px 0;
      }
      .sp-topmenu ul li {
          border-bottom: solid 2px #b0cb68;
          list-style: none;
          width: 200px;
      }
      .sp-topmenu ul li a {
          display: block;
          width: 100%;
          font-size: 19px;
          box-sizing: border-box;
          color:#000000;
          text-decoration: none;
          padding: 9px 15px 10px 0;
          position: relative;
          font-family: "Noto Sans JP";
          font-weight: 500;
      }

      .sp-topmenu ul li a::before {
          content: "";
          width: 7px;
          height: 7px;
          border-top: solid 3px #b0cb68;
          border-right: solid 3px #b0cb68;
          transform: rotate(45deg);
          position: absolute;
          right: 11px;
          top: 20px;
      }

      li span{
        display: none;
      }

      .sp-topmenu {
        display: block;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 100%;/*leftの値を変更してメニューを画面外へ*/
        z-index: 80;
        background-color: #e7efd1;;
        transition: all 0.5s;/*アニメーション設定*/
    }

    #menu-btn-check:checked ~ .sp-topmenu {
      left: 0;/*メニューを画面内へ*/
    }
      
      .sp-topmenu ul{flex-direction: column;}
/*ハンバーガーend*/



  .newsttl h1{
    font-family: "Shippori Mincho";
    font-weight: 600;
    font-size: 25px;
    line-height: 63px;
    text-align: center;
    color: #5d5d5d;
}

.topnews h1{
  width: 100%;
  text-align: center;
  margin-top: 5px;
}


.center{
  width: 100%;
  margin: 0 auto;
  background-color: #f1f1f1;
}

.center table{
  margin: 0 auto;
  padding-top: 0;
}

  table tr{
    display: block;
    margin-top: 0;
    margin-bottom: 0;
  }
  table th,
  table td {
    display: block;
    width: 100%;
    border-right: none;
    padding: 0;
    height: 25px;
  }
  table th{
    font-family: "Noto Sans JP";
    font-weight: 300;
    font-size: 13px;
    text-align: left;
    color: #000;
  }
  table td{
    font-family: "Shippori Mincho";
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    text-align: left;
    color: #000;
    padding-bottom: 30px;
  }

  .table tr:last-child{
    border-bottom: solid 1px #ccc;
  }



  .btnarea{
    display: none;
  }

  .guid{
    width: 100%;
    height: 100%;
    margin-top: 5px;
  }

  .guid h1{
    margin-bottom: 10px;
  }

  .guid ul{
    width: 100%;
    display: block;
  }

  .guid ul li{
    text-align: center;
    margin: 0 auto;
  }

  .guid p{
    margin-bottom:38px;
    font-family: "Noto Sans JP";
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    color: #000;
  }

  .guid p span{
    font-family: "Noto Sans JP";
    font-weight: normal;
    font-size: 12px;
    text-align: center;
    color: #000;
  }

  .mainbtn{
    display: none;
  }

  .sp-login{
    display: block;
    margin: 0 auto;
    width: 316px;
  }

  .sp-login ul{
    display: block;
    width: 100%;
    align-items: center;
    margin-top: 70px;
    margin-bottom: 50px;
    padding-left: 0;
  }

  .sp-login li{
    margin: 0 auto;
    padding-bottom: 5px;
  }

  .linkbtn{
    margin: 0 auto;
    width: 316px;
    padding-bottom: 50px;
  }

  .linkbtn ul{
    display: block;
    width: 100%;
    align-items: center;
  }

  .linkbtn li{
    padding-bottom: 5px;
  }

  .foot{
      text-align: center;
      margin: 0 auto;
      padding-top: 10px;
  }
  footer .logo {
  font-size: 1.5em;
  display: block;
  height: 68px;
  }
  .foot span {
    text-align: center;
    display: block;
    line-height: 5px;
    font-size: 70%;
  }


}