/* -----------------------
  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, 539px);
  margin: 0 auto;
  text-align: right;
}
.point-count-num {
  font-size: min(calc(194/750 * 100vw), 194px);
  color: #C93F40;
  font-weight: 800;
}
.point-count-num .num-txt {
  font-size: min(calc(367/750 * 100vw), 367px);
  font-weight: 500;
  line-height: 0.78;
  display: inline-block;
}

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

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

.point_slide {
  margin: -2.8% 0;
}

.point_slide_item {
  width: min(calc(588/750 * 100vw), 588px);
  margin: 0 min(calc(12/750 * 100vw), 12px);
}

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

.point_in_img {
  width: min(calc(642/750 * 100vw), 642px);
  position: absolute;
  top: min(calc(120/750 * 100vw), 120px);
  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(555/750 * 100vw), 555px);
  height: min(calc(562/750 * 100vw), 562px);
  position: absolute;
  top: min(calc(172/750 * 100vw), 172px);
  overflow: hidden;
}
.point-01 .point_tec_movie,
.point-03 .point_tec_movie {
  left: 0;
  border-top-right-radius: min(10.42vw, 78px);
}
.point-02 .point_tec_movie {
  right: 0;
  border-top-left-radius: min(10.42vw, 78px);
}

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

.point_graph {
  position: relative;
  margin: 0 auto min(calc(40/750 * 100vw), 40px);
}

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

.point_circle::after{
  content: '';
    display: block;
    width: min(26.35vw, 198px);
    height: min(26.35vw, 198px);
    background: url(../img/point_circle.png) no-repeat center / contain;
    animation: rotate 8s linear infinite;
    position: absolute;
    top: min(calc(48/750 * 100vw), 48px);
    right: min(14.27vw, 108px);
    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(578/750 * 100vw), 578px);
  margin: auto;
  z-index: 5;
}
.point .play-btn.playActive {
  display: none;
}
.point .movie_flame {
  z-index: 4;
}

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

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