/* -----------------------
  pro
----------------------- */
.pro {
  background: url(../img/pro_bg.png) no-repeat center bottom / 100% auto;
  padding-bottom: min(calc(4/960 * 100vw),4px);
  position: relative;
}

.pro .ttl-box .grid-01,
.pro .ttl-box img {
  grid-column: 1 / -1;
  grid-row: 1 / -1;
}

.pro .ttl-box .grid-01 {
  align-self: end;
}

.pro .grid-01,
.pro .grid-02,
.pro .grid-03,
.pro .grid-04,
.pro .grid-05 {
  grid-area: overlap;
}

.pro .ttl-box {
  position: relative;
}

.pro .point_icon {
  position: absolute;
  top: max(calc(-46/ 960 *100vw),-46px);
  z-index: 3;
}

.pro .txt-slider {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: grid;
}

.pro .txt-slider .slide-item:nth-of-type(2) {
  animation-delay: 9s;
}

.pro .txt-slider .slide-item{
  width: min(calc(1267/960 * 100vw),1267px);
  height: min(calc(116/960 * 100vw),116px);
  padding-left: min(3.13vw, 30px);
  grid-area: 1 / 1;
  transform: translateX(100%);
  animation: marquee 18s linear infinite;
  animation-delay: 0s;
}

.pro_wrap{
  position: relative;
}

.pro_wrap .pro_slide{
  width: 100%;
  margin: 0 auto;
  position: absolute;
  bottom: min(calc(210/ 960 * 100vw),210px);
  left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.pro_wrap .pro_slide p{
  width: min(calc(295/ 960 * 100vw),295px);
  margin-right: min(calc(40/ 960 * 100vw),40px);
}

.pro .pro-sub-ttl p,
.pro .pro-sub-ttl p img {
  grid-column: 1 / -1;
  grid-row: 1 / -1;
}

.pro .pro-dr .grid-01 {
  transition-delay: 0s;
}
.pro .pro-dr .grid-02 {
  transition-delay: 0.5s;
}
.pro .pro-dr .grid-03 {
  transition-delay: 1s;
}