body{
  
    margin: 0;
    overflow-x: hidden;
    height: auto;
    width: 100vw;
}
header {
  position: fixed;
  width: 100%;
  z-index: 10000;
}
img{width: 100%;}
/* アコーディオン */
* {
  box-sizing: border-box;
  padding: 0;
}
.price-hyou{
  margin: 200px auto;
  width: 100%;
  max-width:800px;
}
.font-red{
  color: red;
}
.ac {
  width: 100%;
  margin: 50px auto;
  border-bottom: 1px solid #353535;
}

.ac > li {
  padding-bottom: 6px;
  list-style: none;
  
}
.ac-label  {
  cursor: pointer;
  text-align: center;
  position: relative;
  padding: 20px 2px;
  
}
.ac-content{
  display: none;
  
}
a:hover{
opacity: 0.5;
transition: 1s;
text-decoration: none;
}
.title-font{
  font-family: 'Open Sans', sans-serif;
}

  .drawer-list li a:hover {
    cursor: pointer;
    background-color: white;
    background-color: rgba(255, 255, 255, 0.5);
  }
  
  input.hamburger {
    display: none;
  }
  
  input.hamburger:checked ~ .drawer-list {
    -webkit-transform: translatex(0);
            transform: translatex(0);
    border-bottom-left-radius: 0;
  }
  
  input.hamburger:checked ~ .drawer-list li {
    -webkit-transform: translatex(0);
            transform: translatex(0);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(1) {
    -webkit-transition: -webkit-transform 1s 0.08s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 0.08s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 0.08s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 0.08s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 0.08s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(2) {
    -webkit-transition: -webkit-transform 1s 0.16s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 0.16s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 0.16s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 0.16s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 0.16s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(3) {
    -webkit-transition: -webkit-transform 1s 0.24s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 0.24s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 0.24s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 0.24s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 0.24s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(4) {
    -webkit-transition: -webkit-transform 1s 0.32s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 0.32s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 0.32s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 0.32s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 0.32s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(5) {
    -webkit-transition: -webkit-transform 1s 0.4s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 0.4s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 0.4s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 0.4s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 0.4s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(6) {
    -webkit-transition: -webkit-transform 1s 0.48s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 0.48s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 0.48s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 0.48s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 0.48s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(7) {
    -webkit-transition: -webkit-transform 1s 0.56s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 0.56s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 0.56s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 0.56s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 0.56s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(8) {
    -webkit-transition: -webkit-transform 1s 0.64s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 0.64s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 0.64s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 0.64s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 0.64s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(9) {
    -webkit-transition: -webkit-transform 1s 0.72s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 0.72s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 0.72s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 0.72s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 0.72s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(10) {
    -webkit-transition: -webkit-transform 1s 0.8s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 0.8s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 0.8s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 0.8s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 0.8s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(11) {
    -webkit-transition: -webkit-transform 1s 0.88s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 0.88s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 0.88s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 0.88s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 0.88s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(12) {
    -webkit-transition: -webkit-transform 1s 0.96s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 0.96s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 0.96s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 0.96s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 0.96s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(13) {
    -webkit-transition: -webkit-transform 1s 1.04s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 1.04s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 1.04s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 1.04s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 1.04s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(14) {
    -webkit-transition: -webkit-transform 1s 1.12s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 1.12s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 1.12s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 1.12s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 1.12s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(15) {
    -webkit-transition: -webkit-transform 1s 1.2s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 1.2s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 1.2s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 1.2s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 1.2s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(16) {
    -webkit-transition: -webkit-transform 1s 1.28s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 1.28s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 1.28s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 1.28s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 1.28s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(17) {
    -webkit-transition: -webkit-transform 1s 1.36s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 1.36s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 1.36s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 1.36s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 1.36s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(18) {
    -webkit-transition: -webkit-transform 1s 1.44s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 1.44s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 1.44s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 1.44s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 1.44s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(19) {
    -webkit-transition: -webkit-transform 1s 1.52s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 1.52s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 1.52s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 1.52s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 1.52s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(20) {
    -webkit-transition: -webkit-transform 1s 1.6s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 1.6s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 1.6s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 1.6s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 1.6s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(21) {
    -webkit-transition: -webkit-transform 1s 1.68s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 1.68s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 1.68s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 1.68s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 1.68s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(22) {
    -webkit-transition: -webkit-transform 1s 1.76s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 1.76s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 1.76s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 1.76s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 1.76s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(23) {
    -webkit-transition: -webkit-transform 1s 1.84s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 1.84s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 1.84s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 1.84s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 1.84s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(24) {
    -webkit-transition: -webkit-transform 1s 1.92s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 1.92s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 1.92s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 1.92s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 1.92s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(25) {
    -webkit-transition: -webkit-transform 1s 2s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 2s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 2s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 2s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 2s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(26) {
    -webkit-transition: -webkit-transform 1s 2.08s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 2.08s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 2.08s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 2.08s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 2.08s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(27) {
    -webkit-transition: -webkit-transform 1s 2.16s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 2.16s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 2.16s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 2.16s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 2.16s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(28) {
    -webkit-transition: -webkit-transform 1s 2.24s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 2.24s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 2.24s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 2.24s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 2.24s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(29) {
    -webkit-transition: -webkit-transform 1s 2.32s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 2.32s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 2.32s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 2.32s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 2.32s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(30) {
    -webkit-transition: -webkit-transform 1s 2.4s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 2.4s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 2.4s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 2.4s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 2.4s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(31) {
    -webkit-transition: -webkit-transform 1s 2.48s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 2.48s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 2.48s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 2.48s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 2.48s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(32) {
    -webkit-transition: -webkit-transform 1s 2.56s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 2.56s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 2.56s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 2.56s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 2.56s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(33) {
    -webkit-transition: -webkit-transform 1s 2.64s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 2.64s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 2.64s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 2.64s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 2.64s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(34) {
    -webkit-transition: -webkit-transform 1s 2.72s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 2.72s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 2.72s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 2.72s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 2.72s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(35) {
    -webkit-transition: -webkit-transform 1s 2.8s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 2.8s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 2.8s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 2.8s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 2.8s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(36) {
    -webkit-transition: -webkit-transform 1s 2.88s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 2.88s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 2.88s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 2.88s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 2.88s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(37) {
    -webkit-transition: -webkit-transform 1s 2.96s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 2.96s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 2.96s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 2.96s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 2.96s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(38) {
    -webkit-transition: -webkit-transform 1s 3.04s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 3.04s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 3.04s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 3.04s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 3.04s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(39) {
    -webkit-transition: -webkit-transform 1s 3.12s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 3.12s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 3.12s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 3.12s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 3.12s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(40) {
    -webkit-transition: -webkit-transform 1s 3.2s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 3.2s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 3.2s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 3.2s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 3.2s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(41) {
    -webkit-transition: -webkit-transform 1s 3.28s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 3.28s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 3.28s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 3.28s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 3.28s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(42) {
    -webkit-transition: -webkit-transform 1s 3.36s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 3.36s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 3.36s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 3.36s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 3.36s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(43) {
    -webkit-transition: -webkit-transform 1s 3.44s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 3.44s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 3.44s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 3.44s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 3.44s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(44) {
    -webkit-transition: -webkit-transform 1s 3.52s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 3.52s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 3.52s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 3.52s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 3.52s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(45) {
    -webkit-transition: -webkit-transform 1s 3.6s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 3.6s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 3.6s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 3.6s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 3.6s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(46) {
    -webkit-transition: -webkit-transform 1s 3.68s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 3.68s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 3.68s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 3.68s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 3.68s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(47) {
    -webkit-transition: -webkit-transform 1s 3.76s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 3.76s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 3.76s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 3.76s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 3.76s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(48) {
    -webkit-transition: -webkit-transform 1s 3.84s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 3.84s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 3.84s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 3.84s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 3.84s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(49) {
    -webkit-transition: -webkit-transform 1s 3.92s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 3.92s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 3.92s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 3.92s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 3.92s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li:nth-child(50) {
    -webkit-transition: -webkit-transform 1s 4s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: -webkit-transform 1s 4s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 4s cubic-bezier(0.29, 1.4, 0.44, 0.96);
    transition: transform 1s 4s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 4s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  }
  
  input.hamburger:checked ~ .drawer-list li a {
    padding-right: 15px;
  }
  
  input.hamburger:checked ~ label > i {
    background-color: transparent;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  
  input.hamburger:checked ~ label > i:before {
    -webkit-transform: translate(-50%, -50%) rotate(315deg);
            transform: translate(-50%, -50%) rotate(315deg);
  }
  
  input.hamburger:checked ~ label > i:after {
    -webkit-transform: translate(-50%, -50%) rotate(-315deg);
            transform: translate(-50%, -50%) rotate(-315deg);
  }
  
  input.hamburger:checked ~ label close {
    color: #FEFEFE;
    width: 100%;
  }
  
  input.hamburger:checked ~ label open {
    color: rgba(0, 0, 0, 0);
    width: 0;
  }
  
  label.hamburger {
    z-index: 20000;
    position: relative;
    display: block;
    height: 50px;
    width: 50px;
  }
  
  label.hamburger:hover {
    cursor: pointer;
  }
  
  label.hamburger text close,
  label.hamburger text open {
    text-transform: uppercase;
    font-size: .8em;
    align-text: center;
    position: absolute;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    text-align: center;
    overflow: hidden;
    -webkit-transition: width .25s .35s, color .45s .35s;
    transition: width .25s .35s, color .45s .35s;
  }
  
  label.hamburger text close {
    color: rgba(0, 0, 0, 0);
    right: 0;
    width: 0;
  }
  
  label.hamburger text open {
    color: #FEFEFE;
    width: 100%;
  }
  
  label.hamburger > i {
    position: absolute;
    width: 100%;
    height: 2px;
    top: 50%;
    background-color: #060606;;
    pointer-events: auto;
    -webkit-transition-duration: .35s;
            transition-duration: .35s;
    -webkit-transition-delay: .35s;
            transition-delay: .35s;
  }
  
  label.hamburger > i:before, label.hamburger > i:after {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    left: 50%;
    background-color: #060606;;
    content: "";
    -webkit-transition: -webkit-transform 0.35s;
    transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  
  label.hamburger > i:before {
    -webkit-transform: translate(-50%, -14px);
            transform: translate(-50%, -14px);
  }
  
  label.hamburger > i:after {
    -webkit-transform: translate(-50%, 14px);
            transform: translate(-50%, 14px);
  }
  
  label.hamburger {
    position: fixed;
    top: 15px;
    right: 15px;
  }
  .nav-menu{
    padding: 10px;
    color:black;
    }
    .drawer-list ul {
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        overflow: auto;
        overflow-x: hidden;
        pointer-events: auto;
        margin-top: -37px;
      }
      
      .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);
      }
      
      .drawer-list li:last-child {
        margin-bottom: 2em;
      }
      
      .drawer-list li a {
        text-decoration: none;
        color: #100101;
        text-align: center;
        display: block;
        padding: 1rem;
      }
      
@-webkit-keyframes katakata5{
    0% {-webkit-transform: rotate(0deg);}
    10% {-webkit-transform: rotate(7deg);}
    30% {-webkit-transform: rotate(0deg);}
    75% {-webkit-transform: rotate(-7deg);}
    100% {-webkit-transform: rotate(0deg);}
    }
@-webkit-keyframes katakata4{
    0% {-webkit-transform: rotate(0deg);}
    25% {-webkit-transform: rotate(1deg);}
    50% {-webkit-transform: rotate(0deg);}
    75% {-webkit-transform: rotate(-1deg);}
    100% {-webkit-transform: rotate(0deg);}
    }
@-webkit-keyframes katakata3{
    0% {-webkit-transform: rotate(0deg);}
    25% {-webkit-transform: rotate(12deg);}
    50% {-webkit-transform: rotate(0deg);}
    75% {-webkit-transform: rotate(-12deg);}
    100% {-webkit-transform: rotate(0deg);}
    }
@-webkit-keyframes katakata2{
    0% {-webkit-transform: rotate(0deg);}
    25% {-webkit-transform: rotate(12deg);}
    50% {-webkit-transform: rotate(0deg);}
    75% {-webkit-transform: rotate(-12deg);}
    100% {-webkit-transform: rotate(0deg);}
    }
@-webkit-keyframes katakata{
    0% {-webkit-transform: rotate(0deg);}
    25% {-webkit-transform: rotate(10deg);}
    50% {-webkit-transform: rotate(0deg);}
    75% {-webkit-transform: rotate(-10deg);}
    100% {-webkit-transform: rotate(0deg);}
    }
@-webkit-keyframes purun {
    0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
    15%  { transform: scale(0.9, 0.9) translate(0%, 5%); }
    30%  { transform: scale(1.3, 0.8) translate(0%, 10%); }
    50%  { transform: scale(0.8, 1.3) translate(0%, -10%); }
    70%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
    100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
  }
@-webkit-keyframes korokoro {
    0%   { -webkit-transform: translate(0%, 0%); }
    5%   { -webkit-transform: translate(10%, 0%) rotate(10deg); }
    25%  { -webkit-transform: translate(20%, 0%) rotate(20deg); }
    30%  { -webkit-transform: translate(-10%, 0%) rotate(-10deg); }
    35%  { -webkit-transform: translate(-15%, 0%) rotate(-15deg); }
    45%  { -webkit-transform: translate(10%, 0%) rotate(10deg); }
    50%  { -webkit-transform: translate(15%, 0%) rotate(15deg); }
    60%  { -webkit-transform: translate(-5%, 0%) rotate(-5deg); }
    65%  { -webkit-transform: translate(-7%, 0%) rotate(-7deg); }
    75%  { -webkit-transform: translate(0%, 0%) rotate(0deg); }
    100% { -webkit-transform: translate(0%, 0%) rotate(0deg); }
  }

  @-webkit-keyframes puyon {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  40%  { transform: scale(0.95, 1.2) translate(0%, -10%); }
  50%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  60%  { transform: scale(0.95, 1.05) translate(0%, -3%); }
  70%  { transform: scale(1.05, 0.95) translate(0%, 3%); }
  80%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}
@-webkit-keyframes pururun {
    0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
    10%  { transform: scale(1.0, 1.0) translate(10%, 0%) skew(-10deg, 0deg); }
    60%  { transform: scale(1.0, 1.0) translate(20%, 0%) skew(-20deg, 0deg); }
    70%  { transform: scale(1.0, 1.0) translate(-15%, 0%) skew(15deg, 0deg); }
    80%  { transform: scale(1.0, 1.0) translate(15%, 0%) skew(-15deg, 0deg); }
    80%  { transform: scale(1.0, 1.0) translate(5%, 0%) skew(-5deg, 0deg); }
    90%  { transform: scale(1.0, 1.0) translate(-5%, 0%) skew(5deg, 0deg); }
    100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
  }
  @keyframes fwari{
    0%   { transform:translate(0%, 0%); }
    100% { transform:translate(0%, -30px); }
}
@-webkit-keyframes fwari{
    0%   { -webkit-transform:translate(0%, 0%); }
    100% { -webkit-transform:translate(0%, -30px); }
}

@-moz-keyframes fwari{
    0%   { -moz-transform:translate(0%, 0%); }
    100% { -moz-transform:translate(0%, -30px); }
}
@keyframes spin{
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@-webkit-keyframes spin{
    0%   { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes spin{
    0%   { -moz-transform: rotate(0deg); }
    100% { -moz-transform: rotate(360deg); }
}
@keyframes pendulum{
    0%{transform: rotate(10deg);}
    100%{transform: rotate(-10deg);}
}
@-webkit-keyframes pendulum{
    0%{-webkit-transform: rotate(10deg);}
    100%{-webkit-transform: rotate(-10deg);}
}
@-moz-keyframes pendulum{
    0%{-moz-transform: rotate(10deg);}
    100%{-moz-transform: rotate(-10deg);}
}
.ishi-1{

  position: absolute;
  animation: katakata5 2s linear infinite;
  -webkit-animation:  katakata5 2s linear infinite;
  -moz-animation:  katakata5 2s linear infinite;
}    


.ishi-2{
  position: absolute;
  transform-origin:top;
  -webkit-transform-origin:top;
  -moz-transform-origin:top;
  animation:pendulum ease-in-out 3s infinite alternate;
  -webkit-animation:pendulum ease-in-out 3s infinite alternate;
  -moz-animation:pendulum ease-in-out 3s infinite alternate;
  }
.ishi-3{

  position: absolute;
  animation: katakata2 2s linear infinite;
  -webkit-animation:  katakata2 2s linear infinite;
  -moz-animation:  katakata2 2s linear infinite;
}    

.ishi-4{
  animation: korokoro 3.5s linear 0s 1; 
  animation-iteration-count: infinite;
  position: absolute;
}
.ishi-5{
  animation: katakata4  .3s linear infinite; 
  position: absolute;
}
.ishi-6{
  animation:katakata3  .3s linear infinite; 
  position: absolute;
}
.ishi-7{
  animation: korokoro 3s linear 0s 1;
animation-iteration-count: infinite;
position: absolute;
}
.ishi-8{
  animation: korokoro 2s linear 0s 1;
animation-iteration-count: infinite;
position: absolute;
}
.ishi-9{
  animation:fwari ease-in-out 2s infinite alternate;
position: absolute;
}
.close-animatedModal{
    width: 100px ;
    height: 100px ;
    line-height: 100px ;
    text-align: center ;
}

.closebt {
    font-size: 30px;
    margin-right: 100px;
    font-weight: 400;
    transition: .5s ;
    transform: rotateZ( 360deg ) ;
}
.close-animatedModal:hover .closebt{
    transform: rotateZ( 360deg ) ;
}



#closebt-container {
    position: relative;
    width: 100%;
    text-align:right;
    margin-top: 40px;
}
/*--aboutus--*/
.right-waku-img:hover{
    animation:katakata3  .3s linear infinite; 
    transition: all 1s linear 0s;
    
}
/*--メニューアコーディオン--*/
.submenu {
  background: #d3d5d5;
  display: none;
}
.arrow_u {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  color: #333;
  text-decoration: none;
}
.arrow_u:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-bottom: solid 2px #333;
  border-right: solid 2px #333;
  position: absolute;
  top: 50%;
  left: 30%;
  margin-top: -6px;
  transform: rotate(45deg);
}

/* エラーメッセージ */
.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  width: 500px;
  max-width: 100%;
  margin: auto;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 3.85rem;
}

.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: #1b4b72;
  background-color: #d6e9f8;
  border-color: #c6e0f5;
}

.alert-primary hr {
  border-top-color: #b0d4f1;
}

.alert-primary .alert-link {
  color: #113049;
}

.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}

.alert-secondary hr {
  border-top-color: #c8cbcf;
}

.alert-secondary .alert-link {
  color: #202326;
}

.alert-success {
  color: #1d643b;
  background-color: #d7f3e3;
  border-color: #c7eed8;
}

.alert-success hr {
  border-top-color: #b3e8ca;
}

.alert-success .alert-link {
  color: #123c24;
}

.alert-info {
  color: #385d7a;
  background-color: #e2f0fb;
  border-color: #d6e9f9;
}

.alert-info hr {
  border-top-color: #c0ddf6;
}

.alert-info .alert-link {
  color: #284257;
}

.alert-warning {
  color: #857b26;
  background-color: #fffbdb;
  border-color: #fffacc;
}

.alert-warning hr {
  border-top-color: #fff8b3;
}

.alert-warning .alert-link {
  color: #5d561b;
}

.alert-danger {
  color: #761b18;
  background-color: #f9d6d5;
  border-color: #f7c6c5;
}

.alert-danger hr {
  border-top-color: #f4b0af;
}

.alert-danger .alert-link {
  color: #4c110f;
}

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

.alert-light hr {
  border-top-color: #ececf6;
}

.alert-light .alert-link {
  color: #686868;
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

.alert-dark hr {
  border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
  color: #040505;
}
.btn-toTop {
  position: relative;
  display: flex;
  width: 180px;
  height: 48px;
  margin: 80px auto 0;
  padding-bottom: 2px;
  border: #DDD 1px solid;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
  color: #707070;
  box-sizing: border-box;
}
.btn-toTop::before {
  position: absolute;
  display: block;
  content: "";
  width: 7px;
  height: 7px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 15px;
  border-bottom: #707070 1px solid;
  border-left: #707070 1px solid;
  transform: rotate(
45deg);
  transition: .2s all;
}

table{
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: white;
}
tr{
  border-bottom: 1px dotted #cacbcd;
}

th{background-color: #eaecef;
}

table th,table td{
  padding: 20px 0;
  text-align: center;
}
.btn-black{
  width: 300px;
    margin: 50px auto;
    background-color: black;
    color: white;
    padding: 20px 0px;
    text-align: center;


}
.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #eb6100;
  padding: 0px;
}

.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}
/* table tr:nth-child(odd){
  background-color: #cacbcd;
} */