img {
  width: 100%;
  display: block;
  margin: 0 auto;
}
a {
  color: black;
}
h1 {
  font-size: 2em;
  margin: 0;
}

/* 全体 */
.body__wrap {
  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: #FFF3EB;
}
.uber-top__img {
  width: 95%;
  display: block;
  margin: 0 auto;
  padding-top: 8vw;
}
.uber-top__txt {
  font-size: 4.3vw;
    margin: 5vw auto 0;
    padding-bottom: 6vw;
    text-align: center;
    line-height: 7vw;
}
img.mnbdl2 {
  margin: 0 auto;
  margin-top: 12vw;
  width: 240px;
}
.uber-main__ttl {
  text-align: center;
    font-size: 4.9vw;
    line-height: 7vw;
    margin-bottom: 29.66666vw;
    margin-top: 3vw;
}
.uber-main__ttl--big {
  font-size: 7.5vw;
    background: linear-gradient(transparent 70%, #FEF44C 0%);
    line-height: 24vw;
}
.uber-main__ttl-cont {
  display: flex;
    justify-content: center;
    align-items: center;
    margin:0;
    margin-left: 13vw;
    margin-right: 13vw;
    margin-bottom: 9vw;
}
.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: #FFF3EB;
  width: 84vw;
  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 {
  margin: 0 auto;
    text-align: center;
    letter-spacing: -0.05em;
    font-size: 4vw;
    line-height: 7vw;
}
.uber-cp {
  background-color: #F37F32;
  margin-top: 18.66666vw;
  padding: 6vw 8vw 11vw;
}
.uber-cp__ttl {
  text-align: center;
  font-size: 5vw;
  margin-bottom: 3.33333vw;
  margin-top: 6vw;
}
.uber-cp__main {
  margin-top: 11vw;
    background-color: #ffffff;
    border-radius: 5px;
    padding-left: 1vw;
    padding-right: 1vw;
}
.uber-cp__main-list {
  padding: 9vw 3vw;
}
.uber-cp__main-list-ttl {
  position: relative;
  padding-left: 5vw;
  font-weight: bold;
  font-size: 4.2vw;
}
.uber-cp__main-list-ttl::before {
  color: #FEF44C;
  content: "●";
  position: absolute;
  left: 0;
}
.uber-cp__main-list-txt {
  font-size: 3.5vw;
    margin-top: 2vw;
    margin-left: 1vw;
}
.uber-cp__main-list-txt--bold {
  letter-spacing: -0.13em;
}
.uber-cp__main-list-note {
  font-size: 3.3vw;
    color: #333333;
    position: relative;
    padding-left: 5vw;
}
.uber-cp__main-list-note::before {
  content: "※";
  position: absolute;
  left: 0;
}
.bg_or {
  background-color: #FFF3EB;
}
.uber-code {
  margin-top: -6vw;
  position: relative;
  display: none;
}
.uber-code::after {
  content: '';
  background-image: url(../img/try_sp.png);
  background-repeat: no-repeat;
  background-size: 10vw;
  width: 10vw;
  height: 10vw;
  margin: 0 auto;
  position: absolute;
  top: 141vw;
  right: 45vw;
}
.uber-code__ttl {
  text-align: center;
    font-size: 7.7vw;
    padding-top: 11vw;
    margin-bottom: 3vw;
}
.uber-code__cont {
  position: relative;
  background-color: white;
  width: 85vw;
  margin: 0vw auto 0;
  padding: 4.73333vw 0 2vw;
  border-radius: 5px;
  margin-bottom: 17vw;
  padding-left: 5vw;
  padding-right: 5vw;
  border: 1px solid #F37F32;
}
.uber-code__cont-img {
  position: absolute;
  width: 78.13333vw;
  top: -71.46666vw;
  left: 43%;
  transform: translateX(-50%);
}
.bnr3 {
  margin-top: -6vw !important;
}
.step_title {
  color: #F37F32;
    font-weight: 600;
    padding-left: 9vw;
    text-align: left;
    position: relative;
    font-size: 4vw;
}
.cont01 .step_title::before{
  content: '';
    background-image: url(../img/icon1.png);
    background-size: 30px;
    background-repeat: no-repeat;
    position: absolute;
    width: 50px;
    height: 50px;
    left: -4px;
}
.cont02 .step_title::before{
  content: '';
    background-image: url(../img/icon2.png);
    background-size: 30px;
    background-repeat: no-repeat;
    position: absolute;
    width: 50px;
    height: 50px;
    left: -4px;
}
.uber-code__cont-txt {
  margin-top: 4vw;
  margin: 0 auto;
    font-size: 3.8vw;
}
p.uber-code__cont-offer {
  color: #888888;
  font-size: 3vw;
  text-indent: -1em;
  margin-left: 4vw;
  margin-right: 1em;
  margin-top: 2vw;
}
.uber-code__cont-txt--note {
  font-size: 12px;
  color: #333;
  margin-top: 3vw;
}
.uber-notes {
  
  margin: auto 0;
    margin-left: 9vw;
    margin-right: 3vw;
    padding-top: 11vw;
}
.uber-notes__list-ttl {
  position: relative;
    text-align: center;
    color: #464646;
    margin-bottom: 3vw;
    font-weight: 600;
    font-size: 4.5vw;
    margin-left: -6vw;
}

.uber-notes__list-txt {
  position: relative;
  padding-left: 5vw;
  font-size: 4.3vw;
  line-height: 7.5vw;
  margin-right: 3vw;
}
.uber-notes__list-txt::before {
  content: "・";
  position: absolute;
  left: 0;
  color: #F37F32;
}
.uber-notes__list a {
  text-decoration: underline;
  color: #05CF7D;
}
.uber-app {
  margin-top: 50px;
  padding: 50px 30px 60px;
  background-color: #F37F32;
}
.uber-app .uber-app__link {
  color: #333;
  text-decoration: underline;
}
.uber-app__ttl {
  font-size: 25px;
  text-align: center;
  margin-bottom: 0;
}
.uber-app__subttl {
  margin: 0 0 2vw;
  text-align: right;
}
.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-notes__list-note {
  font-size: 3.2vw;
  color: #333333;
  position: relative;
  padding-left: 5.8vw;
}
.uber-notes__list-note::before {
  content: "※";
  position: absolute;
  left: 0;
}
.uber-notes--m30 {
  margin: 3vw;
  padding-bottom: 10vw;
  margin-top: 8vw;
  margin-left: 8vw;
  line-height: 6vw;
  margin-right: 8vw;
}
.ubr_logo {
  margin-left: 4vw;
  margin-right: 4vw;
}
.logotitle {
  text-align: center;
    margin-top: 7vw;
    font-weight: 600;
    font-size: 3.9vw;
}
.pt2 {
  padding-top: 3vw;
}
.tousen {
  text-align: center;
  margin-left: -4vw;
  font-size: 3.5vw;
  line-height: 3.4vw;
}
img.uber-code__oubo-img {
  margin-bottom: 5vw;
}
.sp_br{
  display: block;
}
.sp_none{
  display: none;
}
.pc_none{
  display: block;
}
.oubo_btn {
  text-align: center;
  background-color: #FFF324;
  padding-top: 6vw;
  padding-bottom: 4vw;
  font-size: 5.5vw;
  font-weight: 600;
  position: relative;
  display: block;
}
.oubo_btn.btn2 {
  margin-top: 6vw;
}
.oubo_btn::after {
  content: '';
  width: 1.5vw;
  height: 1.5vw;
  border-top: solid 2px #000000;
  border-right: solid 2px #000000;
  position: absolute;
  right: 4vw;
  top: 8vw;
  transform: rotate(45deg);
}
.oubobnr {
  margin: 0 auto;
  margin-top: 21vw;
  display: none;
}
p.oubotext {
  font-size: 4.1vw;
  text-align: center;
  margin-left: -3vw;
  margin-top: 4vw;
  line-height: 3vw;
}
img.mnbdl1 {
  width: 66vw;
}
.oubobnr_btn {
  text-align: center;
  margin: 0 auto;
  background-color: #FFF324;
  padding-top: 5vw;
  padding-bottom: 4vw;
  color: black;
  font-size: 5.3vw;
  font-weight: 600;
  position: relative;
  width: 84vw;
  margin-top: 7vw;
}
.oubobnr_btn::after {
  content: '';
  width: 1.5vw;
  height: 1.5vw;
  border-top: solid 2px #000000;
  border-right: solid 2px #000000;
  position: absolute;
  right: 5vw;
  top: 7vw;
  transform: rotate(45deg);
}