/* 全体 */
.body__wrap {
  max-width: 375px;
  margin: 0 auto;
}

/* パーツ */
.uber-title {
  display: flex;
  justify-content: center;
  align-items: center;
}
.uber-title-left {
  width: 25vw;
  height: 4vw;
  margin-right: 11%;
}
.uber-title-right {
  width: 30.6vw;
}
.uber-top {
  background-color: #E2F8F0;
}
.uber-top__img {
  width: 95%;
  display: block;
  margin: 0 auto;
  padding-top: 32px;
}
.uber-top__txt {
  font-size: 16px;
  width: 84vw;
  max-width: 375px;
  margin: 15px auto 0;
  padding-bottom: 20px;
  text-align: center;
}
.uber-main__ttl {
  text-align: center;
  font-size: 18px;
  line-height: 2;
  margin-bottom: 30.66666vw;
}
.uber-main__ttl--big {
  font-size: 28px;
  background: linear-gradient(transparent 70%, #FEF44C 0%);
}
.uber-main__ttl-cont {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 8vw 0;
}
.uber-main__ttl-cont-img {
  width: 26.66666vw;
  height: 21.06666vw;
}
.uber-main__ttl-cont p {
  margin: 0 7vw;
}
.uber-main__cont {
  position: relative;
  background-color: #E2F8F0;
  width: 84vw;
  max-width: 375px;
  margin: 0 auto;
  padding-bottom: 8vw;
  border-radius: 5px;
}
.uber-main__cont--01 {
  padding-top: 33.86666vw;
}
.uber-main__cont--02 {
  margin-top: 18.66666vw;
  padding-top: 33.86666vw;
}
.uber-main__cont-img-01 {
  position: absolute;
  width: 68.8vw;
  top: -17.33333vw;
  left: 50%;
  transform: translateX(-50%);
}
.uber-main__cont-img-02 {
  position: absolute;
  width: 42.66666vw;
  top: -12vw;
  left: 50%;
  transform: translateX(-50%);
}
.uber-main__cont-txt {
  width: 73.33333vw;
  max-width: 275px;
  margin: 0 auto;
  text-align: center;
  letter-spacing: -0.05em;
}
.uber-cp {
  background-color: #07C872;
  margin-top: 18.66666vw;
  padding: 40px 30px 50px;
}
.uber-cp__ttl {
  text-align: center;
  font-size: 25px;
  margin-bottom: 9.33333vw;
}
.uber-cp__main {
  margin-top: 8vw;
  background-color: #ffffff;
  border-radius: 5px;
}
.uber-cp__main-list {
  padding: 30px 20px;
}
.uber-cp__main-list-ttl {
  position: relative;
  padding-left: 5vw;
  font-weight: bold;
}
.uber-cp__main-list-ttl::before {
  color: #FEF44C;
  content: "●";
  position: absolute;
  left: 0;
}
.uber-cp__main-list-txt {
  font-size: 14px;
}
.uber-cp__main-list-txt--bold {
  font-weight: bold;
  letter-spacing: -0.13em;
}
.uber-cp__main-list-note {
  font-size: 12px;
  color: #333333;
  position: relative;
  padding-left: 5vw;
}
.uber-cp__main-list-note::before {
  content: "※";
  position: absolute;
  left: 0;
}
.uber-cp__app {
  background-color: #ffffff;
  padding: 40px 80px;
  margin-top: 10.66667vw;
  border-radius: 5px;
}
.uber-cp__app-img {
  display: block;
  margin: 0 auto;
  margin-top: 6.66666vw;
  width: 32vw;
}
.uber-cp__app-link-txt {
  margin: 6vw 0 0;
  padding: 4.8vw 0;
  text-align: center;
  background-color: #000;
  border-radius: 3px;
  color: #fff;
  font-weight: bold;
  position: relative;
}
.uber-cp__app-link-txt::after {
  content: ">";
  position: absolute;
  bottom: 5vw;
  right: 5vw;
}
.uber-code {
  margin-top: 16vw;
}
.uber-code__ttl {
  text-align: center;
}
.uber-code__cont {
  position: relative;
  background-color: #E2F8F0;
  width: 84vw;
  max-width: 375px;
  margin: 80vw auto 0;
  padding: 15.73333vw 0 8vw;
  border-radius: 5px;
}
.uber-code__cont-img {
  position: absolute;
  width: 78.13333vw;
  top: -71.46666vw;
  left: 43%;
  transform: translateX(-50%);
}
.uber-code__cont-txt {
  width: 73.33333vw;
  max-width: 275px;
  margin: 0 auto;
  text-align: center;
}
.uber-code__cont-txt--note {
  font-size: 12px;
  color: #333;
  margin-top: 3vw;
}
.uber-notes {
  width: 84vw;
  max-width: 375px;
  margin: 60px auto 0;
}
.uber-notes__list-ttl {
  position: relative;
  padding-left: 5vw;
  font-weight: bold;
}
.uber-notes__list-ttl::before {
  color: #FEF44C;
  content: "●";
  position: absolute;
  left: 0;
}
.uber-notes__list-txt {
  position: relative;
  padding-left: 5vw;
  font-size: 14px;
}
.uber-notes__list-txt::before {
  content: "・";
  position: absolute;
  left: 0;
}
.uber-notes__list a {
  text-decoration: underline;
  color: #05CF7D;
}
.uber-app {
  margin-top: 50px;
  padding: 50px 30px;
  background-color: #07C872;
}
.uber-app .uber-app__link {
  color: #333;
  text-decoration: none;
}
.uber-app__ttl {
  font-size: 25px;
  text-align: center;
  margin-bottom: 0;
}
.uber-app__subttl {
  margin: 6vw 0 0;
  padding: 4.8vw 0;
  text-align: center;
  background-color: #000;
  border-radius: 3px;
  color: #fff;
  font-weight: bold;
  position: relative;
}
.uber-app__subttl::after {
  content: ">";
  position: absolute;
  bottom: 5vw;
  right: 5vw;
}
.uber-app__main {
  background-color: #ffffff;
  padding: 40px 80px;
}
.uber-app__main-img {
  display: block;
  margin: 0 auto;
  margin-top: 6.66666vw;
  width: 32vw;
}
.uber-manabi {
  background-color: #E0FBFE;
  padding: 8vw 6.6667vw;
}
.uber-manabi__logo {
  display: block;
  width: 76vw;
  margin: 0 auto 2.1333vw;
}
.uber-manabi__img {
  display: block;
  width: 70.4vw;
  margin: 0 auto;
}
.uber-manabi__campaign {
  margin-top: 4vw;
}
.uber-manabi__campaign-txt {
  font-weight: bold;
  text-align: center;
  margin: 0;
}
.uber-manabi__campaign-txt-side {
  font-weight: 100;
  margin: 0 2vw;
}
.uber-manabi__campaign-txt-side--m {
  margin: 0;
}
.uber-manabi__campaign-btn {
  margin: 1.6vw 0 0;
  padding: 4.8vw 0;
  text-align: center;
  background-color: #0090E4;
  border-radius: 3px;
  color: #fff;
  font-weight: bold;
  position: relative;
}
.uber-manabi__campaign-btn::after {
  content: ">";
  position: absolute;
  bottom: 5vw;
  right: 5vw;
}
.uber-notes__list-note {
  font-size: 12px;
  color: #333333;
  position: relative;
  padding-left: 5vw;
}
.uber-notes__list-note::before {
  content: "※";
  position: absolute;
  left: 0;
}
.uber-notes--m30 {
  margin: 30px auto;
}