/* 契約セクション */

.section-sousa {
  background-image: url(/wp-content/themes/swell_child/image/LINE_LP/step_background-whiteCover.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 898px;
  display: flex;
  justify-content: center;
  margin-bottom: 100px;
}

.section-sousa02 img {
  width: -webkit-fill-available;
  max-width: 100%;
}

.section-sousa02-sp img {
  width: -webkit-fill-available;
  max-width: 100%;
}

/* スマホ画像 */
.section-sousa__linetalk {
  height: 72%;
  position: relative;
  top: 10%;
  margin-right: 138px;
}

/* 右側エリア  */
 .section-sousa__procedure { 
  display: flex;
  position: relative;
  top: 10%;
}

/* .section-sousa__number {

} */

/* 番号 */
.section-sousa__number-box {
  width: 66px;
  height: 66px;
  border-radius: 100px;
  border: 3px solid #000;
  background-color: #F9E71E;
  position: relative;
  font-size: 23px;
  font-weight: 600;
}

.section-sousa__number-box > p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.section-sousa_line {
  width: 5px;
  margin: 2px auto 4px;
  height: 78px;
  background-color: #333;
}

.section-sousa_line.section-sousa_line-001 {
  height: 6.5%;
}

.section-sousa_line.section-sousa_line-002 {
  height: 9.9%;
}

.section-sousa_line.section-sousa_line-003 {
  height: 6.5%;
}

.section-sousa_line.section-sousa_line-004 {
  height: 9.3%;
}

/* テキスト */
.section-sousa__content {
  padding-top: 23px;
  position: relative;
  left: 8%;
}

.section-sousa__box {
  margin-bottom: 14.5%;
}

.section-sousa__box > h3 {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 3px;
}

.section-sousa__box > p {
  letter-spacing: 2px;
  margin-top: 6.8%;
  line-height: 1.7;
}

@media (max-width: 1390px) {
  .section-sousa__procedure .section-sousa__number > img {
    width: 52px;
}
}

.section-sousa__number-box {
  width: 56px;
  height: 56px;
  border-radius: 100px;
  border: 3px solid #000;
  background-color: #F9E71E;
  position: relative;
  font-size: 23px;
  font-weight: 600;
}

.section-sousa__procedure .section-sousa__content .section-sousa__box {
  margin-bottom: 11%;
}

.section-sousa_line.section-sousa_line-004 {
  height: 9.9%;
}

@media (max-width: 990px) {
  body .section-sousa {
    background-size: cover;
    height: 69.5vw;
}
}



/* SPサイズ */

.section-sousa-sp {
  background-image: url(/wp-content/themes/swell_child/image/LINE_LP/step_background-whiteCover.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 1619px;
}

.section-sousa__procedure.section-sousa__procedure-sp {
  justify-content: center;
  position: static;
  padding-top: 100px;
  padding-left: 15px;
  padding-right: 15px;
}

/* 番号セクション */
.section-sousa__number-box-sp {
  width: 66px;
  height: 66px;
  border-radius: 100px;
  border: 3px solid #000;
  background-color: #F9E71E;
  position: relative;
  font-size: 23px;
  font-weight: 600;
}

.section-sousa__number-box-sp > p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* コンテント */
.section-sousa__content.section-sousa__content-sp {
  position: static;
  margin-left: 4%;
}

.section-sousa__content div.section-sousa__box.section-sousa__box-sp {
  margin-bottom: 15%;
}

.section-sousa__box.section-sousa__box-sp > h3 {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 3px;
}

.section-sousa__box.section-sousa__box-sp > p {
  letter-spacing: 2px;
  margin-top: 6.8%;
  line-height: 1.7;
  font-size: unset;
}

/* ライン */
.section-sousa_line.section-sousa_line-001.section-sousa_line-001-sp {
  height: 53px;
}

.section-sousa_line.section-sousa_line-002.section-sousa_line-002-sp {
  height: 78px;
}

.section-sousa_line.section-sousa_line-003.section-sousa_line-003-sp {
  height: 54px;
}

.section-sousa_line.section-sousa_line-004.section-sousa_line-004-sp {
  height: 76px;
}

/* スマホ画像 */
.section-sousa__linetalk-sp {
  display: block;
  width: 40%;
  height: auto;
  margin: 0 auto;
  position: static;
}

@media (max-width: 720px) {
  .section-sousa-sp {
    height: 250vw;
  }
}

@media (max-width: 599px) {
  .body-inner .section-sousa-sp {
    height: 1450px;
  }
}

@media (max-width: 480px) {
 body .body-inner .section-sousa-sp {
    height: 1307px;
}

  .section-sousa__content {
    padding-top: 16px;
    position: relative;
    left: 8%;
}

 .section-sousa__procedure-sp .section-sousa__number.section-sousa__number-sp > img {
    width: 56px;
}

  .section-sousa__content-sp .section-sousa__box.section-sousa__box-sp > h3 {
    font-size: 20px;
    letter-spacing: 1px;
}

.section-sousa__content-sp .section-sousa__box.section-sousa__box-sp > p {
  letter-spacing: 1px;
  margin-top: 25px;
  line-height: 1.7;
  font-size: unset;
  font-size: 14px;
}
.section-sousa__content-sp div.section-sousa__box.section-sousa__box-sp {
  margin-bottom: 48px;
}

.section-sousa__number-box-sp {
  width: 56px;
  height: 56px;
  border-radius: 100px;
  border: 3px solid #000;
  background-color: #F9E71E;
  position: relative;
  font-size: 23px;
  font-weight: 600;
}
}

@media (max-width: 450px) {
  body .body-inner .section-sousa-sp {
    height: 1185px;
  }
}

@media (max-width: 430px) {
  .section-sousa__content-sp .section-sousa__box.section-sousa__box-sp {
    margin-bottom: 16%;
}
}

@media (max-width: 409px) {
  .section-sousa_line.section-sousa_line-003.section-sousa_line-003-sp {
    height: 53px;
}

.section-sousa_line.section-sousa_line-004.section-sousa_line-004-sp {
  height: 77px;
}
}

@media (max-width: 399px) {
  html body .body-inner .section-sousa-sp {
    height: 1208px;
  }

  .section-sousa__number-sp .section-sousa_line.section-sousa_line-001.section-sousa_line-001-sp {
    height: 7%;
}

.section-sousa__number-sp .section-sousa_line.section-sousa_line-002.section-sousa_line-002-sp {
  height: 14%;
}

.section-sousa__number-sp .section-sousa_line.section-sousa_line-003.section-sousa_line-003-sp {
  height: 10.5%;
}

.section-sousa__number-sp .section-sousa_line.section-sousa_line-004.section-sousa_line-004-sp {
  height: 10%;
}
}

@media (max-width: 390px) {
  .section-sousa__procedure-sp .section-sousa__number-sp .section-sousa_line.section-sousa_line-001.section-sousa_line-001-sp {
    height: 9%;
}
}

@media (max-width: 385px) {
 .section-sousa__procedure-sp .section-sousa__number-sp .section-sousa_line.section-sousa_line-002.section-sousa_line-002-sp {
    height: 12.5%;
}

.body-inner .section-sousa-sp .section-sousa__content div.section-sousa__box.section-sousa__box-sp {
  margin-bottom: 13%;
}
}

@media (max-width: 380px) {
  .section-sousa__procedure-sp .section-sousa__number-sp .section-sousa_line.section-sousa_line-004.section-sousa_line-004-sp {
    height: 9%;
}

body .body-inner .section-sousa-sp .section-sousa__content div.section-sousa__box.section-sousa__box-sp {
  margin-bottom: 14%;
}
}

@media (max-width: 357px) {
  .body-inner .section-sousa__number-sp .section-sousa_line.section-sousa_line-003.section-sousa_line-003-sp {
    height: 63px;
}

.body-inner .section-sousa__procedure-sp .section-sousa__number-sp .section-sousa_line.section-sousa_line-004.section-sousa_line-004-sp {
  height: 86px;
}
}







/* PCからSP切り替え */

.section-sousa-sp {
  display: none;
}

@media(max-width: 950px) {
  body .section-sousa {
    display: none;
  }

  body .section-sousa-sp {
    display: block;
  }
}

.section-sousa02-sp {
  display: none;
}

@media(max-width: 950px) {
  body .section-sousa02 {
    display: none;
  }

  body .section-sousa02-sp {
    display: block;
  }
}