.oneArea {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: 1024px;
    margin: 35px auto;
    padding: 0 10px;
  }
  .oneArea .onebox {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .oneArea .onebox:nth-child(even) {
    flex-direction: row-reverse;
    margin-top: 35px;
  }
  .oneArea .onebox .imgArea {
    width: 16%;
    position: relative;
  }
  .oneArea .onebox:nth-child(odd) .imgArea img {
    width: 100%;
    max-width: 130px;
    position: absolute;
    top: -20px;
    left: 0;
    padding-right: 30px;
  }
  .oneArea .onebox:nth-child(even) .imgArea img {
    width: 100%;
    max-width: 130px;
    position: absolute;
    top: -20px;
    left: auto;
    right: 0;
    padding-left: 30px;
  }
  .oneArea .onebox .fukiArea {
    width: 63%;
  }
  .oneArea .onebox .fukidasi {
    width: 100%;
    position: relative;
    padding: 25px;
    background-color: #cadfdf;
    font-size: 18px;
    color: #231815;
    border-radius: 12px;
    box-sizing: border-box;
  }
  .oneArea .onebox .fukidasi::before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    transform: rotate(45deg);
    top: 22px;
    border-right: 25px solid transparent;
    border-bottom: 25px solid transparent;
  }
  .oneArea .onebox .fukidasi::after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    transform: rotate(45deg);
    top: 40px;
    border-right: 25px solid transparent;
    border-bottom: 25px solid transparent;
  }
  .oneArea .onebox:nth-child(odd) .fukidasi::before {
    left: -15px;
    border-left: 25px solid #cadfdf;
    border-top: 25px solid transparent;
  }
  .oneArea .onebox:nth-child(odd) .fukidasi::after {
    left: -25px;
    border-left: 25px solid #fffbf1;
    border-top: 25px solid transparent;
  }
  .oneArea .onebox:nth-child(even) .fukidasi {
    background-color: #fde5e5;
  }
  .oneArea .onebox:nth-child(even) .fukidasi::before {
    left: auto;
    right: -15px;
    border-left: 25px solid transparent;
    border-top: 25px solid #fde5e5;
  }
  .oneArea .onebox:nth-child(even) .fukidasi::after {
    left: auto;
    right: -25px;
    border-left: 25px solid transparent;
    border-top: 25px solid #fffbf1;
  }
  @media screen and (max-width: 1024px) {
    .oneArea .onebox:nth-child(odd) .imgArea img {
      max-width: 70%;
      top: 0;
    }
    .oneArea .onebox:nth-child(even) .imgArea img {
      max-width: 70%;
      top: 0;
    }
    .oneArea .onebox .fukidasi {
      padding: 15px;
      font-size: 14px;
    }
    .oneArea .onebox .fukidasi::before {
      top: 8px;
    }
    .oneArea .onebox .fukidasi::after {
      top: 20px;
    }
  }
  @media screen and (max-width: 420px) {
    .oneArea {
      margin: 30px auto;
    }
    .oneArea .onebox:nth-child(even) {
      margin-top: 15px;
    }
    .oneArea .onebox .imgArea {
      width: 20%;
    }
    .oneArea .onebox .fukidasi {
      padding: 10px 15px;
      font-size: 12px;
    }
  }
  
  /*------------------------------------------------------------
  fadein
  ------------------------------------------------------------*/
  
  .RightToLeft {
    opacity: 0;
    transform: translateX(50px);
    transition: .6s;
  }
  .RightToLeft.is-show {
    opacity: 1;
    transform: translateY(0);
  }
  .LeftToRight {
    opacity: 0;
    transform: translateX(-50px);
    transition: .6s;
  }
  .LeftToRight.is-show {
    opacity: 1;
    transform: translateY(0);
  }
  .fadein {
    opacity: 0;
    transform: translateY(100%);
    transition: .6s;
  }
  .fadein.is-show {
    opacity: 1;
    transform: translateY(0);
  }
  .delay_a {
    transition-delay: .2s;
  }
  .delay_b {
    transition-delay: .4s;
  }
  .delay_c {
    transition-delay: .6s;
  }
  .delay_d {
    transition-delay: .8s;
  }
  .delay_e {
    transition-delay: 1.0s;
  }