@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

* {
  box-sizing: border-box;
}

.red {
  color: #d80000;
}

.text-emp {
  color: #f00;
  background-color: #ff0;
}

.under-line {
  border-bottom: solid 2px yellow;
}

.icn-yen {
  background-image: url(../img/lp_1/common/ico_yen.png);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left 0;
}


@media screen and (max-width: 680px) {
  body {
    font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
    min-width: 320px;
    background-color: #fff;
    font-size: 12px;
  }

  .header {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 91%;
    background-image: url(../img/lp_1/sp/img_maiin_visual.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
  }
  .header.type-e {
    background-color: #fcebf3;
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 91%;
    background-image: url(../img/lp_1/sp/img_main_visual_e.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    padding-top: 100%;
    background-size: 90% auto;
    background-position: center bottom;
  }
  .header__inner {
    width: 100%;
  }

  .header__logo {
    position: absolute;
    top: 10px;
    left: 10px;
    display: block;
    width: 20%;
    height: 0;
    padding-top: 15%;
    background-image: url(../img/lp_1/sp/img_logo.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
  }

  .header__main-badge {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 20%;
    height: 0;
    padding-top: 18%;
    background-image: url(../img/lp_1/sp/img_badge.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
  }
  .header__main-badge.type-e {
    display: block;
    width: 70%;
    height: 0;
    padding-top: 21%;
    background-image: url(../img/lp_1/sp/img_badge_e.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
  }

  .header__main-text {
    position: absolute;
    top: 33%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 90%;
    height: 0;
    padding-top: 57%;
    background-image: url(../img/lp_1/sp/txt_main.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
  }
  .header__main-text.type-e {
    background-image: none;
  }

  .contents__btn-section {
    background-color: #a3d900;
    padding: 10px;
  }

  .contents__btn-section-inner {
    width: 100%;
  }

  .contents__btn-wrapper {
    max-width: 600px;
    margin: 0 auto 10px;
  }

  .contents__balloon-present {
    margin: 0 auto;
    display: block;
    width: 90%;
    height: 0;
    padding-top: 33%;
    background-image: url(../img/lp_1/sp/img_tips_book_present.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
  }

  .contents__fav-section {
    background-color: #00a242;
    color: #fff;
    text-align: center;
    font-weight: bolder;
    display: none;
    padding: 15px 0;
    line-height: 2.0;
  }
  .contents__fav-section .m_btn-add-fav {
    display: inline-block;
    margin-left: 10px;
  }

  .contents__example-inner {
    width: 100%;
    padding: 0 10px 20px;
  }
  .contents__example-inner .case1, .contents__example-inner .case2, .contents__example-inner .case3 {
    zoom: 1;
    margin-bottom: 20px;
  }
  .contents__example-inner .case1:before, .contents__example-inner .case1:after, .contents__example-inner .case2:before, .contents__example-inner .case2:after, .contents__example-inner .case3:before, .contents__example-inner .case3:after {
    content: "";
    display: table;
  }
  .contents__example-inner .case1:after, .contents__example-inner .case2:after, .contents__example-inner .case3:after {
    clear: both;
  }

  .contents__example-silhouette {
    float: left;
  }
  .contents__example-silhouette.type-a {
    display: block;
    width: 15%;
    height: 0;
    padding-top: 33%;
    background-image: url(../img/lp_1/sp/img_silhouette_a.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
  }
  .contents__example-silhouette.type-b {
    display: block;
    width: 15%;
    height: 0;
    padding-top: 33%;
    background-image: url(../img/lp_1/sp/img_silhouette_b.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
  }
  .contents__example-silhouette.type-c {
    display: block;
    width: 15%;
    height: 0;
    padding-top: 33%;
    background-image: url(../img/lp_1/sp/img_silhouette_c.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
  }

  .contents__example-contents {
    float: right;
    width: 80%;
  }

  .contents__example-balloon {
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    border: solid 2px #ccc;
    padding: 15px;
    line-height: 1.3;
    margin-bottom: 25px;
  }
  .contents__example-balloon h4 {
    font-weight: bolder;
    font-size: 16px;
    margin-bottom: 10px;
  }
  .contents__example-balloon:before {
    display: block;
    content: '';
    position: absolute;
    top: 10%;
    left: -16px;
    display: block;
    width: 16px;
    height: 0;
    padding-top: 13px;
    background-image: url(../img/lp_1/common/baloon_tip_left.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
  }
  .contents__example-balloon:after {
    display: block;
    content: '';
    position: absolute;
    bottom: -19px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 32px;
    height: 0;
    padding-top: 19px;
    background-image: url(../img/lp_1/common/img_vector_bottom.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
  }

  .contents__example-head {
    text-align: center;
    border-radius: 5px;
    background-color: #f0f0f0;
    display: block;
    border: solid 2px #e0e0e0;
    padding: 5px;
    font-size: 13px;
    margin-bottom: 10px;
  }

  .contents__experience {
    background-color: #f3f4ec;
    position: relative;
    margin-top: -20px;
    margin-bottom: 20px;
    line-height: 1.2;
  }
  .contents__experience:after {
    width: 0;
    bottom: -10px;
    border: solid 10px transparent;
    display: block;
    content: '';
    height: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    border-top-color: #f3f4ec;
    border-bottom: none;
    z-index: 10;
  }

  .contents__experience-inner {
    padding: 25px 10px 20px;
  }

  .contents__img-tel-rush {
    max-width: 240px;
    display: block;
    width: 40%;
    height: 0;
    padding-top: 40%;
    background-image: url(../img/lp_1/sp/img_tel_rush.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    margin: 0 auto 20px;
  }

  .contents__estimate-example-list dt {
    color: #00ad4d;
    font-weight: bolder;
    font-size: 14px;
    margin-bottom: 10px;
  }
  .contents__estimate-example-list dd {
    margin-bottom: 15px;
  }

  .contents__solution {
    padding: 0 10px 20px;
  }

  .contents__solution-caption {
    background-color: #00b2b2;
    line-height: 1.3;
    color: #fff;
    font-weight: bolder;
    padding: 10px 30px;
    border-radius: 35px;
    font-size: 18px;
  }

  .contents__solution-catch {
    color: #00ad4d;
    line-height: 1.3;
    font-weight: bolder;
    font-size: 18px;
    margin-top: -10px;
    padding: 10% 20px;
    background-image: url(../img/lp_1/sp/img_operator.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: auto 100%;
  }

  .catch-inner {
    width: 64%;
  }

  .contents__solution-text {
    white-space: pre-line;
    padding: 10px 20px;
    line-height: 1.3;
    margin-bottom: 20px;
  }

  .contents__user-feedback {
    background-color: #f3f4ec;
    margin-top: -20px;
    padding: 20px 10px;
  }

  .contents__user-feedback-inner {
    padding: 0 10px;
  }

  .contents__user-feedback-list li {
    margin-bottom: 20px;
  }
  .contents__user-feedback-list .name {
    color: #ff4738;
    text-align: center;
    line-height: 1.3;
    font-weight: bolder;
    margin: 0 auto 10px;
  }
  .contents__user-feedback-list .image {
    margin: 0 auto 15px;
  }
  .contents__user-feedback-list .image.type-1 {
    display: block;
    width: 200px;
    height: 0;
    padding-top: 200px;
    background-image: url(../img/lp_1/sp/img_user_1.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
  }
  .contents__user-feedback-list .image.type-2 {
    display: block;
    width: 200px;
    height: 0;
    padding-top: 200px;
    background-image: url(../img/lp_1/sp/img_user_2.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
  }
  .contents__user-feedback-list .image.type-3 {
    display: block;
    width: 200px;
    height: 0;
    padding-top: 200px;
    background-image: url(../img/lp_1/sp/img_user_3.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
  }
  .contents__user-feedback-list .image.type-4 {
    display: block;
    width: 200px;
    height: 0;
    padding-top: 200px;
    background-image: url(../img/lp_1/sp/img_user_4.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
  }
  .contents__user-feedback-list .balloon {
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    border: solid 2px #ccc;
    padding: 15px;
    line-height: 1.3;
    margin-bottom: 25px;
  }
  .contents__user-feedback-list .balloon:before {
    width: 0;
    top: -12px;
    border: solid 12px transparent;
    display: block;
    content: '';
    height: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    border-bottom-color: #ccc;
    border-top: none;
    z-index: 8;
  }
  .contents__user-feedback-list .balloon:after {
    width: 0;
    top: -10px;
    border: solid 10px transparent;
    display: block;
    content: '';
    height: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    border-bottom-color: #fff;
    border-top: none;
    z-index: 9;
  }

  .contents__service-flow {
    padding: 0 10px 20px;
  }

  .contents__service-flow-inner {
    padding: 0 10px;
  }
  .contents__service-flow-inner .service-flow-list li {
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    border: solid 2px #ccc;
    padding: 15px;
    line-height: 1.3;
    margin-bottom: 25px;
  }
  .contents__service-flow-inner .service-flow-list li:after {
    display: block;
    content: '';
    position: absolute;
    bottom: -21px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 28px;
    height: 0;
    padding-top: 21px;
    background-image: url(../img/lp_1/common/balloon_vector_bottom.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
  }
  .contents__service-flow-inner .service-flow-caption {
    background-color: #a9e700;
    font-weight: bolder;
    text-align: center;
    border-radius: 15px;
    padding: 5px 20px;
    margin: 0 auto 10px;
    width: 100px;
  }
  .contents__service-flow-inner .service-flow-action {
    color: #00ac51;
    text-align: center;
    font-weight: bolder;
    font-size: 15px;
    margin-bottom: 10px;
  }
  .contents__service-flow-inner .service-last-step {
    background-color: #fff;
    border-radius: 10px;
    border: solid 2px #ccc;
    padding: 15px;
    line-height: 1.3;
    margin-bottom: 25px;
  }
.contents__service-flow h4.sub_title{
  font-size: 16px;
  color: #00ac51;
  margin-top: 40px;
  margin-bottom: 5px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 10px;
  text-align: center;
}
  .contents__compare-estimate {
    background-color: #f3f4ec;
    padding: 0 10px 20px;
  }

  .contents__compare-estimate-inner {
    margin-top: -20px;
    padding: 20px 10px 0;
  }
  .contents__compare-estimate-inner .compare-section-1 {
    margin-bottom: 20px;
  }
  .contents__compare-estimate-inner .compare-section-2 {
    margin-bottom: 20px;
  }
  .contents__compare-estimate-inner .compare-image {
    max-width: 470px;
    margin: 0 auto 10px;
  }
  .contents__compare-estimate-inner .compare-image.completed {
    display: block;
    width: 80%;
    height: 0;
    padding-top: 54%;
    background-image: url(../img/lp_1/sp/img_estimate_1.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
  }
  .contents__compare-estimate-inner .compare-image.understand {
    display: block;
    width: 80%;
    height: 0;
    padding-top: 54%;
    background-image: url(../img/lp_1/sp/img_estimate_2.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
  }
  .contents__compare-estimate-inner .compare-contents {
    padding: 0 15px;
  }
  .contents__compare-estimate-inner .compare-contents h4 {
    color: #00ac51;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bolder;
  }
  .contents__compare-estimate-inner .compare-contents p {
    line-height: 1.3;
  }

  .contents__faq {
    padding: 0 10px 20px;
  }

  .contents__faq-inner {
    margin-top: -20px;
    padding: 20px 10px 0;
  }
  .contents__faq-inner .faq-list li {
    background-color: #fff;
    border-radius: 10px;
    border: solid 2px #ccc;
    line-height: 1.3;
    margin-bottom: 25px;
  }
  .contents__faq-inner .faq-list li .caption {
    position: relative;
    background-color: #e0e0d9;
    font-weight: bolder;
    background-image: url(../img/lp_1/common/icn_q.png);
    background-repeat: no-repeat;
    background-position: 15px center;
    background-size: 26px 28px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 20px 10px;
  }
  .contents__faq-inner .faq-list li .caption h4 {
    padding-left: 35px;
  }
  .contents__faq-inner .faq-list li .caption:after {
    width: 0;
    bottom: -10px;
    border: solid 10px transparent;
    display: block;
    content: '';
    height: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    border-top-color: #e0e0d9;
    border-bottom: none;
    z-index: 10;
  }
  .contents__faq-inner .faq-list li p {
    background-image: url(../img/lp_1/common/icn_a.png);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-top: 40px;
    background-position: 15px 10px;
  }
  .contents__faq-inner .effort-safety {
    background-color: #05a03b;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    color: #fff;
    border-radius: 10px;
    padding: 15px;
    background-image: url(../img/lp_1/sp/bg_lady.png);
  }
  .contents__faq-inner .effort-safety h5 {
    margin-bottom: 20px;
    line-height: 1.3;
    font-weight: bolder;
    font-size: 16px;
  }
  .contents__faq-inner .effort-safety p {
    line-height: 1.5;
  }

  .contents__promise {
    background-color: #f3f4ec;
    padding: 0 10px 20px;
  }

  .contents__promise-inner {
    max-width: 600px;
    margin: 0 auto;
    margin-top: -20px;
    padding: 60px 10px 0;
  }
  .contents__promise-inner .promise-list li {
    position: relative;
    background-color: #00a035;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    width: 80%;
    height: 0;
    padding-top: 80%;
    margin: 0 auto;
    margin-bottom: 40px;
  }
  .contents__promise-inner .promise-list li .promise-contents {
    position: absolute;
    top: -20px;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
  }
  .contents__promise-inner .promise-list li .promise-caption {
    margin: 0 auto 3%;
  }
  .contents__promise-inner .promise-list li .promise-caption.type-1 {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 42%;
    background-image: url(../img/lp_1/sp/caption_promise_1.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    max-width: 420px;
  }
  .contents__promise-inner .promise-list li .promise-caption.type-1 + p {
    display: block;
    width: 60%;
    height: 0;
    padding-top: 44%;
    background-image: url(../img/lp_1/sp/txt_promise_1.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    max-width: 284px;
  }
  .contents__promise-inner .promise-list li .promise-caption.type-2 {
    display: block;
    width: 62%;
    height: 0;
    padding-top: 39%;
    background-image: url(../img/lp_1/sp/caption_promise_2.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    max-width: 258px;
  }
  .contents__promise-inner .promise-list li .promise-caption.type-2 + p {
    display: block;
    width: 66%;
    height: 0;
    padding-top: 45%;
    background-image: url(../img/lp_1/sp/txt_promise_2.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    max-width: 307px;
  }
  .contents__promise-inner .promise-list li .promise-caption.type-3 {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 41%;
    background-image: url(../img/lp_1/sp/caption_promise_3.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    max-width: 420px;
  }
  .contents__promise-inner .promise-list li .promise-caption.type-3 + p {
    display: block;
    width: 80%;
    height: 0;
    padding-top: 50%;
    background-image: url(../img/lp_1/sp/txt_promise_3.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    max-width: 382px;
  }
  .contents__promise-inner .promise-list li p {
    margin: 0 auto;
  }

  .contents__form-area {
    max-width: 600px;
    margin: 0 auto;
    margin-top: -20px;
    padding: 20px 10px;
  }
  .contents__form-area h4 {
    color: #00ac51;
    text-align: center;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bolder;
  }
  .contents__form-area .else {
    text-align: center;
    margin: 20px 0;
  }
  .contents__form-area .form-wrapper {
    width: 100%;
    max-width: 608px;
    display: table;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 5px;
    margin: 0 auto;
    padding: 10px 0 8px;
    border-top: solid 1px #ccc;
  }
  .contents__form-area .form-wrapper dt {
    zoom: 1;
    display: table-cell;
    width: 50%;
    font-weight: bolder;
    vertical-align: middle;
  }
  .contents__form-area .form-wrapper dt:before, .contents__form-area .form-wrapper dt:after {
    content: "";
    display: table;
  }
  .contents__form-area .form-wrapper dt:after {
    clear: both;
  }
  .contents__form-area .form-wrapper dt label {
    float: left;
  }
  .contents__form-area .form-wrapper dt p {
    float: right;
  }
  .contents__form-area .form-wrapper dd {
    display: table-cell;
    width: 50%;
  }
  .contents__form-area .form-wrapper dd input {
    width: 100%;
    background: #eee;
    border: none;
    font-size: 14px;
    padding: 0 10px;
    height: 35px;
    line-height: 35px;
    width: 100%;
    border-radius: 0;
  }
  .contents__form-area .form-wrapper:last-of-type {
    border-bottom: solid 1px #ccc;
    margin-bottom: 10px;
  }
  .contents__form-area .line3 a {
    color: #00a84d;
  }
  .contents__form-area .line3 p {
    margin-bottom: 20px;
    line-height: 1.3;
  }

  .m_btn-list {
    width: 100%;
    margin-bottom: 30px;
  }
  .m_btn-list li:first-of-type {
    width: 100%;
    margin: 0 auto;
  }
  .m_btn-list li:nth-of-type(2) {
    width: 50%;
    margin: 0 auto;
  }

  .m_btn-single {
    width: 90%;
    margin: 0 auto;
  }

  .m_btn-register-1 {
    width: 100%;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 26%;
    background-image: url(../img/lp_1/sp/btn_register_1.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
  }
  .m_btn-register-1:hover {
    opacity: 0.8;
  }

  .m_btn-add-fav {
    color: #fff;
    text-decoration: none;
    border: solid 2px #fff;
    border-radius: 5px;
    padding: 5px 10px;
    background-color: #1990ff;
    line-height: 1.0;
    font-weight: normal;
  }
  .m_btn-add-fav:hover {
    opacity: 0.8;
  }

  .m_btn-request-form {
    width: 100%;
  }
  .m_btn-request-form:hover {
    opacity: 0.8;
  }

  .m_btn-submit {
    width: 100%;
    border: none;
    background-color: transparent;
  }
  .m_btn-submit:hover {
    opacity: 0.8;
  }

  .m_caption {
    position: relative;
    background-color: #2693ff;
    text-align: center;
    color: #fff;
    font-weight: bolder;
    font-size: 16px;
    padding: 25px 10px;
    margin-bottom: 20px;
  }
  .m_caption:after {
    width: 0;
    bottom: -10px;
    border: solid 10px transparent;
    display: block;
    content: '';
    height: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    border-top-color: #2693ff;
    border-bottom: none;
    z-index: 10;
  }
  .m_caption p {
    display: inline-block;
    line-height: 1.3;
  }

  .m_panel {
    background-color: #fffdd0;
    border-radius: 5px;
    border: solid 2px #00a242;
    line-height: 1.3;
  }
  .m_panel .panel-title {
    color: #fff;
    background-color: #00a242;
    font-weight: bolder;
    padding: 15px;
    font-size: 14px;
  }
  .m_panel p {
    padding: 15px;
  }

  .m_btn-facebook-register {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 18%;
    background-image: url(../img/lp_1/common/btn_facebook.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    max-width: 608px;
    margin: 0 auto;
  }
  .m_btn-facebook-register:hover {
    opacity: 0.8;
  }

  .m_btn-new-register {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 18%;
    background-image: url(../img/lp_1/common/btn_go_confirm.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    max-width: 608px;
    margin: 0 auto;
    border: none;
    background-color: transparent;
  }
  .m_btn-new-register:hover {
    opacity: 0.8;
  }

  .m_require {
    color: #fff;
    background-color: #d90000;
    padding: 5px;
    margin-top: -5px;
  }

  .icn {
    padding-left: 2.5em;
  }
}
@media screen and (min-width: 681px) {
  body {
    font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
    min-width: 320px;
    background-color: #fff;
    font-size: 15px;
  }

  .header {
    width: 100%;
    height: 580px;
    background-image: url(../img/lp_1/pc/img_main_visual.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
    background-color: #f4f5f7;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
  }
  .header.type-e {
    background-color: #fcebf3;
    width: 100%;
    height: auto;
    background-image: none;
  }
  .header__inner {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding-top: 25px;
    padding-left: 25px;
    box-sizing: border-box;
  }
  .header__inner.type-e {
    padding-bottom: 60px;
    background-image: url(../img/lp_1/pc/img_main_visual_e.png);
    background-repeat: no-repeat;
    background-position: 65% bottom;
    background-size: 92% auto;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
  }

  .header__logo {
    margin-bottom: 20px;
    display: block;
    width: 132px;
    height: 0;
    padding-top: 94px;
    background-image: url(../img/lp_1/pc/img_logo.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
  }

  .header__main-badge {
    position: absolute;
    bottom: 40px;
    right: -30px;
    display: block;
    width: 250px;
    height: 0;
    padding-top: 250px;
    background-image: url(../img/lp_1/pc/img_badge.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
  }
  .header__main-badge.type-e {
    top: 0;
    bottom: auto;
    display: block;
    width: 75%;
    height: 0;
    padding-top: 13%;
    background-image: url(../img/lp_1/pc/img_badge_e.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
  }

  .header__main-text {
    display: block;
    width: 60%;
    height: 0;
    padding-top: 39%;
    background-image: url(../img/lp_1/pc/txt_main.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
  }
  .header__main-text.type-e {
    display: block;
    width: 40%;
    height: 0;
    padding-top: 35%;
    background-image: url(../img/lp_1/pc/txt_main_e.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
  }

  .contents__btn-section {
    background-color: #a3d900;
    zoom: 1;
    padding: 20px;
  }
  .contents__btn-section:before, .contents__btn-section:after {
    content: "";
    display: table;
  }
  .contents__btn-section:after {
    clear: both;
  }

  .contents__btn-section-inner {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
  }

  .contents__btn-wrapper {
    width: 60%;
    float: right;
  }

  .contents__balloon-present {
    position: relative;
    display: block;
    width: 38%;
    height: 0;
    padding-top: 23%;
    background-image: url(../img/lp_1/pc/img_tips_book_present.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    float: left;
    margin-top: -8%;
  }

  .contents__fav-section {
    background-color: #00a242;
    color: #fff;
    text-align: center;
    font-weight: bolder;
    padding: 20px 0;
  }
  .contents__fav-section .m_btn-add-fav {
    display: inline-block;
    margin-left: 10px;
  }

  .contents__example {
    padding-bottom: 40px;
  }

  .contents__example-inner {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 10px 20px 0;
  }
  .contents__example-inner .case1, .contents__example-inner .case2, .contents__example-inner .case3 {
    zoom: 1;
    margin-bottom: 20px;
  }
  .contents__example-inner .case1:before, .contents__example-inner .case1:after, .contents__example-inner .case2:before, .contents__example-inner .case2:after, .contents__example-inner .case3:before, .contents__example-inner .case3:after {
    content: "";
    display: table;
  }
  .contents__example-inner .case1:after, .contents__example-inner .case2:after, .contents__example-inner .case3:after {
    clear: both;
  }

  .contents__example-silhouette {
    float: left;
  }
  .contents__example-silhouette.type-a {
    display: block;
    width: 10%;
    height: 0;
    padding-top: 22%;
    background-image: url(../img/lp_1/pc/img_silhouette_a.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
  }
  .contents__example-silhouette.type-b {
    display: block;
    width: 10%;
    height: 0;
    padding-top: 22%;
    background-image: url(../img/lp_1/pc/img_silhouette_b.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
  }
  .contents__example-silhouette.type-c {
    display: block;
    width: 10%;
    height: 0;
    padding-top: 22%;
    background-image: url(../img/lp_1/pc/img_silhouette_c.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
  }

  .contents__example-contents {
    float: right;
    width: 85%;
  }

  .contents__example-balloon {
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    border: solid 2px #ccc;
    padding: 15px;
    line-height: 1.3;
    margin-bottom: 25px;
  }
  .contents__example-balloon h4 {
    font-weight: bolder;
    font-size: 18px;
    margin-bottom: 10px;
  }
  .contents__example-balloon p {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
  }
  .contents__example-balloon:before {
    display: block;
    content: '';
    position: absolute;
    top: 20%;
    left: -16px;
    display: block;
    width: 16px;
    height: 0;
    padding-top: 13px;
    background-image: url(../img/lp_1/common/baloon_tip_left.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
  }
  .contents__example-balloon:after {
    display: block;
    content: '';
    position: absolute;
    bottom: -19px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 32px;
    height: 0;
    padding-top: 19px;
    background-image: url(../img/lp_1/common/img_vector_bottom.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
  }

  .contents__example-request {
    display: table;
  }

  .contents__example-head {
    text-align: center;
    border-radius: 5px;
    background-color: #f0f0f0;
    width: 76px;
    display: table-cell;
    border: solid 2px #e0e0e0;
    padding: 5px;
    font-size: 13px;
    margin-bottom: 10px;
    vertical-align: middle;
  }

  .contents__experience {
    background-color: #f3f4ec;
    position: relative;
    margin-top: -35px;
    margin-bottom: 35px;
    padding: 35px 0 20px;
    line-height: 1.2;
  }
  .contents__experience:after {
    width: 0;
    bottom: -25px;
    border: solid 25px transparent;
    border-left-width: 28px;
    border-right-width: 28px;
    display: block;
    content: '';
    height: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    border-top-color: #f3f4ec;
    border-bottom: none;
    z-index: 10;
  }

  .contents__experience-inner {
    position: relative;
    max-width: 1000px;
    width: 100%;
    padding: 0 10px 20px;
    margin: 0 auto;
  }

  .contents__img-tel-rush {
    max-width: 240px;
    position: absolute;
    top: 20px;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 30%;
    height: 0;
    padding-top: 30%;
    background-image: url(../img/lp_1/pc/img_tel_rush.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
  }

  .contents__estimate-example-list dl:first-of-type {
    position: absolute;
    left: 0;
    top: 90px;
    width: 30%;
    padding-left: 20px;
  }
  .contents__estimate-example-list dl:nth-of-type(2) {
    position: absolute;
    right: 0;
    top: 90px;
    width: 30%;
    padding-right: 20px;
  }
  .contents__estimate-example-list dl:nth-of-type(3) {
    padding-top: 300px;
    width: 60%;
    margin: 0 auto;
  }
  .contents__estimate-example-list dt {
    color: #00ad4d;
    font-weight: bolder;
    font-size: 20px;
    margin-bottom: 10px;
  }

  .contents__solution {
    padding: 0 20px 40px;
  }

  .contents__solution-inner {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
  }

  .contents__solution-caption {
    background-color: #00b2b2;
    line-height: 1.3;
    color: #fff;
    font-weight: bolder;
    padding: 10px 30px;
    border-radius: 35px;
    font-size: 24px;
  }

  .contents__solution-contents {
    min-height: 394px;
    margin-top: -10px;
    margin-bottom: 60px;
    padding: 3% 0 0;
    background-image: url(../img/lp_1/pc/img_operator.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: auto 394px;
  }

  .contents__solution-catch {
    color: #00ad4d;
    line-height: 1.3;
    font-weight: bolder;
    font-size: 24px;
    margin-bottom: 20px;
  }

  .contents__solution-text {
    white-space: pre-line;
    width: 50%;
    line-height: 1.3;
    text-shadow: 1px 1px 1px #fff;
  }

  .contents__user-feedback {
    background-color: #f3f4ec;
    margin-top: -35px;
    padding: 60px 20px 40px;
  }

  .contents__user-feedback-inner {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }

  .contents__user-feedback-list {
    text-align: center;
  }
  .contents__user-feedback-list li {
    display: inline-block;
    width: 20%;
    margin-right: 4%;
    vertical-align: top;
    text-align: left;
  }
  .contents__user-feedback-list li:last-of-type {
    margin-right: 0;
  }
  .contents__user-feedback-list .name {
    color: #ff4738;
    text-align: center;
    line-height: 1.3;
    font-weight: bolder;
    margin-bottom: 10px;
  }
  .contents__user-feedback-list .image {
    margin: 0 auto 15px;
  }
  .contents__user-feedback-list .image.type-1 {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 100%;
    background-image: url(../img/lp_1/pc/img_user_1.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    max-width: 200px;
  }
  .contents__user-feedback-list .image.type-2 {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 100%;
    background-image: url(../img/lp_1/pc/img_user_2.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    max-width: 200px;
  }
  .contents__user-feedback-list .image.type-3 {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 100%;
    background-image: url(../img/lp_1/pc/img_user_3.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    max-width: 200px;
  }
  .contents__user-feedback-list .image.type-4 {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 100%;
    background-image: url(../img/lp_1/pc/img_user_4.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    max-width: 200px;
  }
  .contents__user-feedback-list .balloon {
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    border: solid 2px #ccc;
    padding: 20px 15px;
    line-height: 1.3;
    margin-bottom: 25px;
  }
  .contents__user-feedback-list .balloon p {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
  }
  .contents__user-feedback-list .balloon:before {
    width: 0;
    top: -12px;
    border: solid 12px transparent;
    display: block;
    content: '';
    height: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    border-bottom-color: #ccc;
    border-top: none;
    z-index: 8;
  }
  .contents__user-feedback-list .balloon:after {
    width: 0;
    top: -10px;
    border: solid 10px transparent;
    display: block;
    content: '';
    height: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    border-bottom-color: #fff;
    border-top: none;
    z-index: 9;
  }

  .contents__service-flow {
    padding: 0 20px 40px;
  }

  .contents__service-flow-inner {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .contents__service-flow-inner .service-flow-list {
    display: table;
    border-collapse: separate;
    border-spacing: 20px;
  }
  .contents__service-flow-inner .service-flow-list li {
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    display: table-cell;
    border: solid 2px #ccc;
    padding: 20px 15px;
    line-height: 1.3;
    margin-bottom: 25px;
  }
  .contents__service-flow-inner .service-flow-list li p {
    vertical-align: middle;
  }
  .contents__service-flow-inner .service-flow-list li:last-of-type:after {
    top: auto;
    bottom: -21px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 28px;
    height: 0;
    padding-top: 21px;
    background-image: url(../img/lp_1/common/balloon_vector_bottom.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
  }
  .contents__service-flow-inner .service-flow-list li:after {
    display: block;
    content: '';
    position: absolute;
    right: -20px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    display: block;
    width: 20px;
    height: 0;
    padding-top: 28px;
    background-image: url(../img/lp_1/common/balloon_vector_right.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
  }
  .contents__service-flow-inner .service-flow-caption {
    background-color: #a9e700;
    font-weight: bolder;
    text-align: center;
    border-radius: 15px;
    padding: 5px 20px;
    margin: 0 auto 10px;
    width: 120px;
  }
  .contents__service-flow-inner .service-flow-action {
    color: #00ac51;
    text-align: center;
    font-weight: bolder;
    font-size: 16px;
    margin-bottom: 10px;
  }
  .contents__service-flow-inner .service-last-step {
    background-color: #fff;
    border-radius: 10px;
    border: solid 2px #ccc;
    padding: 20px 15px;
    line-height: 1.3;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 25px;
  }
  .contents__service-flow-inner .service-last-step p {
    vertical-align: middle;
  }
.contents__service-flow h4.sub_title{
  font-size: 20px;
  color: #00ac51;
  margin-top: 40px;
  margin-bottom: 5px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 10px;
}

  .contents__compare-estimate {
    background-color: #f3f4ec;
    padding: 60px 20px 40px;
    margin-top: -35px;
  }

  .contents__compare-estimate-inner {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .contents__compare-estimate-inner .compare-section-1 {
    zoom: 1;
    margin-bottom: 40px;
  }
  .contents__compare-estimate-inner .compare-section-1:before, .contents__compare-estimate-inner .compare-section-1:after {
    content: "";
    display: table;
  }
  .contents__compare-estimate-inner .compare-section-1:after {
    clear: both;
  }
  .contents__compare-estimate-inner .compare-section-2 {
    zoom: 1;
    margin-bottom: 40px;
  }
  .contents__compare-estimate-inner .compare-section-2:before, .contents__compare-estimate-inner .compare-section-2:after {
    content: "";
    display: table;
  }
  .contents__compare-estimate-inner .compare-section-2:after {
    clear: both;
  }
  .contents__compare-estimate-inner .compare-image {
    float: left;
    margin-right: 5%;
  }
  .contents__compare-estimate-inner .compare-image.completed {
    display: block;
    width: 45%;
    height: 0;
    padding-top: 30%;
    background-image: url(../img/lp_1/pc/img_estimate_1.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
  }
  .contents__compare-estimate-inner .compare-image.understand {
    display: block;
    width: 45%;
    height: 0;
    padding-top: 30%;
    background-image: url(../img/lp_1/pc/img_estimate_2.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
  }
  .contents__compare-estimate-inner .compare-contents {
    float: right;
    width: 50%;
  }
  .contents__compare-estimate-inner .compare-contents h4 {
    color: #00ac51;
    font-size: 24px;
    margin-bottom: 15px;
  }
  .contents__compare-estimate-inner .compare-contents p {
    line-height: 1.3;
  }

  .contents__faq {
    padding: 20px 20px 40px;
  }

  .contents__faq-inner {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .contents__faq-inner .faq-list {
    display: table;
    border-collapse: separate;
    border-spacing: 15px;
    table-layout: fixed;
  }
  .contents__faq-inner .faq-list li {
    background-color: #fff;
    border-radius: 10px;
    width: 28%;
    display: table-cell;
    border: solid 2px #ccc;
    line-height: 1.3;
    margin-bottom: 25px;
  }
  .contents__faq-inner .faq-list li .caption {
    position: relative;
    background-color: #e0e0d9;
    font-weight: bolder;
    background-image: url(../img/lp_1/common/icn_q.png);
    background-repeat: no-repeat;
    background-position: 15px center;
    background-size: 26px 28px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 20px 10px;
  }
  .contents__faq-inner .faq-list li .caption h4 {
    padding-left: 35px;
  }
  .contents__faq-inner .faq-list li .caption:after {
    width: 0;
    bottom: -10px;
    border: solid 10px transparent;
    display: block;
    content: '';
    height: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    border-top-color: #e0e0d9;
    border-bottom: none;
    z-index: 10;
  }
  .contents__faq-inner .faq-list li p {
    background-image: url(../img/lp_1/common/icn_a.png);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-top: 40px;
    background-position: 15px 10px;
  }
  .contents__faq-inner .effort-safety {
    background-color: #05a03b;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    color: #fff;
    border-radius: 10px;
    padding: 30px;
    margin: 15px;
    background-image: url(../img/lp_1/pc/bg_lady.png);
  }
  .contents__faq-inner .effort-safety br {
    display: none;
  }
  .contents__faq-inner .effort-safety h5 {
    margin-bottom: 20px;
    line-height: 1.3;
    font-weight: bolder;
    font-size: 20px;
  }
  .contents__faq-inner .effort-safety p {
    line-height: 1.5;
  }

  .contents__promise {
    background-color: #f3f4ec;
    padding: 60px 20px 40px;
    margin-top: -35px;
  }

  .contents__promise-inner {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .contents__promise-inner .promise-list {
    text-align: center;
  }
  .contents__promise-inner .promise-list li {
    position: relative;
    background-color: #00a035;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    display: inline-block;
    width: 30%;
    padding-top: 30%;
    margin-right: 2%;
  }
  .contents__promise-inner .promise-list li:last-of-type {
    margin-right: 0;
  }
  .contents__promise-inner .promise-list li .promise-contents {
    position: absolute;
    top: -20px;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
  }
  .contents__promise-inner .promise-list li .promise-caption {
    margin: 0 auto 3%;
  }
  .contents__promise-inner .promise-list li .promise-caption.type-1 {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 44%;
    background-image: url(../img/lp_1/pc/caption_promise_1.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    max-width: 292px;
  }
  .contents__promise-inner .promise-list li .promise-caption.type-1 + p {
    display: block;
    width: 60%;
    height: 0;
    padding-top: 44%;
    background-image: url(../img/lp_1/pc/txt_promise_1.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    max-width: 284px;
  }
  .contents__promise-inner .promise-list li .promise-caption.type-2 {
    display: block;
    width: 62%;
    height: 0;
    padding-top: 44%;
    background-image: url(../img/lp_1/pc/caption_promise_2.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    max-width: 181px;
  }
  .contents__promise-inner .promise-list li .promise-caption.type-2 + p {
    display: block;
    width: 60%;
    height: 0;
    padding-top: 41%;
    background-image: url(../img/lp_1/pc/txt_promise_2.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    max-width: 284px;
  }
  .contents__promise-inner .promise-list li .promise-caption.type-3 {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 44%;
    background-image: url(../img/lp_1/pc/caption_promise_3.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    max-width: 292px;
  }
  .contents__promise-inner .promise-list li .promise-caption.type-3 + p {
    display: block;
    width: 75%;
    height: 0;
    padding-top: 47%;
    background-image: url(../img/lp_1/pc/txt_promise_3.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    max-width: 284px;
  }
  .contents__promise-inner .promise-list li p {
    margin: 0 auto;
  }

  .contents__form-area {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
  }
  .contents__form-area h4 {
    color: #00ac51;
    text-align: center;
    font-size: 24px;
    margin-bottom: 15px;
  }
  .contents__form-area .else {
    text-align: center;
    margin: 20px 0;
  }
  .contents__form-area .form-wrapper {
    width: 100%;
    max-width: 608px;
    display: table;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 5px;
    margin: 0 auto;
    padding: 10px 0 8px;
    border-top: solid 1px #ccc;
  }
  .contents__form-area .form-wrapper dt {
    zoom: 1;
    display: table-cell;
    width: 50%;
    font-weight: bolder;
    vertical-align: middle;
  }
  .contents__form-area .form-wrapper dt:before, .contents__form-area .form-wrapper dt:after {
    content: "";
    display: table;
  }
  .contents__form-area .form-wrapper dt:after {
    clear: both;
  }
  .contents__form-area .form-wrapper dt br {
    display: none;
  }
  .contents__form-area .form-wrapper dt label {
    float: left;
  }
  .contents__form-area .form-wrapper dt p {
    float: right;
  }
  .contents__form-area .form-wrapper dd {
    display: table-cell;
    width: 50%;
  }
  .contents__form-area .form-wrapper dd input {
    width: 100%;
    background: #eee;
    border: none;
    font-size: 14px;
    padding: 0 10px;
    height: 35px;
    line-height: 35px;
    width: 100%;
    border-radius: 0;
  }
  .contents__form-area .form-wrapper:last-of-type {
    border-bottom: solid 1px #ccc;
    margin-bottom: 10px;
  }
  .contents__form-area .line3 a {
    color: #00a84d;
  }
  .contents__form-area .line3 p {
    margin-bottom: 20px;
    line-height: 1.3;
  }

  .m_btn-list {
    width: 100%;
    margin-bottom: 30px;
  }
  .m_btn-list li {
    display: inline-block;
    vertical-align: middle;
  }
  .m_btn-list li:first-of-type {
    width: 70%;
    margin-right: 8%;
  }
  .m_btn-list li:nth-of-type(2) {
    width: 20%;
  }

  .m_btn-single {
    width: 66%;
    margin: 0 auto;
  }

  .m_btn-register-1 {
    width: 100%;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 24%;
    background-image: url(../img/lp_1/pc/btn_register_1.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
  }
  .m_btn-register-1:hover {
    opacity: 0.8;
  }

  .m_btn-add-fav {
    color: #fff;
    text-decoration: none;
    border: solid 2px #fff;
    border-radius: 5px;
    padding: 5px 10px;
    background-color: #1990ff;
    line-height: 1.0;
    font-weight: normal;
  }
  .m_btn-add-fav:hover {
    opacity: 0.8;
  }

  .m_btn-request-form {
    width: 100%;
  }
  .m_btn-request-form:hover {
    opacity: 0.8;
  }

  .m_btn-submit {
    width: 100%;
    border: none;
    background-color: transparent;
  }
  .m_btn-submit:hover {
    opacity: 0.8;
  }

  .m_caption {
    position: relative;
    background-color: #2693ff;
    text-align: center;
    color: #fff;
    font-weight: bolder;
    font-size: 24px;
    padding: 40px 0;
    margin-bottom: 35px;
  }
  .m_caption br {
    display: none;
  }
  .m_caption:after {
    width: 0;
    bottom: -25px;
    border: solid 25px transparent;
    border-left-width: 28px;
    border-right-width: 28px;
    display: block;
    content: '';
    height: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    border-top-color: #2693ff;
    border-bottom: none;
    z-index: 10;
  }
  .m_caption p {
    display: inline-block;
    line-height: 1.3;
  }

  .m_panel {
    background-color: #fffdd0;
    border-radius: 5px;
    border: solid 2px #00a242;
    line-height: 1.3;
  }
  .m_panel .panel-title {
    color: #fff;
    background-color: #00a242;
    font-weight: bolder;
    padding: 15px;
    font-size: 16px;
  }
  .m_panel p {
    padding: 15px;
  }

  .m_btn-facebook-register {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 18%;
    background-image: url(../img/lp_1/common/btn_facebook.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    max-width: 608px;
    margin: 0 auto;
  }
  .m_btn-facebook-register:hover {
    opacity: 0.8;
  }

  .m_btn-new-register {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 18%;
    background-image: url(../img/lp_1/common/btn_go_confirm.png);
    background-size: 100% auto;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 110%;
    word-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    max-width: 608px;
    margin: 0 auto;
    border: none;
    background-color: transparent;
  }
  .m_btn-new-register:hover {
    opacity: 0.8;
  }

  .m_require {
    color: #fff;
    background-color: #d90000;
    padding: 5px;
    margin-top: -5px;
  }

  .icn {
    line-height: 1.5em;
    text-indent: 1.7em;
  }
  .icn br {
    display: none;
  }
}