body {
  background-color: #EBB9B0;
  background-size: 100% auto;
}

.contents {
  padding: 56px 0 40px;
}

@media screen and (min-width: 767px) {
  .contents {
    padding: 13vw 0 0;
  }
}

@media screen and (min-width: 1200px) {
  .contents {
    padding: 156px 0 0;
  }
}

/* 
 .line
========================================================= */
section.line {
  padding: 0 calc(80/1921*100vw) 8vw;
  color: #7B7192;
  background-color: #fff;
}

@media screen and (min-width: 1200px) {
  section.line {
    padding: 0 49px 94px;
  }
}

section.line .contact-header .contact-header-heading {
  position: relative;
  top: -24px;
  margin-bottom: -32px;
}

@media screen and (min-width: 767px) {
  section.line .contact-header .contact-header-heading {
    top: -2.7vw;
    margin-bottom: -2.7vw;
  }
}

@media screen and (min-width: 1200px) {
  section.line .contact-header .contact-header-heading {
    top: -32px;
    margin-bottom: -32px;
  }
}

section.line .contact-header .contact-header-heading img {
  width: 96px;
}

@media screen and (min-width: 767px) {
  section.line .contact-header .contact-header-heading img {
    width: calc(195/1921*100vw);
  }
}

@media screen and (min-width: 1200px) {
  section.line .contact-header .contact-header-heading img {
    width: 122px;
  }
}

section.line .contact-header .text p {
  padding: 16px 0 0;
  font-size: 12px;
}

@media screen and (min-width: 767px) {
  section.line .contact-header .text p {
    padding: 1.5vw 0 0;
    font-size: calc(23/1921*100vw);
  }
}

@media screen and (min-width: 1200px) {
  section.line .contact-header .text p {
    padding: 18px 0 0;
    font-size: 14.3675px;
  }
}

section.line .stepBlock {
  padding: 16px 0 0;
}

@media screen and (min-width: 767px) {
  section.line .stepBlock {
    padding: 2.5vw 0 0;
  }
}

section.line .stepBlock .stepBlock-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 767px) {
  section.line .stepBlock .stepBlock-heading {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

section.line .stepBlock .stepBlock-heading .num {
  width: 60px;
  color: #E89A90;
  letter-spacing: .05em;
  font-weight: 500;
  font-size: 32px;
  line-height: 1;
}

@media screen and (min-width: 767px) {
  section.line .stepBlock .stepBlock-heading .num {
    width: 11%;
    font-size: calc(80/1921*100vw);
  }
}

@media screen and (min-width: 1200px) {
  section.line .stepBlock .stepBlock-heading .num {
    font-size: 49.974px;
  }
}

section.line .stepBlock .stepBlock-heading .text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 8px 0 0;
  letter-spacing: .05em;
  font-weight: 500;
  font-size: 19px;
}

@media screen and (min-width: 767px) {
  section.line .stepBlock .stepBlock-heading .text {
    padding: 0;
    font-size: calc(40/1921*100vw);
  }
}

@media screen and (min-width: 1200px) {
  section.line .stepBlock .stepBlock-heading .text {
    font-size: 24.987px;
  }
}

section.line .stepBlock .body {
  margin: 24px 0 0;
}

@media screen and (min-width: 767px) {
  section.line .stepBlock .body {
    margin: 3vw 0 0;
    padding-left: 11%;
  }
}

@media screen and (min-width: 1200px) {
  section.line .stepBlock .body {
    margin: 36px 0 0;
  }
}

@media screen and (min-width: 767px) {
  section.line .step1 .friend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

section.line .step1 .friend li {
  padding: 0 0 8px;
}

@media screen and (min-width: 767px) {
  section.line .step1 .friend li {
    width: 49%;
  }
}

section.line .step1 .friend .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  border: 1px solid #E89A90;
}

section.line .step1 .friend .textWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 16px 0;
}

@media screen and (min-width: 767px) {
  section.line .step1 .friend .textWrap {
    height: 9vw;
    padding: 0;
  }
}

@media screen and (min-width: 1200px) {
  section.line .step1 .friend .textWrap {
    height: 108px;
  }
}

section.line .step1 .friend .textWrap .heading {
  letter-spacing: -.05em;
  font-weight: 500;
  font-size: 22px;
}

@media screen and (min-width: 767px) {
  section.line .step1 .friend .textWrap .heading {
    font-size: calc(50/1921*100vw);
  }
}

@media screen and (min-width: 1200px) {
  section.line .step1 .friend .textWrap .heading {
    font-size: 31.2337px;
  }
}

section.line .step1 .friend .textWrap .text {
  text-align: center;
  font-size: 13px;
}

@media screen and (min-width: 767px) {
  section.line .step1 .friend .textWrap .text {
    font-size: calc(27/1921*100vw);
  }
}

@media screen and (min-width: 1200px) {
  section.line .step1 .friend .textWrap .text {
    font-size: 16.8662px;
  }
}

section.line .step1 .friend .btn,
section.line .step1 .friend .qr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 0 24px;
}

@media screen and (min-width: 767px) {
  section.line .step1 .friend .btn,
  section.line .step1 .friend .qr {
    padding: 0 0 8%;
  }
}

section.line .step1 .friend .btn img {
  width: 100px;
  padding: 32px 0;
}

@media screen and (min-width: 767px) {
  section.line .step1 .friend .btn img {
    width: calc(232/1921*100vw);
    padding: 0;
  }
}

@media screen and (min-width: 1200px) {
  section.line .step1 .friend .btn img {
    width: 145px;
  }
}

section.line .step1 .friend .qr img {
  width: 100px;
}

@media screen and (min-width: 767px) {
  section.line .step1 .friend .qr img {
    width: calc(185/1921*100vw);
  }
}

@media screen and (min-width: 1200px) {
  section.line .step1 .friend .qr img {
    width: 116px;
  }
}

section.line .step3 .body {
  padding-left: 60px;
  font-size: 12px;
  line-height: 1.8;
}

@media screen and (min-width: 767px) {
  section.line .step3 .body {
    padding-left: 11%;
    font-size: calc(26/1921*100vw);
  }
}

@media screen and (min-width: 1200px) {
  section.line .step3 .body {
    font-size: 16.2415px;
  }
}

section.line .step4 .kiyaku-text {
  height: 220px;
  padding: 8px;
  overflow: auto;
  font-size: 10px;
  background-color: #E9E9E9;
}

@media screen and (min-width: 767px) {
  section.line .step4 .kiyaku-text {
    height: calc(460/1921*100vw);
    padding: calc(32/1921*100vw);
    font-size: calc(18/1921*100vw);
  }
}

@media screen and (min-width: 1200px) {
  section.line .step4 .kiyaku-text {
    height: 247px;
    padding: 20px;
    font-size: 11.2441px;
  }
}
/*# sourceMappingURL=line.css.map */