@media screen and (max-width: 768px) {
  img {
    vertical-align: top;
    vertical-align: bottom;
  }

  .product-main {
    padding: 2.38rem 3.13rem 0;
  }

  .sphere-container {
    display: flex;
    align-items: center;
  }

  .sphere {
    width: 1.875rem;
    height: 1.875rem;
    background: #FD892A;
    border-radius: 50%;
  }

  .sphere-text {
    flex-direction: row;
    color: #00B9AD;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.5625rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.1875rem;
    margin-left: 0.56rem;
  }

  .product-top-title {
    color: #00B9AD;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 5.625rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.3375rem;
  }

  .product-top-text {
    color: #3E3A39;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.09rem;
    margin-top: 5.19rem;
  }

  .product-ranking-title {
    color: #00B9AD;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 2.8125rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.16875rem;
    padding-left: 7rem;
    height: 4rem;
    margin-top: 4rem;
    margin-bottom: 1.5rem;

  }

  .product-main-content-item-1 {
    height: 23.5rem;
  }

  .product-main-content-item-1-img-container {
    display: flex;
    align-items: flex-start;
  }

  .product-main-content-item-1-text-container {
    display: flex;
    align-items: flex-start;
  }

  .product-main-content-item-crown-1-img {
    margin-bottom: 1.25rem;
    width: 2.0625rem;
  }

  .product-main-content-item-1-sub-text {
    color: #000;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.5625rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.03125rem;
  }

  .product-main-content-item-1-text-maincontainer {
    display: flex;
    align-items: flex-start;
  }

  .product-main-content-item-1-text-title {
    color: #000;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.5625rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.03125rem;
    flex-direction: row;
    margin-top: 1.38rem;
  }

  .product-main-content-item-inquiry-img {
    flex-direction: row;
    margin-left: 10.63rem;
    margin-top: 1.75rem;
    width: 3.3125rem;
  }

  .product-main-contents-container {
    display: flex;
    align-items: flex-start;
    height: 23.5rem;
  }

  .product-main-content-item-2 {
    flex-direction: row;
    height: 23.5rem;
  }



  .product-main-content-item-2-sub-text {
    color: #3E3A39;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.0825rem;
    padding-top: 0.13rem;
  }



  .product-main-content-item-2-text-title {
    color: #000;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.5625rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.03125rem;
    margin-top: 1.37rem;
  }

  .product-main-content-item-2-text-title p {
    color: #000;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.025rem;
    margin-top: 0rem;
  }

  .product-main-content-item-inquiry-img-2 {
    margin-left: 3rem;
    width: 3.3125rem;
  }

  .product-main-content-item-2-text-container {
    height: 0rem;
    margin-top: 0rem;
  }

  .product-ranking-container {
    height: 27.3075rem;
  }

  .product-main-content-item-inquiry-img-2 {
    margin-left: 15.5rem;
  }

  .product-main-content-item-2 {
    margin-left: 2.75rem;
    height: 25.5rem;
  }

  .product-main-content-item-crown-2-img {
    margin-bottom: 1.25rem;
    width: 2.0625rem;
  }

  .ranking-more-btn {
    width: 18.75rem;
    height: 4.375rem;
    flex-shrink: 0;
    width: 18.75rem;
    height: 4.375rem;
    flex-shrink: 0;
    color: #FFF;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.5625rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.03125rem;
    border-radius: 0.3125rem;
    background: #FD892A;
    border: none;
  }


  .product-ranking-btn-img {
    flex-direction: row;
    margin-right: 1.37rem;
  }

  .ranking-more-btn-text {
    margin-left: auto;
    margin-right: 2.5rem;
  }

  .ranking-more-btn {
    margin-top: 2.81rem;
    margin-right: 11rem;
    margin-left: 11rem;
    display: flex;
    align-items: center;
  }

  .product-Health-miscellaneous-goods-title {
    color: #00B9AD;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 2.8125rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.16875rem;
    text-align: center;
    margin-top: 8.69rem;
    margin-bottom: 1.69rem;
  }

  .product-main-content-item-3-text-title {
    color: #000;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.5625rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.03125rem;
    width: 8rem;
    margin-top: 1.38rem;

  }

  .product-main-content-item-3-img {
    vertical-align: top;
    vertical-align: bottom;


  }


  .product-main-content-item-inquiry-img-3 {
    margin-left: 7.5rem;
    margin-top: 1.75rem;
    width: 3.3125rem;
  }

  .product-main-content-item-4-text-title {
    color: #000;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.5625rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.03125rem;
    margin-top: 1.38rem;
    width: 9.5rem;
  }

  .product-main-content-item-inquiry-img-4 {
    margin-left: 5.87rem;
    margin-top: 1.75rem;
  }

  .product-Beauty-miscellaneous-goods-title {
    color: #00B9AD;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 2.8125rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.16875rem;
    text-align: center;
    margin-top: 10.87rem;
    margin-bottom: 1.69rem;
  }

  .product-main-content-item-inquiry-bottom-img {
    margin: 7.12rem 0 9.5rem;
  }

  .product-main-content-item-3 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
  }

  .product-main-content-item-3-text {
    flex-direction: row;
    color: #3E3A39;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.625rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.0975rem;
  }

  .product-ranking-container-2 {
    margin-top: 5.94rem;
  }

  .product-main-content-item-3-text-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
  }

  .product-main-content-item-3-text {
    margin-left: 0.12rem;
  }

  .product-main-content-item-crown-3-img {
    margin-bottom: 1.25rem;
    width: 2.0625rem;
  }

  .product-main-content-item-inquiry-img-3 {
    flex-direction: row;
  }

  .product-main-content-item-4 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;

  }

  .product-main-content-item-4-text {
    display: flex;
    color: #3E3A39;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.625rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.0975rem;
    margin-left: 0.12rem;
  }

  .product-ranking-container-2 {
    display: flex;
    align-items: center;

  }

  .product-main-content-item-4-container {
    flex-direction: row;
    margin-left: 2.75rem;
  }

  .product-main-content-item-crown-4-img {
    margin-bottom: 1.25rem;
    width: 2.0625rem;
  }

  .product-main-content-item-5 {
    display: flex;
    align-items: flex-start;
  }

  .product-main-content-item-5-text {
    display: flex;
    color: #3E3A39;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.625rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.0975rem;
    margin-left: 0.12rem;
  }

  .product-main-content-item-5-text-container {
    display: flex;
    align-items: flex-start;
  }

  .product-main-content-item-inquiry-img-5 {
    flex-direction: row;
    margin-left: 7.44rem;
    margin-top: 1.75rem;
    width: 3.3125rem;
  }

  .product-main-content-item-5-text-title {
    color: #000;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.5625rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.03125rem;
    margin-top: 1.37rem;
  }

  .product-main-content-item-6-text-title {
    width: 9.4375rem;
  }

  .product-main-content-item-6 {
    display: flex;
    align-items: flex-start;
  }

  .product-main-content-item-6-text {
    flex-direction: row;
    color: #3E3A39;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.625rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.0975rem;
    margin-left: 0.12rem;
  }

  .product-main-content-item-6-text-title {
    color: #000;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.5625rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.03125rem;
    margin-top: 1.37rem;
  }

  .product-main-content-item-6-text-container {
    display: flex;
    align-items: flex-start;
  }

  .product-main-content-item-inquiry-img-6 {
    flex-direction: row;
    margin-left: 5.94rem;
    margin-top: 1.75rem;
    width: 3.3125rem;
  }

  .product-ranking-container-3 {
    display: flex;
    align-items: flex-start;
    margin-top: 5.63rem;
  }

  .product-main-content-item-6-container {
    flex-direction: row;
    margin-left: 2.75rem;
  }

  .product-main-content-item-2-3 {
    margin-top: 5.63rem;
  }

  .product-main-content-item-2-3-text-title {
    width: 7.875rem;
    color: #000;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.5625rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.03125rem;
    margin-top: 1.37rem;
  }

  .product-main-content-item-2-4-text-title {
    width: 9.52rem;
    color: #000;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.5625rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.03125rem;
    margin-top: 1.37rem;
  }

  .product-main-content-item-inquiry-img-2-4 {
    flex-direction: row;
    margin-left: 5.44rem;
    margin-top: 1.75rem;
  }

  .prduct-Health-miscellaneous-goods-2 {
    display: flex;
    align-items: flex-end;

  }

  .product-main-content-item-2-4 {
    margin-left: 2.75rem;
  }

  .product-main-content-item-2-5-text-title {
    width: 11.16rem;
    color: #000;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.5625rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.03125rem;
    margin-top: 1.37rem;
  }

  .product-main-content-item-inquiry-img-2-5 {
    margin-left: 4.25rem;
    margin-top: 1.75rem;
  }

  .product-main-content-item-2-6-text-title {
    width: 12.6rem;
    color: #000;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.5625rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.03125rem;
    margin-top: 1.37rem;
  }

  .product-main-content-item-inquiry-img-2-6 {
    margin-left: 2.37rem;
    margin-top: 1.75rem;
  }

  .prduct-Beauty-miscellaneous-goods-2 {
    display: flex;
    align-items: flex-end;
  }

  .prduct-Beauty-miscellaneous-goods-3 {
    display: flex;
    align-items: flex-end;
  }

  /* 「PRODUCT」ロゴが水平方向に流れるアニメーション */
  @keyframes infinity-scroll-left {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-100%);
    }
  }
  .scroll-infinity-wrapper {
    display: flex;
    gap: 4.38rem;
    width: 100%;
    height: 8rem;
    margin-top: 5rem;
    overflow: hidden;
  }
  .scroll-infinity-list {
    display: flex;
    gap: 4.38rem;
    list-style: none;
  }
  .scroll-infinity-left {
    animation: infinity-scroll-left 60s infinite linear;
  }
  .scroll-infinity-item {
    width: 44.8125rem;
  }
}

@media screen and (min-width: 768px) {
  .product-main {
    padding: 10.19rem 15rem 12.12rem;
  }

  .sphere-container {
    display: flex;
    align-items: center;
  }

  .sphere {
    width: 1.5625rem;
    height: 1.5625rem;
    background: #FD892A;
    border-radius: 50%;
  }

  .sphere-text {
    color: #00B9AD;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.15rem;
    margin-left: 0.63rem;
    flex-direction: row;
  }

  .product-text-title {
    color: #00B9AD;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 6.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.375rem;
    margin-top: 0.44rem;
  }

  .product-text-title-sub {
    color: #3E3A39;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.075rem;
    margin-top: 0.69rem;
  }

  .product-main-contents-container {
    display: flex;
    gap: 1.19rem;
    /* width: 15rem; */
    /* height: 25rem; */
  }

  .product-main-content-title-1 {
    color: #00B9AD;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.15rem;
    margin-top: 1.25rem;
    padding-left: 32.5rem;
    padding-bottom: 1.69rem;
  }

  .product-main-content-item-1-img-container {
    display: flex;
    align-items: flex-start;
    margin-bottom: 0.69rem;
  }

  .product-main-content-item-crown-1-img {
    width: 1.73875rem;
    height: 1.50188rem;
  }

  .product-main-content-item-1-sub-text {
    color: #3E3A39;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.0825rem;
    margin-left: 0.45rem;
    flex-direction: row;
  }

  .product-main-content-item-1-text-container {
    display: flex;
    align-items: center;
  }

  .product-main-content-item-1-text-maincontainer {
    position: relative;
  }

  .product-main-content-item-1-text-title {
    color: #000;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.025rem;
    margin-top: 1.19rem;
  }

  .product-main-content-item-1-text-sub {
    color: #00B9AD;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.0375rem;
    flex-direction: row;
    margin-top: 1.62rem;
    margin-left: 6.56rem;
  }


  .product-main-content-item-inquiry-img {
    position: absolute;
    top: 1.7rem;
    left: 10.25rem;
    width: 3.3125rem;
  }

  .product-main-content-item-2 {
    width: 13.75rem;
  }

  .product-main-content-item-2-sub-text {
    color: #3E3A39;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.0825rem;
    margin-left: 0.45rem;
  }

  .product-main-content-item-2-text-title p {
    color: #000;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.02rem;
    white-space: nowrap;
    margin-top: 0.3rem;
  }

  .product-main-content-item-2-text-title {
    color: #000;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.025rem;
    width: 15.5rem;
    margin-top: 1.19rem;
  }

  .product-main-content-title-2 {
    margin-top: 6.8rem;
    color: #00B9AD;
    text-align: center;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.15rem;
    margin-bottom: 1.5rem;
  }

  .product-main-contents-container-2 {
    margin-top: 0rem;
    display: flex;
    height: 18.8rem;
    margin-right: 0rem;
  }

  .product-main-content-item-2-1 {
    flex-direction: row;

  }

  .product-main-contents-container-2-2 {
    width: 13.75rem;
  }

  .product-main-contents-container-2-2:not(:first-child) {
    margin-left: 1.19rem;
  }

  .product-main-content-item-inquiry-bottom-img {
    width: 88.125rem;
    height: 32.5625rem;
    flex-shrink: 0;
    aspect-ratio: 1410/521;
    margin-top: 12.58rem;
  }

  /* 「PRODUCT」ロゴが水平方向に流れるアニメーション */
  @keyframes infinity-scroll-left {
    from {
      transform: translateX(0);
    }

    to {
      transform: translateX(-100%);
    }
  }

  .scroll-infinity-wrapper {
    display: flex;
    gap: 5.56rem;
    width: 100%;
    height: 16rem;
    margin-top: 3rem;
    overflow: hidden;
  }

  .scroll-infinity-list {
    display: flex;
    gap: 5.56rem;
    list-style: none;
  }

  .scroll-infinity-left {
    animation: infinity-scroll-left 60s infinite linear;
  }

  .scroll-infinity-item {
    width: 96rem;
  }
}