@charset "utf-8";

.lp-qa {
  padding-top: 82px;
  padding-bottom: 120px;
  text-align: center;
}
@media screen and (min-width:751px) and ( max-width:1280px) {
  .lp-qa {
    padding-top: 6.41vw;
    padding-bottom: 9.38vw;
  }
}
@media screen and ( max-width:750px) {
  .lp-qa {
    padding-top: 60px;
    padding-top: 16vw;
    /* padding-bottom: 103px; */
    padding-bottom: 48px;
    padding-bottom: 12.8vw;
  }
}

.lp-qa .lp-subtitle {
  margin-bottom: 34px;
}
@media screen and (min-width:751px) and ( max-width:1280px) {
  .lp-qa .lp-subtitle {
    margin-bottom: 2.66vw;
  }
}
@media screen and ( max-width:750px) {
  .lp-qa .lp-subtitle {
    margin-bottom: 21px;
    margin-bottom: 5.6vw;
  }
}


.lp-qa p{
  font-size: 16.37px;
  font-weight: 500;
  line-height: 1.73;
  vertical-align: top;
}
@media screen and (min-width:751px) and ( max-width:1280px) {
  .lp-qa p{
    font-size: 1.28vw;
  }
}
@media screen and ( max-width:750px) {
  .lp-qa p{
    font-size: 15px;
    font-size: 4vw;
  }
}
.lp-qa .lp-subtitle+p {
  margin-bottom: 41px;
}
@media screen and (min-width:751px) and ( max-width:1280px) {
  .lp-qa .lp-subtitle+p {
    margin-bottom: 3.2vw;
  }
}
@media screen and ( max-width:750px) {
  .lp-qa .lp-subtitle+p {
    margin-bottom: 12px;
    margin-bottom: 3.2vw;
  }
}

.lp-qa p::first-line{
  vertical-align: top;
}

.lp-problem {
  display: block;
  margin-bottom: 42px;
}
@media screen and (min-width:751px) and ( max-width:1280px) {
  .lp-problem {
    margin-bottom: 3.28vw;
  }
}
@media screen and ( max-width:750px) {
  .lp-problem {
    margin-bottom: 25px;
    margin-bottom: 6.67vw;
  }
}

.lp-problem>li {
  display: inline-block;
  margin-right: 126px;
  width: 300px;
  vertical-align: top;
}
@media screen and (min-width:751px) and ( max-width:1280px) {
  .lp-problem>li {
    margin-right: 9.84vw;
    width: 23.44vw;
  }
}
@media screen and ( max-width:750px) {
  .lp-problem>li {
    display: block;
    margin: 0 auto;
    width: 318px;
    width: 84.8vw;
    margin-bottom: 7px;
    margin-bottom: 1.87vw;
  }
}
.lp-problem>li:last-child {
  margin-right: 0;
}
@media screen and ( max-width:750px) {
  .lp-problem>li:last-child {
    margin-right: auto;
  }
}
.lp-problem>li>img {
  width: 100%;
}

.lp-problem+p {
  margin-bottom: 57px;
}
@media screen and (min-width:751px) and ( max-width:1280px) {
  .lp-problem+p {
    margin-bottom: 4.45vw;
  }
}
@media screen and ( max-width:750px) {
  .lp-problem+p {
    margin-bottom: 50px;
    margin-bottom: 13.33vw;
  }
}

.lp-answer {
  display: block;
}
.lp-answer>li {
  display: inline-block;
  margin-right: 126px;
  width: 300px;
  vertical-align: top;
}
@media screen and (min-width:751px) and ( max-width:1280px) {
  .lp-answer>li {
    margin-right: 9.84vw;
    width: 23.44vw;
  }
}
@media screen and ( max-width:750px) {
  .lp-answer>li {
    display: block;
    margin-right: 0;
    width: 100%;
    margin-bottom: 55px;
    margin-bottom: 14.67vw;
  }
}
.lp-answer>li:last-child {
  margin-right: 0;
}

.lp-answer .ico {
  width: 75px;
  margin: 0 auto;
}
@media screen and (min-width:751px) and ( max-width:1280px) {
  .lp-answer .ico {
    width: 5.86vw;
  }
}
@media screen and ( max-width:750px) {
  .lp-answer .ico {
    width: 76px;
    width: 20.27vw;
  }
}
.lp-answer .ico>img {
  width: 100%;
}
.lp-answer .message {
  font-size: 18.64px;
  font-weight: 500;
  line-height: 1.47;
  position: relative;
  margin-bottom: 16px;
}
@media screen and (min-width:751px) and ( max-width:1280px) {
  .lp-answer .message {
    font-size: 1.46vw;
    margin-bottom: 1.25vw;
  }
}
@media screen and ( max-width:750px) {
  .lp-answer .message {
    font-size: 20px;
    font-size: 5.33vw;
    margin-bottom: 7px;
    margin-bottom: 1.87vw;
  }
}
.lp-answer .message::before {
  content: '';
  display: block;
  background-image: url('../images/leftpackable.png');
  background-size: cover;
  position: absolute;
  top: 15px;
  left: 20px;
  width: 20px;
  height: 30px;
}
@media screen and (min-width:751px) and ( max-width:1280px) {
  .lp-answer .message::before {
    top: 1.17vw;
    left: 1.56vw;
    width: 1.56vw;
    height: 2.34vw;
  }
}
@media screen and ( max-width:750px) {
  .lp-answer .message::before {
    top: 18px;
    top: 4.8vw;
    left: 46px;
    left: 12.27vw;
    width: 20px;
    width: 5.33vw;
    height: 30px;
    height: 8vw;
  }
}
.lp-answer .message::after {
  content: '';
  display: block;
  background-image: url('../images/rightpackable.png');
  background-size: cover;
  position: absolute;
  top: 15px;
  right: 20px;
  width: 20px;
  height: 30px;
}
@media screen and (min-width:751px) and ( max-width:1280px) {
  .lp-answer .message::after {
    top: 1.17vw;
    right: 1.56vw;
    width: 1.56vw;
    height: 2.34vw;
  }
}
@media screen and ( max-width:750px) {
  .lp-answer .message::after {
    top: 18px;
    top: 4.8vw;
    right: 46px;
    right: 12.27vw;
    width: 20px;
    width: 5.33vw;
    height: 30px;
    height: 8vw;
  }
}
.lp-answer .image {
  width: 234px;
  height: 234px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  margin: 0 auto;
  margin-bottom: 12px;
}
@media screen and (min-width:751px) and ( max-width:1280px) {
  .lp-answer .image {
    width: 18.28vw;
    height: 18.28vw;
    margin-bottom: .94vw;
  }
}
@media screen and ( max-width:750px) {
  .lp-answer .image {
    width: 250px;
    width: 66.67vw;
    height: 250px;
    height: 66.67vw;
    margin-bottom: 7px;
    margin-bottom: 1.87vw;
  }
}
.lp-answer .image>img {
  width: 100%;
}
.lp-qa .lp-answer p {
  margin: 0 auto;
  width: 292px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.86;
  text-align: left;
  text-justify: inter-ideograph;
  text-align: justify;
}
@media screen and (min-width:751px) and ( max-width:1280px) {
  .lp-qa .lp-answer p {
    width: 22.81vw;
    font-size: 1.09vw;
  }
}
@media screen and ( max-width:750px) {
  .lp-qa .lp-answer p {
    width: 313px;
    width: 83.47vw;
    font-size: 15px;
    font-size: 4vw;
  }
}