#renewal_body {
  max-width: 1000px;
}

.onlinedate {
  width: 100%;
  min-width: 320px;
  height: auto;
  background-color: #f2f9fb;
}

.onlinedate a {
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  text-align: left;
  color: #384355;
}

.onlinedate img {
  vertical-align: top;
}

.onlinedate-header img {
  width: 100%;
}

.onlinedate-futter img {
  width: 100%;
  margin: 32px 0;
}

.onlinedate-futter-text a {
  display: block;
  text-align: center;
}

.onlinedate-futter-btn {
  position: fixed;
  padding: 13px 2.5% 40px !important;
  width: 100%;
  max-width: 1000px;
  height: 70px;
  bottom: 0;
  background-color: #fff;
  z-index: 1;
}

.btn-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
     -moz-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  padding: 20px 0 0;
}

.btn-area a {
  height: 44px;
  font-weight: 600;
  line-height: 3.2;
  text-align: center;
  color: #fff;
  background-color: #83c6d4;
  -webkit-border-radius: 2em;
     -moz-border-radius: 2em;
          border-radius: 2em;
}

.btn-area a:hover {
  background-color: rgba(131, 198, 212, 0.8);
}

.btn-area .btn1 {
  width: 86%;
}

.btn-area .btn2 {
  width: 40%;
}

.btn-area .btn3 {
  width: 86%;
  margin: 0 0 40px;
}

.onlinedate-container {
  margin: 0 3% 30px;
}

.onlinedate-container img {
  width: 100%;
}

.onlinedate-container-reduis1 {
  height: auto;
  background-color: #fff;
  -webkit-border-radius: 0 0 2.67vw 2.67vw;
     -moz-border-radius: 0 0 2.67vw 2.67vw;
          border-radius: 0 0 2.67vw 2.67vw;
}

.onlinedate-container-reduis2 {
  height: auto;
  background-color: #fff;
  -webkit-border-radius: 2.67vw;
     -moz-border-radius: 2.67vw;
          border-radius: 2.67vw;
}

.onlinedate-container .image1 {
  padding: 20px 1% 0;
}

.onlinedate-container .image2 {
  padding: 50px 6% 30px;
}

.onlinedate-container .image3 {
  padding: 20px 5% 0;
}

.onlinedate-container .image4 {
  padding: 40px 5% 0;
}

.onlinedate-container .image5 {
  padding: 20px 7% 0;
}

.onlinedate-container .image6 {
  padding: 20px 6% 40.2px;
}

.onlinedate-container .image7 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  padding: 30px 4px 0;
}

.onlinedate-container .image7 img {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  width: 50% !important;
}

.onlinedate-container .image8 {
  padding: 20px 0 20px 6%;
}

.onlinedate-container .image8 img {
  width: 27% !important;
  height: auto;
}

.onlinedate-container .image8 a {
  display: inline-block;
  padding: 13.5% 0 0 16px;
}

.onlinedate-container .image8 li:nth-child(2) {
  padding: 16px 0;
}

.onlinedate-container .external {
  width: 20px;
  margin: 11px 0 0 8px;
}

.onlinedate-container .text1 {
  padding: 20px 7% 0;
}

.onlinedate-container .text2 {
  padding: 30px 7% 0;
}

.onlinedate-container .text3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  margin: -2vw 0 0;
}

.onlinedate-container .text3 a {
  line-height: 1.29;
  text-align: center;
}

/*# sourceMappingURL=onlinedate.css.map */