.inner02{
  max-width: 1000px;
  margin: 0 auto;
}
.inner03 {
  max-width: 1300px;
  margin: 0 auto;
}
.inner04 {
  max-width: 1440px;
  margin: 0 auto;
}
.inner05 {
  max-width: 850px;
  margin: 0 auto;
}
.inner06 {
  max-width: 1100px;
  margin: 0 auto;
}
.sp{
  display: none;
}
.lp1 {
  background: #FBFDFD;
}
.lp1.pc{
& .section01{
  background-image: url(../img/lp//all-on-4/section01_background.png);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  & .block01{
    width: 70%;
  }
}
& .section02{
  background-image: url(../img/lp//all-on-4/section02_background.png);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  & .ttl{
    max-width: 622px;
    width: 43%;
    margin: 0 auto;
  }
  & .block{
    width: 85%;
    max-width: 1220px;
  }
  & .block02,
  & .block04{
    margin-left: auto;
  }
  & .block03 {
    margin-right: auto;
  }
  & .block05 {
    line-height: 0;
  }
}
& .section03 {
  background-image: url(../img/lp//all-on-4/section03_background.png);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  padding: 50px 0;
  & .block{
    margin-bottom: 100px;
  }
  & .block02{
    & .item03{
      width: 80%;
      margin: 0 auto;
    }
  }
  & .block03{
    & .ttl{
      width: 90px;
      margin: 0 auto 25px;
    }
    & .blocks{
      display: flex;
      justify-content: center;
      gap: 0px;
      & .item{
        position: relative;
      }
      & a{
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 7.5%;
        display: block;
        width: 67.5%;
      }
    }
  }
}
& .section04{
  background-image: url(../img/lp//all-on-4/section04_background.png);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  padding: 50px 0;
  & .block01{
    width: 80%;
    margin: 0 auto;
  }
  & .block02{ 
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
    margin-top: 50px;

  }
}
}
img{
  width: 100%;
  display: block;
}
@media (max-width: 768px){
.pc{
  display: none;
}
.sp{
  display: block;
}
.lp1.sp{
  & .section02{
    background-image: url(../img/lp//all-on-4/section02_background-sp.png);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    & .block01{
      padding: 50px 0;
    }
    & .block02{
      padding: 50px 0;
      & .item01 {
        width: 85%;
        margin: 0 auto;
      }
    }
    & .block03{
      & .ttl{
        width: 12%;
        margin: 0 auto;
      }
      & .block{
        position: relative;
        & a{
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          bottom: 7.5%;
          display: block;
          width: 67.5%;
        }
      }
    }
    & .block04 {
      padding: 50px 0;
      width: 90%;
      margin: 0 auto;
    }
  }
  & .section03{
    background-image: url(../img/lp//all-on-4/section04_background-sp.png);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    padding: 50px 0 25px;
    & .block01{
      width: 90%;
      margin: 0 auto 50px;
    }
    & .block02 {
      width: 90%;
      margin: 0 auto 25px;
      display: flex;
      flex-direction: column;
      gap: 25px;
    }
  }
}
}


.lp2{
  & .section01{
    background-image: url(../img/lp/gummy-smile/section01_background.png);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    & .block00,
    & .block01,
    & .block02{
      padding-bottom: 50px;
    }
    & .block02{
      width: 90%;
    }
  }
  & .section02 {
    background-image: url(../img/lp/gummy-smile/section02_background.png);
    & .block01{
      & .ttl{
        width: 80%;
        margin: 0 auto;
      }
      & .item{
        position: relative;
      }
      & .btn{
        display: block;
        max-width: 450px;
        width: 90%;
        position: absolute;
        bottom: 5%;
        left: 50%;
        transform: translateX(-50%);
      }
    }
    & .block02{
      padding: 0 0 50px;
      & .btns{
        display: flex;
        justify-content: center;
        gap: 20px;
        max-width: 740px;
        width: 90%;
        margin: 0 auto;
      }
    }
  }
  & .section03{
    background-image: url(../img/lp/gummy-smile/section03_background.png);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    padding: 50px 0 100px;
  }
  & .section05 {
    background-image: url(../img/lp/gummy-smile/section05_background.png);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    padding: 100px 0 50px;
    & .block02{
      display: flex;
      justify-content: center;
      gap: 20px;
      margin: 50px auto 0;
    }
  }
}
@media (max-width: 768px) {
.lp2 {
  & .section01 {
    background-image: url(../img/lp/gummy-smile/section01_background-sp.png);
    & .block00,
    & .block02 {
      padding-bottom: 50px;
    }
    & .block01{
      padding-bottom: 0;
    }
    & .block02 {
      width: 100%;
    }
  }
  & .section02{
    & .block01,
    & .block02{
      width: 90%;
      margin: 0 auto;
    }
    & .block01{
      & .ttl{
        width: 100%;
        margin: 0 auto 25px;
      }
      & .item{
        margin: 0 auto 50px;
      & .btn {
        width: 83%;
        bottom: 2%;
      }
      } 
    }
    & .block02{
      & .btns{
        margin: 50px auto;
        width: 100%;
        gap: 10px;
      }
    }
    & .block03{
      & img:last-child{
        margin-top: 25px;
      }
    }
  }
  & .section03,
  & .section04,
  & .section05{
    padding: 25px 0;
    & .block01{
      width: 90%;
      margin: 0 auto;
    }
  }
  & .section05{
    background-image: url(../img/lp/gummy-smile/section05_background-sp.png);
    padding: 50px 0;
    & .block02{
      width: 90%;
      margin: 25px auto 0;
      flex-direction: column;
      gap: 25px;
    }
  }
}
}
}