.p_mv {
  width: 100%;
  overflow: clip;
  picture {
    display: block;
    width: 100%;
    height: fit-content;
  }
  img {
    width: 100%;
  }
}
.p_slider {
  width: 100%;
  box-shadow: none !important;
  padding: 120px 0 0px !important;
  overflow: clip;
  .sec01_ttl {
    background: none;
    .ttl_jp {
      @media screen and (max-width: 768px) {
        font-size: 25px;
      }
    }
  }
  .p_slider_inner {
    padding: 50px 0;
    overflow: visible;
    /* pointer-events: none; */
    @media screen and (max-width: 768px) {
      padding: 25px 0 50px;
      /* left: 50%;
      transform: translateX(-50%); */
    }
    div {
      /* padding-inline: 20px; */
      @media screen and (max-width: 768px) {
        /* padding-inline: 20px; */
        /* padding-left: 20px; */
      }
      span {
        display: block;
        padding-inline: 5%;
      }
      img {
        width: 100%;
        height: auto;
      }
      button {
        background-color: #000;
      }
    }

    .slick-dots li button:before {
      font-family: 'honoka';
      font-size: 20px;
    }
    .slick-dots {
      bottom: 0px;
    }
  }

  .p_slider_yt {
    max-width: 800px;
    width: 100%;
    aspect-ratio: 16/9;
    margin: 80px auto 0;
    @media screen and (max-width: 768px) {
      max-width: 95%;
      margin: 40px auto 0;
    }
    iframe {
      width: 100%;
      height: 100%;
    }
  }
}
.p_slider.slick-dotted.slick-slider {
  margin-bottom: 0 !important;
}

.p_gajyu {
  width: 100%;
  overflow: clip;
  padding-top: 100px;
  box-shadow: none !important;
  img {
    width: 100%;
  }
  p {
    width: 750px;
    margin-inline: auto;
  }
  div {
    padding-top: 50px;
    width: 400px;
    margin-inline: auto;
  }
}
@media screen and (max-width: 768px) {
  .p_gajyu {
    padding-top: 50px;
    padding-bottom: 50px;
    img {
      width: 100%;
    }
    p {
      width: 100%;
      margin-inline: auto;
    }
    div {
      padding-top: 25px;
      width: 100%;
      margin-inline: auto;
    }
  }
}

.p_graph {
  width: 100%;
  overflow: clip;
  padding-top: 100px;
  padding-bottom: 100px;
  div {
    width: 750px;
    margin-inline: auto;
    img {
      width: 100%;
    }
  }
}

@media screen and (max-width: 768px) {
  .p_graph {
    padding-top: 50px;
    padding-bottom: 50px;
    div {
      width: 100%;
    }
  }
}

.u_di-pc {
  display: inline;
}
.u_di-sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .u_di-pc {
    display: none;
  }
  .u_di-sp {
    display: inline;
  }
}