.content {
  padding: 10px;
  position: relative;
  height: auto;
  margin: auto;
  padding-top:43px;
}
.content-2 {
  width: 95%;
  margin: 18% auto;
}
header {
  position: fixed;
  width: 100%;
  margin-top: -43px;
  margin-right: -10px;
  margin-left: -10px;
  height: 77px;
  z-index: 2000;
}


html {
  font-family: 'Lato', sans-serif;
}

body {
  margin: 0;
  overflow-x: hidden;
  height: 100vh;
  width: 100vw;
  background-color:#F3F1ED; 
}


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

.logo{
 display: none;
}
.pc-only{
  display: none;
}
.sm-only{
  display: block;
}

.features {
  font-family: 'Lato', sans-serif;
  font-size: 1rem;
  text-transform: uppercase;
}

.features li {
  width: 100%;
  text-align: center;
  padding: .25em;
}
.alert {
  max-width: 100%;
  margin: auto;
}

  /*申し込みボタン*/
  .btn.type01{
  width: 100%;
  padding: 15px 10px;
  display: inline-block;
  text-align: center;
  letter-spacing: 0.1em;
  color: #fff;
  background-color: #2f2f2f;
  border-radius: 0%;
  margin-left: 13px;
  }
  .price-waku li{
    font-family: 'Noto Serif JP', serif; 
  }
    
  /*price*/
  .clear{
      clear: both;
  }
  .right-ishi1{
    position: absolute;
    animation: korokoro 2s linear 0s 1;
    animation-iteration-count: infinite;
}
.right-ishi2{
    position: absolute;
    animation:fwari ease-in-out 2s infinite alternate;
}
.price-waku{
  width: 100%;
  margin-left: 0px;
  margin-top: 34px;
}
.price-left{
  width: 100%;
  float: left;
  margin-bottom: 1px;
  font-size: 20px;
}
.price-right {
  /* float: right; */
  width: 77%;
  margin: auto;
}
.price-right-left{
  text-align: right;
  margin-bottom: 10px;
}
.price-contet{
  padding-top: 0px;
  margin-left: 0px;
}
.price-chibimoji{
  font-size: 14px;;
}
.dekaishi{
  margin-top: 10px;
}
/*company*/
.company-midashi{
font-family: 'Noto Serif JP', serif; 
font-size: 20px;
line-height: 27px;

}
.btn-haba{
  width: 100%;
  margin-top: 16px;  
}
.kiyaku-waku{
  width: 100%;
  height: 70vh;
  overflow:scroll;
}
/* 　テーブル */
.last td:last-child {
  border-bottom: solid 1px #ccc;
  width: 100%;
}
.tbl-r02 {
  width: 100%;
}
.tbl-r02 th
 {
　border-bottom: none;
  display: block;
  width: 100%;
  background: #d0d0d0;
  color: #ffff;
  padding: 10px;
 }
.tbl-r02 tr{
  width: 100%;
  border-bottom: none;
  display: block;
  padding: 10px;
}
.overflow{
 overflow:scroll;
}

footer{
  width: 98%;
  color: #fff;
  text-align: right;
  padding: 30px 30px;
  position: absolute;/*←絶対位置*/
  bottom: 0; /*下に固定*/
}
 /* coach部分 */
 .price-hyou{
  margin: 21% auto;
  width: 90%;
}
.ginkou_buton {
  width: 300px !important;
  margin: 10px auto 50px;
  padding: 20px;
  font-size: 19px;
  background-color: #4c4a4a;
}

.product-waku-nakami {
  width:100%;
  margin: 10px;
  height: 161px;
  padding: 20px;
  text-align: center;
  color:black;
  text-decoration: none;
  overflow: hidden;
}
.title-font-size{
  font-size: 37px;
}
.offset-3 {
  margin-left: 0px;
}

.row {
  margin-top: 40px};
@media (min-width: 900px) {
  .drawer-list {
    width: 40vw;
  }
}
.drawer-list {
  position: fixed;
  right: 0;
  top: 0;
  height: auto;
  width: 100vw;
  -webkit-transform: translate(100vw, 0);
          transform: translate(100vw, 0);
  /* ie workaround */
  -ms-transform: translatex(-100vw);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  pointer-events: none;
  padding-top: 125px;
  -webkit-transition: width 475ms ease-out, border-radius .8s .1s ease, -webkit-transform 450ms ease;
  transition: width 475ms ease-out, border-radius .8s .1s ease, -webkit-transform 450ms ease;
  transition: width 475ms ease-out, transform 450ms ease, border-radius .8s .1s ease;
  transition: width 475ms ease-out, transform 450ms ease, border-radius .8s .1s ease, -webkit-transform 450ms ease;
  border-bottom-left-radius: 100vw;
  background-color: #ebebeb;
  background-color:rgba(208, 210, 210, 0.89);
  z-index: 10000;
}
.drawer-list ul {
  height: 90vh;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  overflow-x: hidden;
  pointer-events: auto;
  margin-top: -37px;
}



.drawer-list li:last-child {
  margin-bottom: 2em;
}

.drawer-list li a {
  text-decoration: none;
  color: #100101;
  text-align: center;
  display: block;
  padding: 1rem;
}

.icon {
  display: inline-block;
  width: 5vw;
  height: 4vw;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

.nav-menu{
padding: 10px;
color:black;
}
.moji-chibi{
  font-size: 9px;
  line-height: 9px;
  margin-top: 2px;
}
.left-content{
  margin: auto;
  text-align: center;
}
.right-content{
  /*margin: 10px;*/
  position: relative;
  width: 100%;
  
}
.right-waku{
  float: left;
  width: 100%;
  margin-left: 10%;
  
}
.right-waku li{
  float: left;
  margin-top: 30px;
}
.right-waku-img{
  width: 50%;
}

.tbl-r04 {
  width: 100%;
} 

.admin-waku{
  height: auto;
  background-color: beige;
  margin: 2%;
  padding: 2%;
}
.admin-waku-1-1{
  border-bottom: 1px dotted;
  height: 35px;
  line-height: 35px;
  margin: 2%;
  padding: 2%;
}
.admin-waku-1{
  width:100px;
  text-align: center;
height: auto;
}
.admin-waku-2{
  border-bottom: 1px dotted;
  height: 35px;
  line-height: 35px;
  margin: 2%;
  padding: 2%;
  
}
.tbl-r04{
  background-color: white;
}

@media (min-width: 900px) and (max-width: 768px) {
  .drawer-list li {
    list-style: none;
    pointer-events: auto;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transform: translatex(100vw);
            transform: translatex(100vw);
    /* ie workaround */
    -ms-transform: translatex(-100vw);
    margin: auto;
  }


  .drawer-list li a {
    text-align: right;
    padding: .5rem;
  }

  .mina-waku{
    position: absolute;
    top: 107%;
    left: 12%;
    width: 41%;
  }
  .ishi{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;   
    width: 351px;
    height: 351px;
  border-radius: 50%;
  position: relative;
  margin-top: 22%;
  margin-left: 116px;
  }
  .ishi-moji{
    position: absolute;
    top: -15%;
    left: -3%;
    width: 34%;
  }
  .ishi-1{
    width: 36%;
    position: absolute;
    top: 40%;
    left: -5%;
  }
  .ishi-2{
    width: 23%;
    position: absolute;
    top: 50%;
    left: 76%;
  }
  .ishi-3{
    width: 36%;
    position: absolute;
    top: -3%;
    left: 4%;
  }
  .ishi-4{
    width: 35%;
    position: absolute;
    top: 71%;
    left: 45%;
  }
  .ishi-5{
    width: 22%;
    position: absolute;
    top: 67%;
    left: 20%;
  }
  .ishi-6{
    width: 31%;
    position: absolute;
    top: 18%;
    left: 75%;
  }
  .ishi-7{
    width: 31%;
    position: absolute;
    top: 5%;
    left: 52%;
  }
  .ishi-8{
    width: 32%;
    position: absolute;
    top: 30%;
    left: 33%;
  }
  .ishi-9{
    width: 22%;
    position: absolute;
    top: -9%;
    left: 45%;

  }

        /*price*/


.left2{
  width:100px;
  margin-top: -13px;
  margin: auto;
}
.right-ishi1{
  position: absolute;
    top: -12%;
    left: 7%;
    margin: auto;
    width: 20%;
}
.right-ishi2{
  position: absolute;
  top: -8%;
  left: 22%;
  margin: auto;
  width: 13%;
}

.price-waku {
  width: 100%;
  margin-left: 0px;
  margin-top: 115px;
}
}

@media (min-width: 415px) and (max-width:768px){
  .drawer-list li {
    list-style: none;
    pointer-events: auto;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transform: translatex(100vw);
            transform: translatex(100vw);
    /* ie workaround */
    -ms-transform: translatex(-100vw);
      margin: auto;
  }
  .mina-waku{
    position: absolute;
    top: 107%;
    left: 12%;
    width: 41%;
  }
  .ishi{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;   
    width: 351px;
    height: 351px;
  border-radius: 50%;
  position: relative;
  margin-top: 22%;
  margin-left: 116px;
  }
  .ishi-moji{
    position: absolute;
    top: -15%;
    left: -3%;
    width: 34%;
  }
  .ishi-1{
    width: 36%;
    position: absolute;
    top: 40%;
    left: -5%;
  }
  .ishi-2{
    width: 23%;
    position: absolute;
    top: 50%;
    left: 76%;
  }
  .ishi-3{
    width: 36%;
    position: absolute;
    top: -3%;
    left: 4%;
  }
  .ishi-4{
    width: 35%;
    position: absolute;
    top: 71%;
    left: 45%;
  }
  .ishi-5{
    width: 22%;
    position: absolute;
    top: 67%;
    left: 20%;
  }
  .ishi-6{
    width: 31%;
    position: absolute;
    top: 18%;
    left: 75%;
  }
  .ishi-7{
    width: 31%;
    position: absolute;
    top: 5%;
    left: 52%;
  }
  .ishi-8{
    width: 32%;
    position: absolute;
    top: 30%;
    left: 33%;
  }
  .ishi-9{
    width: 22%;
    position: absolute;
    top: -9%;
    left: 45%;

  }

      /*price*/
      .left2{
        width:100px;
        margin-top: -13px;
        margin: auto;
      }
.right-ishi1{
  position: absolute;
    top: -12%;
    left: 7%;
    margin: auto;
    width: 20%;
}
.right-ishi2{
  position: absolute;
  top: -8%;
  left: 22%;
  margin: auto;
  width: 13%;
}

.price-waku {
  width: 100%;
  margin-left: 0px;
  margin-top: 115px;
}
}

@media (min-width: 376px) and (max-width:414px){
  .drawer-list li {
    list-style: none;
    pointer-events: auto;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transform: translatex(100vw);
            transform: translatex(100vw);
    /* ie workaround */
    -ms-transform: translatex(-100vw);
   margin: auto;
  }
  .mina-waku{
    position: absolute;
    top: 107%;
    left: 12%;
    width: 41%;
  }
  .ishi{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;   
    width: 351px;
    height: 351px;
  border-radius: 50%;
  position: relative;
  margin-top: 39%;
  margin-left: 17px;
  }
  .ishi-moji{
    position: absolute;
    top: -15%;
    left: -3%;
    width: 34%;
  }
  .ishi-1{
    width: 36%;
    position: absolute;
    top: 40%;
    left: -5%;
  }
  .ishi-2{
    width: 23%;
    position: absolute;
    top: 50%;
    left: 76%;
  }
  .ishi-3{
    width: 36%;
    position: absolute;
    top: -3%;
    left: 4%;
  }
  .ishi-4{
    width: 35%;
    position: absolute;
    top: 71%;
    left: 45%;
  }
  .ishi-5{
    width: 22%;
    position: absolute;
    top: 67%;
    left: 20%;
  }
  .ishi-6{
    width: 31%;
    position: absolute;
    top: 18%;
    left: 75%;
  }
  .ishi-7{
    width: 31%;
    position: absolute;
    top: 5%;
    left: 52%;
  }
  .ishi-8{
    width: 32%;
    position: absolute;
    top: 30%;
    left: 33%;
  }
  .ishi-9{
    width: 22%;
    position: absolute;
    top: -9%;
    left: 45%;

  }
      /*price*/
      .left2{
        width:100px;
        margin-top: -13px;
        margin: auto;
      }
.right-ishi1{
  position: absolute;
    top: -4%;
    left: 7%;
    margin: auto;
    width: 20%;
}
.right-ishi2{
  position: absolute;
  top: -2%;
  left: 22%;
  margin: auto;
  width: 13%;
}

}

@media (min-width: 321px) and (max-width:375px){
  .drawer-list li {
    list-style: none;
    pointer-events: auto;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transform: translatex(100vw);
            transform: translatex(100vw);
    /* ie workaround */
    -ms-transform: translatex(-100vw);
   
      margin: auto;
  }
  .mina-waku{
    position: absolute;
    top: 107%;
    left: 12%;
    width: 41%;
  }
  .ishi{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;   
    width: 315px;
    height: 315px;
  border-radius: 50%;
  position: relative;
  margin-top: 39%;
  margin-left: 17px;
  }
  .ishi-moji{
    position: absolute;
    top: -15%;
    left: -3%;
    width: 34%;
  }
  .ishi-1{
    width: 36%;
    position: absolute;
    top: 40%;
    left: -5%;
  }
  .ishi-2{
    width: 23%;
    position: absolute;
    top: 46%;
    left: 69%;
  }
  .ishi-3{
    width: 36%;
    position: absolute;
    top: -3%;
    left: 4%;
  }
  .ishi-4{
    width: 35%;
    position: absolute;
    top: 61%;
    left: 45%;
  }
  .ishi-5{
    width: 22%;
    position: absolute;
    top: 67%;
    left: 20%;
  }
  .ishi-6{
    width: 31%;
    position: absolute;
    top: 18%;
    left: 75%;
  }
  .ishi-7{
    width: 31%;
    position: absolute;
    top: 5%;
    left: 52%;
  }
  .ishi-8{
    width: 32%;
    position: absolute;
    top: 25%;
    left: 33%;
  }
  .ishi-9{
    width: 22%;
    position: absolute;
    top: -9%;
    left: 45%;

  }
      /*price*/

      .left2{
        width:100px;
        margin-top: -13px;
        margin: auto;
      }
.right-ishi1{
  position: absolute;
    top: -4%;
    left: 7%;
    margin: auto;
    width: 20%;
}
.right-ishi2{
  position: absolute;
  top: -2%;
  left: 22%;
  margin: auto;
  width: 13%;
}

}
  @media (max-width: 320px) {
    .drawer-list li {
      list-style: none;
      pointer-events: auto;
      white-space: nowrap;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      -webkit-transform: translatex(100vw);
              transform: translatex(100vw);
      /* ie workaround */
      -ms-transform: translatex(-100vw);
        margin: auto;
    }
    .mina-waku{
      position: absolute;
      top: 107%;
      left: 12%;
      width: 41%;
    }
    .ishi{
      background: #FFFFFF 0% 0% no-repeat padding-box;
      opacity: 1;   
      width: 265px;
      height: 265px;
    border-radius: 50%;
    position: relative;
    margin-top: 39%;
    margin-left: 17px;
    }
    .ishi-moji{
      position: absolute;
      top: -15%;
      left: -3%;
      width: 34%;
    }
    .ishi-1{
      width: 36%;
      position: absolute;
      top: 40%;
      left: -5%;
    }
    .ishi-2{
      width: 23%;
      position: absolute;
      top: 46%;
      left: 69%;
    }
    .ishi-3{
      width: 36%;
      position: absolute;
      top: -3%;
      left: 4%;
    }
    .ishi-4{
      width: 35%;
      position: absolute;
      top: 61%;
      left: 45%;
    }
    .ishi-5{
      width: 22%;
      position: absolute;
      top: 67%;
      left: 20%;
    }
    .ishi-6{
      width: 31%;
      position: absolute;
      top: 18%;
      left: 75%;
    }
    .ishi-7{
      width: 31%;
      position: absolute;
      top: 5%;
      left: 52%;
    }
    .ishi-8{
      width: 32%;
      position: absolute;
      top: 25%;
      left: 33%;
    }
    .ishi-9{
      width: 22%;
      position: absolute;
      top: -9%;
      left: 45%;
  
    }
    /*price*/

    .left2{
      width:100px;
      margin-top: -13px;
      margin: auto;
    }
.right-ishi1{
  position: absolute;
    top: -4%;
    left: 7%;
    margin: auto;
    width: 20%;
}
.right-ishi2{
  position: absolute;
  top: -2%;
  left: 22%;
  margin: auto;
  width: 13%;
}


    }

    .shousai-butan{
      width: 100%;
      height: 30px;
      line-height: 30px;
      margin: 4px;
  }