.js-fade {
  opacity: 0;
  transform: translateY(2rem);
}
.js-fade2 {
  opacity: 0;
  transform: translateY(2rem);
}
.js-fade-down {
  opacity: 0;
  transform: translateY(-0.8rem);
}
.js-fade-left {
  opacity: 0;
  transform: translateX(-2rem);
}
.js-slide-left{
  transform-origin: 0 0;
  transform: scaleX(0);
}
.js-fade-tit {
  opacity: 0;
  transform: translateY(2rem);
}
.js-fade-mv {
  opacity: 0;
}
.js-fade-mv-c {
  opacity: 0;
  transform: translateX(-2rem);
}
.js-fade-mv-w {
  opacity: 0;
  transform: translateX(2rem);
}
.js-bg-left{
  /*opacity: 0;
  transform: translate(10rem,10rem);
  transform: translate(-10rem,10rem);*/
}
.js-bg-rigt{
  /*opacity: 0;
  transform: translate(-10rem,-10rem);
  transform: translate(-10rem,10rem);*/
}

.js-fadeUp{
  transition: all 0.5s ease-out;
  transition-delay: 0.1s;
  transform: translateY(0);
  opacity: 1;
}
.js-fadeLeft{
  transition: all 0.5s ease-out;
  transition-delay: 0.1s;
  transform: translateX(0);
  opacity: 1;
}
.js-slideLeft{
  transition: all 0.4s ease-in;
  transition-delay: 0.2s;
  transform: scaleX(1);
  opacity: 1;
}
.js-fadeTit{
  transition: all 0.4s ease-out;
  transition-delay: 0.6s;
  transform: translateY(0);
  opacity: 1;
}
.js-fadeMv{
  transition: all 0.5s ease-out;
  transition-delay: 0.2s;
  opacity: 1;
}
.js-fadeMv-C{
  transition: all 0.4s ease-out;
  transition-delay: 0.6s;
  transform: translateX(0);
  opacity: 1;
}
.js-fadeMv-W{
  transition: all 0.4s ease-out;
  transition-delay: 0.6s;
  transform: translateX(0);
  opacity: 1;
}
.js-bg-Left{
  /*transition: all 0.6s ease-out;
  transition-delay: 0.6s;
  transform: translate(0,0);
  opacity: 1;*/
}
.js-bg-Right{
  /*transition: all 0.6s ease-out;
  transition-delay: 0.6s;
  transform: translate(0,0);
  opacity: 1;*/
}


/*html {
  scroll-behavior: smooth;
}*/

/*.main{
  overflow-x: hidden;
}*/

.main *{
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-feature-settings: "palt";
  color: #000;
}

.main .arrow{
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  border-top: 20px solid #c80014;
  border-bottom: 0;
  margin: 3rem auto 3rem;
}

.contents {
  padding: 0 6rem;
}

.c-inner {
  max-width: 118rem;
  margin: 0 auto;
}

.icon-new {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 8rem;
  height: 8rem;
  background-color: #c80014;
  border-radius: 50%;
  font-size: 2.4rem;
  font-weight: bold;
  color: #fff;
}

/* ----------------------------------------
digloss-logo
---------------------------------------- */
.digloss-logo{
  height: 18rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
    .digloss-logo.bk{
      background-color: #000;
    }
    .digloss-logo.wh{
      background-color: #fff;
    }
.digloss-logo figure{
  width: 57rem;
}

.digloss-logo-bk img{
  width: 100%;
  height: auto;
}


/* ----------------------------------------
mv
----------------------------------------*/
.mv {
  overflow-x: hidden;
  height: 793px;
  position: relative;
}
.mv__img {
  height: 100%;
  background: url(/products/digloss/images/main.jpg) no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mv__product{
  display: flex;
  column-gap: 36rem;
}

.mv__product figure{
  width: 34rem;
}

.mv__product figure img{
  width: 100%;
  height: auto;
}

.mv__product figure figcaption{
  font-size: 1.6rem;
  text-align: center;
}
.mv__product li:last-child figure figcaption{
  color: #fff;
}

/* ----------------------------------------
mv-m
----------------------------------------*/
.mv-m {
  overflow-x: hidden;
  height: 963px;
  position: relative;
}
.mv-m__img {
  height: 100%;
  background: url(/products/digloss/images/main-midlle.jpg) no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mv-m__product{
  display: flex;
  column-gap: 36rem;
}

.mv-m__product figure{
  width: 34rem;
  margin: 0 0 4rem 0;
}

.mv-m__product figure img{
  width: 100%;
  height: auto;
}

.mv-m__product figure figcaption{
  font-size: 1.6rem;
  text-align: center;
}
.mv-m__product li:last-child figure figcaption{
  color: #fff;
}

/* ----------------------------------------
link-btn
---------------------------------------- */
.link-btn {
  width: 28rem;
  margin: 0 auto;
}

.link-btn a {
  position: relative;
  min-height: 6.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 1rem 2rem 1rem 2rem;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.333;
  
  /*background-color: #41c3da;*/
  background-image: linear-gradient(90deg, #ee9623 0%, #eed570 50%, #ee9623 100%);
  background-position: 1% 50%;
  background-size: 200% auto;
  transition: 0.3s ease;
}

.link-btn a.hover {
  background-position: 99% 50%;
}

.link-btn a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 3rem;
  width: 0.8rem;
  height: 0.8rem;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  transform: translateY(-50%) rotate(45deg);
}


/* ----------------------------------------
feature
----------------------------------------*/
.feature{
  /*overflow-x: hidden;*/
  position: relative;
}
.feature .bg-top{
  position: absolute;
  display: block;
  z-index: -1;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 50vw;
  clip-path: polygon(0 0, 0% 100%, 100% 0);
  background-color: rgba(200,0,20,1);
}
.feature .bg-bottom{
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 50vw;
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  background-color: rgba(0,0,0,1);
}

/* ----------------------------------------
movie
----------------------------------------*/
.movie{
  /*position: absolute;
  top:0;
  left: 50%;
  transform: translateX(-50%);*/  
	text-align: center;
  padding: 12rem 6rem 0;
  margin-top: -50vw;
}

.movie h2{
  font-size: 3.6rem;
  margin: 0 0 4rem 0;
}

.movie .movie__inner{
  position: relative;
  max-width: 80rem;
  /*width: 80rem;*/
  aspect-ratio: 16 / 9;
  margin: 0 auto;
}


.movie.js-fade .movie__inner::before{
  content: "";
  display: block;
  position: absolute;
  width: 80rem;
  aspect-ratio: 16 / 9;
  background-color: #000;
  /*top: 4rem;
  left: 4rem;*/
  transform: translate(0,0);
}
.movie.js-fadeUp .movie__inner::before{
  transition: all 0.4s ease-out;
  transition-delay: 0.4s;
  transform: translate(4rem,4rem);
}


.movie .movie__inner iframe{
  position: relative;
  width: 100%;
  height: 100%;
}


/* ----------------------------------------
merit
---------------------------------------- */
.merit{
  overflow-x: hidden;
  position: relative;
  padding: 12rem 6rem 12rem;
  margin: 0;
}

.merit .bg-tit__inner{
  position: absolute;
  width: calc(100% - 12rem);
  height: 13.6rem;
}
.merit .bg-tit{
  width:100%;
  height: 100%;
  background-color: #000;
}

.merit__title{
  position: relative;
  font-family: "Noto Serif JP", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 4.2rem;
  color: #eeb56c;
  text-align: center;
  /*background-color: #000;*/
  padding: 3.9rem;
  margin: 0 0 6rem 0;
}

.merit__itme figure{
  width: 60rem;
  margin: 0 auto;
}

.merit__itme figure img{
  width: 100%;
  height: auto;
}

.merit__itme__tit{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.4rem;
  background-color: #f0f4f8;
  padding:1rem;
  
}


/* ----------------------------------------
pageNav
---------------------------------------- */
.pageNav{
  padding: 6rem 6rem 0 6rem;
}

.pageNav h3{
  font-family: "Noto Serif JP", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 5.4rem;
  line-height: 1.333;
  text-align: center;
  margin: 0 0 3rem 0;
}

.pageNav p{
  font-size: 2.4rem;
  text-align: center;
  margin: 0 0 6rem 0;
}

.pageNav__inner{
  display: flex;
}
.pageNav__inner li{
  width: calc(100% / 6);
}
.pageNav__inner li:not(:last-child){
  border-right:1px solid #f4f5f7;
}
.pageNav__inner li a{
  position: relative;
  display: block;
  font-size: 1.4rem;
  line-height: 1.333;
  text-align: center;
  padding: 0 1rem 4rem;
}

.pageNav__inner li a.hover{
  color: #c80014;
  opacity: 0.8;
}

.pageNav__inner li a figure{
  width: 8rem;
  margin: 0 auto;
}
.pageNav__inner li a figure img{
  width: 100%;
  height: auto;
}

.pageNav__inner li a .anc{
  position: absolute;
  bottom:0;
  left: calc(50% - 1.25rem);
  width: 2.5rem;
  height: 2.5rem;
  margin: 0 0 1rem 0;
}
.pageNav__inner li a .anc::before{
  content: "";
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  border-top: 1px solid #c80014;
  border-right: 1px solid #c80014;
  top: 0.7rem;
  left: 0.9rem;
  transform: rotate(135deg);
}

.pageNav .icon-new{
  position: absolute;
  top:0;
  left:2rem;
  width: 4rem;
  height: 4rem;
  font-size: 1.2rem;
}


/* ----------------------------------------
p-contents
---------------------------------------- */
.p-contents {
  position: relative;
  /*padding: 0 6rem;
  margin: 0 0 12rem 0;*/
  padding: 12rem 6rem 0;
  margin: 0;
}

.bg__inner{
  position: absolute;
  width: calc(100% - 12rem);
  height: 36rem;
}
.bg{
  width:100%;
  height: 100%;
  background-color: #f0f4f8;
}

.p-contents-main{
  position: relative;
  display: flex;
  column-gap: 4rem;
  justify-content: center;
  flex-direction: row-reverse;
  padding: 6rem 0 0 0;
  margin: 0 auto 6rem;
}

.p-contents-main__inner{
  width: 57rem;
}

.p-contents-main__name{
  font-family: "Noto Serif JP", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 5.4rem;
  line-height: 1.185;
  margin: 0 0 2.5rem 0;
}

.p-contents-main__txt{
  font-size: 1.8rem;
  line-height: 1.75;
}

.p-contents-main__product{
  position: relative;
  width: 57rem;  
}

.p-contents-main__product figure{
  width: 30rem;
  margin: 0 8rem 0 auto;
}

.p-contents-main__product figure img{
  width: 100%;
  height: auto;
}

.p-contents-main__product .icon-new{
  position: absolute;
  top:0;
  left:10rem;
}


/* ----------------------------------------
p-contents__point
---------------------------------------- */
.p-contents__point:not(:last-child){
  margin: 0 0 6rem 0;
}

.p-contents__point__title{
  position: relative;
  width: calc(100% - 2.2rem - 2.2rem);
  height: 8.2rem;
  text-align: center;
  background-color: #000;
  padding: 1.5rem;
  margin: 0 auto 5rem;
  border-top: 2px solid #eeb770;
  border-bottom: 2px solid #eeb770;
}
    .p-contents__point__title::after {
      position: absolute;
      content: "";
      top: 50%;
      right: -2.2rem;
      transform: translateY(-50%);
      display: inline-block;
      width: 2.2rem;
      height: 8.2rem;
      background: url(/products/digloss/images/title-arrow-right.png) no-repeat;
      background-size: contain;
      /*position: absolute;
      content: "";
      top: 50%;
      right: -2.7rem;
      transform: translateY(-50%);
      border-top: 41px solid transparent;
      border-bottom: 41px solid transparent;
      border-left: 30px solid #000;
      border-right: 0;
      filter: drop-shadow(3px 0px 0px #eeb770);*/
      /*z-index: -1;*/
    }
    .p-contents__point__title::before {
      position: absolute;
      content: "";
      top: 50%;
      left: -2.2rem;
      transform: translateY(-50%);
      display: inline-block;
      width: 2.2rem;
      height: 8.2rem;
      background: url(/products/digloss/images/title-arrow-left.png) no-repeat;
      background-size: contain;
      /*position: absolute;
      content: "";
      top: 50%;
      left: -2.7rem;
      transform: translateY(-50%);
      border-top: 41px solid transparent;
      border-bottom: 41px solid transparent;
      border-right: 30px solid #000;
      border-lrft: 0;
      filter: drop-shadow(-3px 0px 0px #eeb770);*/
      /*z-index: -1;*/
    }

    .p-contents__point__title .i-cleaner{
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: calc(50% - 13rem);
      width: 7.8rem;
      height: auto;
    }
    .p-contents__point__title .i-cleaner__txt{
      font-family: "Noto Serif JP", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
      font-size: 3.4rem;
      font-weight: bold;
      color: #eeb770;
      margin: 0 0 0 7.8rem;
    }

    .p-contents__point__title .i-wax{
      position: absolute;
      top: -4rem;
      left: calc(50% - 13rem);
      width: 7.8rem;
      height: auto;
    }
    .p-contents__point__title .i-wax__txt{
      font-family: "Noto Serif JP", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
      font-size: 3.4rem;
      font-weight: bold;
      color: #eeb770;
      margin: 0 0 0 7.8rem;
    }

    .p-contents__point__title .i-tire{
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: calc(50% - 13rem);
      width: 7.8rem;
      height: auto;
    }
    .p-contents__point__title .i-tire__txt{
      font-family: "Noto Serif JP", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
      font-size: 3.4rem;
      font-weight: bold;
      color: #eeb770;
      margin: 0 0 0 7.8rem;
    }

.p-contents__point__txt{
  font-size: 2.8rem;
  font-weight: normal;
  line-height: 1.357;
  text-align: center;
  margin: 0 0 3rem 0;
}

.p-contents__point__img{
  display: flex;
  column-gap: 4rem;
  justify-content: center;
  padding: 0 10rem;
}

.p-contents__point__img li{
  width: calc((100% - 4rem) / 2);
}

.p-contents__point__img li img{
  width: 100%;
  height: auto;
}

.p-contents__point__img li figcaption{
  font-size: 2.1rem;
  text-align: center;
  padding: 1.5rem 0 0 0;
}

.p-contents__point__img .p-contents__point__stit{
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  margin: 0 0 2rem 0;
}

.p-contents__point__img li p{
  padding: 1.5rem 0 0 0;
}

.p-contents__point__img + p{
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
  margin: 1.5rem 0 6rem 0;
}
.p-contents__point__img + p span{
  font-size: 1.2rem;
}


/* ----------------------------------------
cleaner
----------------------------------------*/
.p-contents.cleaner{
  margin: 0 0 12rem 0;
}

.cleaner .bg-tit__inner{
  position: absolute;
  width: calc(100% - 12rem);
  height: 13.6rem;
}
.cleaner .bg-tit{
  width:100%;
  height: 100%;
  background-color: #f0f4f8;
}

.cleaner__title{
  position: relative;
  font-family: "Noto Serif JP", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 5.4rem;
  font-weight: bold;
  text-align: center;
  padding: 3rem 5.3rem;
  margin: 0 0 4rem 0;
}

.cleaner__title span{
  font-family: "Noto Serif JP", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  color: #c80014;
}

    .cleaner__title .i-cleaner{
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 10rem;
      height: auto;
    }
    .cleaner__title span{
      margin: 0 0 0 10rem;
    }

.cleaner__inner{
  position: relative;
  margin: 0 0 8rem 0;
}

.cleaner__inner::before{
  position: absolute;
  top:3rem;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  display: block;
  height: 500px;
  width: 50%;
  background-image: radial-gradient(circle closest-side, rgba(218, 225, 233, 1), rgba(221, 228, 235, 1) 35%, rgba(255, 255, 255, 1));
}

.cleaner__pneme{
  position: relative;
  font-size: 2.4rem;
  text-align: center;
}
.cleaner__pneme::after{
  content: "";
  bottom: 0;
  display: block;
  width: 50rem;
  height: 0.2rem;
  background: url(/products/digloss/images/cleaner-product-line.png) no-repeat;
  background-size: contain;
  margin: 1rem auto 4rem;
}

.cleaner__inner figure{
  position: relative;
  width: 24.5rem;
  margin: 0 auto;
}

.cleaner__inner figure img{
  width: 100%;
  height: auto;
}

.cleaner .p-contents__point__txt{
  font-size: 3.6rem;
  font-weight: bold;
}

.cleaner .p-contents__point__stxt{
  font-size: 1.8rem;
  line-height: 1.75;
  text-align: center;
  margin: 0 0 3rem 0;
}

.cleaner .p-contents__point__stit{
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  margin: 0 0 2rem 0;
}

.cleaner .point1 .p-contents__point__img:not(first-of-type) li{
  width:60rem;
}

.cleaner .point1 .p-contents__point__stxt{
  margin: 0 0 6rem 0;
}

.cleaner .point2 .p-contents__point__img:first-of-type{
  margin: 0 0 4rem 0;
}

.cleaner .point2 .p-contents__point__img:first-of-type li{
  width:60rem;
}

.cleaner .point2 .p-contents__point__img:not(first-of-type){
  gap: 4rem 4rem;
  flex-wrap:wrap;
}

.cleaner .point2 .p-contents__point__img:not(first-of-type) li{
  width: calc((100% - 4rem) / 2);
}
.cleaner .point2 .p-contents__point__img:not(first-of-type) li figure{
  position: relative;
}

.cleaner .point2 .p-contents__point__img:not(first-of-type) li figure span{
  position: absolute;
  top: 2rem;
  left: 2rem;
  display: inline-block;
  width: 22rem;
  font-size: 1.8rem;
  color: #fff;
  background-color: #000;
  padding: 0.3rem;
  text-align: center;
  border-radius:4rem
}

.cleaner .point3 .p-contents__point__img li{
  width:60rem;
}

.cleaner .point4 .p-contents__point__img:not(first-of-type) li{
  width:60rem;
}


/* ----------------------------------------
wax
----------------------------------------*/
.p-contents.wax {
  background-color: #000;
  padding: 12rem 6rem 12rem;
  margin: 0;
}

.wax .bg-tit__inner{
  position: absolute;
  width: calc(100% - 12rem);
  height: 13.6rem;
}
.wax .bg-tit{
  width:100%;
  height: 100%;
  background-color: #141414;
}

.wax__title{
  position: relative;
  font-family: "Noto Serif JP", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 5.4rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 3rem 5.3rem;
  margin: 0 0 4rem 0;
}

    .wax__title .i-wax{
      position: absolute;
      top: -3rem;
      width: 10rem;
      height: auto;
    }

.wax__title span{
  font-family: "Noto Serif JP", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  color: #c80014;
  margin: 0 0 0 10rem;
}

.wax__inner{
  position: relative;
  margin: 0 0 8rem 0;
}

.wax__inner::before{
  position: absolute;
  top:3rem;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  display: block;
  height: 500px;
  width: 50%;
  background-image: radial-gradient(circle closest-side, rgba(71, 71, 71, 1) 50%, rgba(0, 0, 0, 1));
}

.wax__pneme{
  position: relative;
  font-size: 2.4rem;
  color: #fff;
  text-align: center;
}
.wax__pneme::after{
  content: "";
  bottom: 0;
  display: block;
  width: 50rem;
  height: 0.2rem;
  background: url(/products/digloss/images/wax-product-line.png) no-repeat;
  background-size: contain;
  margin: 1rem auto 4rem;
}

.wax__inner figure{
  position: relative;
  width: 24.5rem;
  margin: 0 auto;
}

.wax__inner figure img{
  width: 100%;
  height: auto;
}

.wax .p-contents__point__txt{
  font-size: 3.6rem;
  font-weight: bold;
  color: #fff;
}

.wax .p-contents__point__stxt{
  font-size: 1.8rem;
  line-height: 1.75;
  text-align: center;
  margin: 0 0 3rem 0;
  color: #fff;
}

.wax .p-contents__point__stit{
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  margin: 0 0 2rem 0;
  color: #fff;
}

.wax .point1 .p-contents__point__img li{
  width:60rem;
}

.wax .point2 .p-contents__point__img li{
  width:60rem;
}

.wax .point3 .p-contents__point__img li{
  width:60rem;
}

.wax .point4 .p-contents__point__img li{
  width:60rem;
}

.wax .point5 .p-contents__point__img li{
  width:60rem;
}


/* ----------------------------------------
tirebrush
----------------------------------------*/
.tirebrush .point2 .p-contents__point__img li{
  width:60rem;
}
.tirebrush .point3 .p-contents__point__img li{
  width:60rem;
}


/* ----------------------------------------
wheelbrush
----------------------------------------*/
.wheelbrush .point2 .p-contents__point__img li{
  width:60rem;
}

.wheelbrush .point2 .p-contents__point__img ul{
  display: flex;
  gap: 1rem 2rem;
  flex-wrap:wrap;
  margin: 2rem 0 6rem 0;
}

.wheelbrush .point2 .p-contents__point__img ul li{
  width: calc((100% - 2rem) / 2);
}

.wheelbrush .point2 .p-contents__point__img ul li span{
  color: #cc0000;
}

.wheelbrush .point3 .p-contents__point__img li{
  width:60rem;
}


/* ----------------------------------------
wheelsponge
----------------------------------------*/
.wheelsponge .point1 .p-contents__point__img:first-of-type{
  margin: 0 0 6rem 0; 
}
.wheelsponge .point1 .p-contents__point__img:last-child li{
  width:60rem;
}

.wheelsponge .point2 .p-contents__point__img:first-of-type{
  margin: 0 0 6rem 0; 
}
.wheelsponge .point2 .p-contents__point__img:last-child li{
  width:60rem;
}

/* ----------------------------------------
wheeltonic
----------------------------------------*/
.p-contents.wheeltonic {
  padding: 12rem 6rem 0;
  margin: 0 0 12rem 0;
}

.wheeltonic .point1 .p-contents__point__img:first-of-type{
  margin: 0 0 6rem 0; 
}

.wheeltonic .point1 .p-contents__point__img:not(first-of-type) li{
  width:60rem;
}

.wheeltonic .point2 p{
  text-align: center;
  line-height: 1.5;
}

/* ----------------------------------------
pitasupo
----------------------------------------*/
.p-contents.pitasupo {
  background-color: #000;
  padding: 12rem 6rem 0;
  margin: 0;
}

.pitasupo .bg{
  background-color: #141414;
}

.pitasupo .p-contents-main__name,
.pitasupo .p-contents-main__txt,
.pitasupo .p-contents__point__txt,
.pitasupo .p-contents__point__img + p{
  color: #fff;  
}

.pitasupo .point1 .p-contents__point__img li{
  width:60rem;
}

.pitasupo .point2 .p-contents__point__img li{
  width:60rem;
}

.pitasupo .point3 .p-contents__point__img {
  column-gap: 2.5rem;
}
.pitasupo .point3 .p-contents__point__img li{
  width: calc((100% - 5rem) / 3);
}

/* ----------------------------------------
giraedge
----------------------------------------*/
.p-contents.giraedge {
  background-color: #000;
  padding: 12rem 6rem 12rem;
  margin: 0;
}

.giraedge .bg{
  background-color: #141414;
}

.giraedge .p-contents-main__name,
.giraedge .p-contents-main__txt,
.giraedge .p-contents__point__txt{
  color: #fff;  
}

.giraedge .point1 .p-contents__point__img li{
  width:60rem;
}

.giraedge .point3 .p-contents__point__img li{
  width:60rem;
}



/* ----------------------------------------
floating-bn
----------------------------------------*/
.floating-bn {
  background-color:#fff;
	position: fixed;
	right: 10px;
	z-index: 7;
	opacity: 0;
	/*transform: translateY(100px);*/
}
.floating-bn img{
  vertical-align: top;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 30%);
  transition: box-shadow 0.12s, opacity 0.12s;
}
.floating-bn.hover img{
  box-shadow: none;
  opacity: 0.8;
}


.floating-bn.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
  opacity: 0;
	transform: translateY(100px);
  }
  to {
  opacity: 1;
	transform: translateY(0);
  }
}

.floating-bn.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  opacity: 1;
	transform: translateY(0);
  }
  to {
  opacity: 0;
	transform: translateY(100px);
  }
}