.pana-pro_area{width: 740px;margin: 0 auto 80px;}

.bevas_123{
    width: 720px;height: 60px;display: flex;margin: 30px 0px 20px;
  }

  .bevas_123_1{
    width: 60px;height: 60px;font-size: 45px;line-height: 60px;
  }

  .bevas_123_2{
    width: 660px;height: 40px;font-size: 28px;line-height: 40px;
  }

  .bevas_123_3{
    width: 660px;height: 20px;font-size: 18px;line-height: 20px;
  }

  .bevas_123_img{
    margin: 20px 0px;
  }

  .bevas_123_img img{
    margin-bottom: 10px;
  }

  .bevas_2in1{
    width: 720px;margin: 0 auto 50px;
  }

  .bevas_2in1 img{
    display: block;
    margin-bottom: 10px;
  }
  .bevas_three{
    width: 720px;padding: 15px;font-size: 28px;margin: 10px auto 30px;border-bottom: 2px solid #888;box-sizing: border-box;
  }

  .bevas_three span{
    padding-top: 10px;line-height: 150%;font-size: 24px;display: block;
  }

  .bevas_con{
    width:740px;height:350px;position: relative;
  }

  .bevas_con_text01{
    width: 100%;font-size: 32px;position: absolute;top: 65%;left: 0%;letter-spacing: 4px;opacity: 0;
    animation: bevas_con_01 15s infinite;
  }

  .bevas_con_text02{
    width: 100%;font-size: 23px;line-height: 180%;position: absolute;top: 45%;left: 0%;opacity: 0;
    animation: bevas_con_02 15s infinite;
  }

  @keyframes bevas_con_01{
    0%{opacity: 0;}
    15%{opacity: 1;}
    35%{opacity: 1;}
    50%{opacity: 0;}
    100%{opacity: 0;}
  }

  @keyframes bevas_con_02{
    0%{opacity: 0;}
    50%{opacity: 0;}
    65%{opacity: 1;}
    85%{opacity: 1;}
    100%{opacity: 0;}    
  }

  .bevas_line{
    width: 740px;height: 40px;background-image: url(../bevas_img-2026/bevas_bgl.webp);font-size: 18px;line-height: 40px;text-align: right;padding-right: 10px;box-sizing: border-box;font-weight: bold;border-top: 1px solid #888;color: #888;border-bottom: 1px solid #888;
  }

  .bevas_title{
    width: 740px;padding: 15px 0px;border-bottom: 2px solid #888;font-size: 26px;margin-bottom: 20px;
  }


/* プラン10 */

.plan_ten{
	width: 720px;
  height: 360px;
  position: relative;
  overflow: hidden;
  border: 1px solid #000000;
  margin: auto;
}

.plan_ten_img01{
  width: 360px;
  height: 360px;
  position: absolute;
  top: 0;
  left: 180px;
  transform-origin: 50% 50%;
  animation: plan_ten_img01_a 35s linear infinite;	
}

.plan_ten_img02{
  width: 360px;
  height: 360px;
  position: absolute;
  top: 0;
  left: 180px;
  transform-origin: 50% 50%;
  animation: plan_ten_img02_a 35s linear infinite;	
}

.plan_ten_img03{
  width: 360px;
  height: 360px;
  position: absolute;
  top: 0;
  left: 180px;
  transform-origin: 50% 50%;
  animation: plan_ten_img03_a 35s linear infinite;	
}

.plan_ten_img04{
  width: 360px;
  height: 360px;
  position: absolute;
  top: 0;
  left: 180px;
  transform-origin: 50% 50%;
  animation: plan_ten_img04_a 35s linear infinite;	
}

.plan_ten_img05{
  width: 360px;
  height: 360px;
  position: absolute;
  top: 0;
  left: 180px;
  transform-origin: 50% 50%;
  animation: plan_ten_img05_a 35s linear infinite;	
}

.plan_ten_img06{
  width: 360px;
  height: 360px;
  position: absolute;
  top: 0;
  left: 180px;
  transform-origin: 50% 50%;
  animation: plan_ten_img06_a 35s linear infinite;	
}

.plan_ten_img07{
  width: 360px;
  height: 360px;
  position: absolute;
  top: 0;
  left: 180px;
  transform-origin: 50% 50%;
  animation: plan_ten_img07_a 35s linear infinite;	
}

.plan_ten_img08{
  width: 360px;
  height: 360px;
  position: absolute;
  top: 0;
  left: 180px;
  transform-origin: 50% 50%;
  animation: plan_ten_img08_a 35s linear infinite;	
}

.plan_ten_img09{
  width: 360px;
  height: 360px;
  position: absolute;
  top: 0;
  left: 180px;
  transform-origin: 50% 50%;
  animation: plan_ten_img09_a 35s linear infinite;	
}

.plan_ten_img10{
  width: 360px;
  height: 360px;
  position: absolute;
  top: 0;
  left: 180px;
  transform-origin: 50% 50%;
  animation: plan_ten_img10_a 35s linear infinite;	
}

@keyframes plan_ten_img01_a{
  0%{opacity: 1;transform: translateX(0%);}
  7%{opacity: 1;transform: translateX(0%);}
  10%{opacity: 0.5;transform: translateX(-100%) scale(0.8,0.8);}
  17%{opacity: 0.5;transform: translateX(-100%) scale(0.8,0.8);}
  20%{opacity: 0.5;transform: translateX(-200%) scale(0.8,0.8);}
  21%{opacity: 0;transform: translateX(-200%) scale(0.8,0.8);}
  86%{opacity: 0;transform: translateX(200%) scale(0.8,0.8);}
  87%{opacity: 0.5;transform: translateX(200%) scale(0.8,0.8);}
  90%{opacity: 0.5;transform: translateX(100%) scale(0.8,0.8);}
  97%{opacity: 0.5;transform: translateX(100%) scale(0.8,0.8);}
  100%{opacity: 1;transform: translateX(0%);}
}

@keyframes plan_ten_img02_a{
  0%{opacity: 0.5;transform: translateX(100%) scale(0.8,0.8);}
  7%{opacity: 0.5;transform: translateX(100%) scale(0.8,0.8);}
  10%{opacity: 1;transform: translateX(0%);}
  17%{opacity: 1;transform: translateX(0%);}
  20%{opacity: 0.5;transform: translateX(-100%) scale(0.8,0.8);}
  27%{opacity: 0.5;transform: translateX(-100%) scale(0.8,0.8);}
  30%{opacity: 0.5;transform: translateX(-200%) scale(0.8,0.8);}
  31%{opacity: 0;transform: translateX(-200%) scale(0.8,0.8);}
  96%{opacity: 0;transform: translateX(200%) scale(0.8,0.8);}
  97%{opacity: 0.5;transform: translateX(200%) scale(0.8,0.8);}
  100%{opacity: 0.5;transform: translateX(100%) scale(0.8,0.8);}
}

@keyframes plan_ten_img03_a{
  0%{opacity: 0;transform: translateX(200%) scale(0.8,0.8);}
  7%{opacity: 0.5;transform: translateX(200%) scale(0.8,0.8);}
  10%{opacity: 0.5;transform: translateX(100%) scale(0.8,0.8);}
  17%{opacity: 0.5;transform: translateX(100%) scale(0.8,0.8);}
  20%{opacity: 1;transform: translateX(0%);}
  27%{opacity: 1;transform: translateX(0%);}
  30%{opacity: 0.5;transform: translateX(-100%) scale(0.8,0.8);}
  37%{opacity: 0.5;transform: translateX(-100%) scale(0.8,0.8);}
  40%{opacity: 0.5;transform: translateX(-200%) scale(0.8,0.8);}
  41%{opacity: 0;transform: translateX(-200%) scale(0.8,0.8);}
  100%{opacity: 0;transform: translateX(200%) scale(0.8,0.8);}
}

@keyframes plan_ten_img04_a{
  0%{opacity: 0;transform: translateX(200%) scale(0.8,0.8);}
  17%{opacity: 0.5;transform: translateX(200%) scale(0.8,0.8);}
  20%{opacity: 0.5;transform: translateX(100%) scale(0.8,0.8);}
  27%{opacity: 0.5;transform: translateX(100%) scale(0.8,0.8);}
  30%{opacity: 1;transform: translateX(0%);}
  37%{opacity: 1;transform: translateX(0%);}
  40%{opacity: 0.5;transform: translateX(-100%) scale(0.8,0.8);}
  47%{opacity: 0.5;transform: translateX(-100%) scale(0.8,0.8);}
  50%{opacity: 0.5;transform: translateX(-200%) scale(0.8,0.8);}
  51%{opacity: 0;transform: translateX(-200%) scale(0.8,0.8);}
  100%{opacity: 0;transform: translateX(200%) scale(0.8,0.8);}
}

@keyframes plan_ten_img05_a{
  0%{opacity: 0;transform: translateX(200%) scale(0.8,0.8);}
  27%{opacity: 0.5;transform: translateX(200%) scale(0.8,0.8);}
  30%{opacity: 0.5;transform: translateX(100%) scale(0.8,0.8);}
  37%{opacity: 0.5;transform: translateX(100%) scale(0.8,0.8);}
  40%{opacity: 1;transform: translateX(0%);}
  47%{opacity: 1;transform: translateX(0%);}
  50%{opacity: 0.5;transform: translateX(-100%) scale(0.8,0.8);}
  57%{opacity: 0.5;transform: translateX(-100%) scale(0.8,0.8);}
  60%{opacity: 0.5;transform: translateX(-200%) scale(0.8,0.8);}
  61%{opacity: 0;transform: translateX(-200%) scale(0.8,0.8);}
  100%{opacity: 0;transform: translateX(200%) scale(0.8,0.8);}
}

@keyframes plan_ten_img06_a{
  0%{opacity: 0;transform: translateX(200%) scale(0.8,0.8);}
  37%{opacity: 0.5;transform: translateX(200%) scale(0.8,0.8);}
  40%{opacity: 0.5;transform: translateX(100%) scale(0.8,0.8);}
  47%{opacity: 0.5;transform: translateX(100%) scale(0.8,0.8);}
  50%{opacity: 1;transform: translateX(0%);}
  57%{opacity: 1;transform: translateX(0%);}
  60%{opacity: 0.5;transform: translateX(-100%) scale(0.8,0.8);}
  67%{opacity: 0.5;transform: translateX(-100%) scale(0.8,0.8);}
  70%{opacity: 0.5;transform: translateX(-200%) scale(0.8,0.8);}
  71%{opacity: 0;transform: translateX(-200%) scale(0.8,0.8);}
  100%{opacity: 0;transform: translateX(200%) scale(0.8,0.8);}
}

@keyframes plan_ten_img07_a{
  0%{opacity: 0;transform: translateX(200%) scale(0.8,0.8);}
  47%{opacity: 0.5;transform: translateX(200%) scale(0.8,0.8);}
  50%{opacity: 0.5;transform: translateX(100%) scale(0.8,0.8);}
  57%{opacity: 0.5;transform: translateX(100%) scale(0.8,0.8);}
  60%{opacity: 1;transform: translateX(0%);}
  67%{opacity: 1;transform: translateX(0%);}
  70%{opacity: 0.5;transform: translateX(-100%) scale(0.8,0.8);}
  77%{opacity: 0.5;transform: translateX(-100%) scale(0.8,0.8);}
  80%{opacity: 0.5;transform: translateX(-200%) scale(0.8,0.8);}
  81%{opacity: 0;transform: translateX(-200%) scale(0.8,0.8);}
  100%{opacity: 0;transform: translateX(200%) scale(0.8,0.8);}
}

@keyframes plan_ten_img08_a{
  0%{opacity: 0;transform: translateX(200%) scale(0.8,0.8);}
  57%{opacity: 0.5;transform: translateX(200%) scale(0.8,0.8);}
  60%{opacity: 0.5;transform: translateX(100%) scale(0.8,0.8);}
  67%{opacity: 0.5;transform: translateX(100%) scale(0.8,0.8);}
  70%{opacity: 1;transform: translateX(0%);}
  77%{opacity: 1;transform: translateX(0%);}
  80%{opacity: 0.5;transform: translateX(-100%) scale(0.8,0.8);}
  87%{opacity: 0.5;transform: translateX(-100%) scale(0.8,0.8);}
  90%{opacity: 0.5;transform: translateX(-200%) scale(0.8,0.8);}
  91%{opacity: 0;transform: translateX(-200%) scale(0.8,0.8);}
  100%{opacity: 0;transform: translateX(200%) scale(0.8,0.8);}
}

@keyframes plan_ten_img09_a{
  0%{opacity: 0;transform: translateX(-200%) scale(0.8,0.8);}
  1%{opacity: 0;transform: translateX(200%) scale(0.8,0.8);}
  67%{opacity: 0.5;transform: translateX(200%) scale(0.8,0.8);}
  70%{opacity: 0.5;transform: translateX(100%) scale(0.8,0.8);}
  77%{opacity: 0.5;transform: translateX(100%) scale(0.8,0.8);}
  80%{opacity: 1;transform: translateX(0%);}
  87%{opacity: 1;transform: translateX(0%);}
  90%{opacity: 0.5;transform: translateX(-100%) scale(0.8,0.8);}
  97%{opacity: 0.5;transform: translateX(-100%) scale(0.8,0.8);}
  100%{opacity: 0.5;transform: translateX(-200%) scale(0.8,0.8);}
}

@keyframes plan_ten_img10_a{
  0%{opacity: 0.5;transform: translateX(-100%) scale(0.8,0.8);}
  7%{opacity: 0.5;transform: translateX(-100%) scale(0.8,0.8);}
  10%{opacity: 0.5;transform: translateX(-200%) scale(0.8,0.8);}
  11%{opacity: 0;transform: translateX(-200%) scale(0.8,0.8);}
  76%{opacity: 0;transform: translateX(200%) scale(0.8,0.8);}
  77%{opacity: 0.5;transform: translateX(200%) scale(0.8,0.8);}
  80%{opacity: 0.5;transform: translateX(100%) scale(0.8,0.8);}
  87%{opacity: 0.5;transform: translateX(100%) scale(0.8,0.8);}
  90%{opacity: 1;transform: translateX(0%);}
  97%{opacity: 1;transform: translateX(0%);}
  100%{opacity: 0.5;transform: translateX(-100%) scale(0.8,0.8);}
}