body{
    background-color:#F3F1ED ;
}
img{width: 100%;}
/* アコーディオン */
* {
  box-sizing: border-box;
  padding: 0;
}
.ac {
  width: 80%;
  margin: 50px auto;
}
.ac > li {
  padding-bottom: 6px;
  list-style: none;
  
}
.ac-label  {
  cursor: pointer;
  text-align: center;
  position: relative;
  padding: 20px 2px;
  border-bottom: 1px solid #d9d9d9;
 
}
.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;
}
@-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);}
}
.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;
    
}
/* エラーメッセージ */

.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
  }
  
  .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--orange,
a.btn--orange {
  color: #fff;
  background-color: #eb6100;
}
.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}