/* -----------------------
  point
----------------------- */
.point .grid-box {
  display: grid;
}
.point .grid-box > *,
.point .grid-box::before,
.point .grid-box::after {
  grid-area: 1 / 1;
}

.point_box {
  position: relative;
}

.point .count-box {
  width: min(71.88vw, 690px);
  margin: 0 auto;
  text-align: right;
}
.point-count-num {
  font-size: min(calc(248/960 * 100vw), 248px);
  color: #C93F40;
  font-weight: 800;
}
.point-count-num .num-txt {
  font-size: min(calc(470/960 * 100vw), 470px);
  font-weight: 500;
  line-height: 0.78;
  display: inline-block;
}

.point_bg {
  background: url(../img/point_bg.png) no-repeat center min(calc(1350/960 * 100vw), 1350px) / 100%,
  linear-gradient(to bottom, #F6DC6D 0%, #F6DC6D min(calc(1360/960 * 100vw), 1360px), transparent min(calc(1360/960 * 100vw), 1360px), transparent 100%);
}
.point_slide_title {
  position: relative;
  z-index: 3;
  transform: translateY(max(calc(-26/960 * 100vw), -26px));
}

.point_slide_title .count-box {
  position: absolute;
  top: min(calc(460/960 * 100vw), 460px);
  right: min(calc(295/960 * 100vw), 295px);
  z-index: 2;
}

.point_slide {
  margin: -2.8% 0;
}

.point_slide_item {
  width: min(calc(752/960 * 100vw), 752px);
  margin: 0 min(calc(16/960 * 100vw), 16px);
}

.point_in {
  position: relative;
  top: max(calc(-28/960 * 100vw), -28px);
}

.point_in_img {
  width: min(calc(822/960 * 100vw), 822px);
  position: absolute;
  top: min(calc(154/960 * 100vw), 154px);
  transform: rotate(-55deg);
  transform-origin: left bottom;
  transition: 0.5s;
}

.point_in_img.move {
  transform: rotate(0deg);
}

.point_box h2 {
  position: relative;
  z-index: 2;
}
.point_tec_movie {
  width: min(calc(711/960 * 100vw), 711px);
  height: min(calc(720/960 * 100vw), 720px);
  position: absolute;
  top: min(calc(220/960 * 100vw), 220px);
  overflow: hidden;
}
.point-01 .point_tec_movie,
.point-03 .point_tec_movie {
  left: 0;
  border-top-right-radius: min(10.42vw, 100px);
}
.point-02 .point_tec_movie {
  right: 0;
  border-top-left-radius: min(10.42vw, 100px);
}

.point-03 h2 {
  margin-bottom: min(calc(84/960 * 100vw), 84px);
}

.point_graph {
  position: relative;
}

.point_circle  {
  position: relative;
  z-index: 2;
}

.point_circle::after{
  content: '';
    display: block;
    width: min(26.35vw, 253px);
    height: min(26.35vw, 253px);
    background: url(../img/point_circle.png) no-repeat center / contain;
    animation: rotate 8s linear infinite;
    position: absolute;
    top: min(calc(62/960 * 100vw), 62px);
    right: min(14.27vw, 138px);
    z-index: -1;
} 

.point-last h2 {
  position: relative;
  z-index: 2;
}
.point .movie {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  vertical-align: bottom;
}

.point .play-btn {
  display: block;
  width: min(calc(740/960 * 100vw), 740px);
  margin: auto;
  z-index: 5;
}
.point .play-btn.playActive {
  display: none;
}
.point .movie_flame {
  z-index: 4;
}

.point .movie_flame img {
height: min(500px, 52vw);
}

.point .movie .video1 {
  width: min(calc(728/960 * 100vw), 728px);
  margin: auto;
  z-index: 3;
}