@charset "UTF-8";
/* Scss Document */
/* -------------------------------------------------- */
/* file   : xx.css                                  */
/* update : 2023                                      */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* pc向け */
/* --------------------------------------------------- */
.lp_wrap {
  max-width: 720px;
  margin: 0 auto;
  padding-bottom: 6px;
}
.lp_wrap img {
  width: 100%;
}

.lp-inner {
  padding: 0 25px;
}

.lp-contact {
  padding: 18px 0;
}

.lp-contact_inner {
  padding: 0 25px;
}

.lp-contact_box {
  max-width: 340px;
  margin: 0 auto;
  padding: 14px 0;
  text-align: center;
  background: #ffff00;
  border-radius: 50px;
}

.lp-contact_tel {
  margin-top: 8px;
  font-size: 29px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
  color: #ff0000;
  display: block;
}
.lp-contact_tel span {
  font-size: 15px;
}

.lp-contact_time {
  margin-top: 3px;
  font-size: 12px;
  letter-spacing: 0;
}

.lp-contact_btn {
  max-width: 180px;
  margin: 12px auto 0;
}
.lp-contact_btn a {
  padding: 5px 0 1px;
  font-size: 15px;
  letter-spacing: 0.025em;
  color: #FFF;
  text-align: center;
  display: block;
  background: #f28e1e;
  border-radius: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.lp-contact_btn a:hover {
  background: #006e46;
}

.removal p {
  font-size: 14px;
  line-height: 1.42;
}
.removal span {
  font-size: 17px;
  font-weight: 700;
  color: #ff0000;
}

.removal-img {
  margin-top: 24px;
  text-align: center;
}

.removal-box {
  margin-top: 8px;
}
.removal-box:first-child {
  margin-top: 15px;
}

.removal_ttl {
  font-size: 16px;
  font-weight: 700;
}

.shine {
  margin-top: 20px;
}

.shine-text {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.16;
  letter-spacing: 0.025em;
  text-align: center;
  color: #ff0000;
}

.shine-box {
  margin-top: 25px;
}
.shine-box:first-of-type {
  margin-top: 8px;
}

.shine-ttl {
  width: 220px;
  margin: 0 auto;
  padding: 2px 0 0;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.025em;
  text-align: center;
  color: #003067;
  border: 1px solid #003067;
}

.shine-img {
  margin-top: 15px;
  text-align: center;
}

.shine-movie {
  margin-top: 10px;
}
.shine-movie iframe {
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
}

.worries-q {
  padding: 8px 0 15px;
  background: #f3f7f9;
}

.worries-q_ttl {
  width: 93%;
  margin: 0 auto;
}

.worries-box {
  margin-top: 10px;
  min-height: 80px;
  padding: 10px;
  font-size: 15px;
  line-height: 1.13;
  letter-spacing: 0;
  color: #0071b7;
  border: 1px solid #0071b7;
  background: #FFF;
  position: relative;
}
.worries-box:first-of-type {
  margin-top: 10px;
}
.worries-box:last-of-type::after {
  content: "";
  width: 55px;
  height: 23px;
  display: block;
  background: url(../../lp_dpf/img/worries_arrow.svg) no-repeat center/100% auto;
  position: absolute;
  bottom: -23px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}
.worries-box span {
  font-size: 15px;
  font-weight: 700;
  color: #f28e1e;
}

.worries-a {
  padding: 15px 0;
  background: #0071b7;
}

.worries-a_ttl {
  width: 97%;
  margin: 0 auto;
}

.worries-list {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px 0;
}
.worries-list li {
  width: 48.39%;
}

.achievements {
  padding-top: 20px;
}

.spec {
  margin-top: 32px;
}

.spec-box {
  margin-top: 22px;
}
.spec-box:first-of-type {
  margin-top: 0;
}

.spec-title {
  padding: 6px 0;
  font-size: 21px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.025em;
  color: #FFF;
}

.spec-title--blue {
  background: #003067;
}

.spec-title--red {
  background: #c30d23;
}

.spec-img {
  width: 93%;
  margin-top: 8px;
}

.spec-img02 {
  width: 95%;
  margin-top: 15px;
}

.spec-ttl {
  margin-top: 10px;
  line-height: 1.7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px solid #231815;
}

.spec-ttl--egr {
  margin-top: 24px;
  line-height: 1;
  border: none;
}

.spec-ttl--size {
  margin-top: 18px;
}

.spec-ttl--mer {
  margin-top: 28px;
}

.spec-ttl_main {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.025em;
}

.spec-ttl_sub {
  font-size: 12px;
  letter-spacing: 0.025em;
}

.spec-ttl_small {
  width: 100%;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.025em;
  display: block;
}

.spec-ttl--option {
  margin-top: 30px;
}

.spec-ttl--specification {
  margin-top: 20px;
}

.spec-text {
  margin-top: 8px;
  font-size: 13px;
  letter-spacing: 0.025em;
  line-height: 1.3;
}

.spec-text02 {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0.025em;
}

.icon {
  width: 14px;
  height: 14px;
  margin-right: 1px;
  font-size: 13px;
  text-align: center;
  line-height: 14px;
  vertical-align: middle;
  color: #FFF;
  border-radius: 50%;
  background: #231815;
  display: inline-block;
}

.icon_note {
  position: relative;
  padding-left: 15px;
  font-size: 13px;
  display: block;
}
.icon_note::before {
  content: "※";
  font-size: 14px;
  position: absolute;
  top: 0;
  left: 0;
}

.icon_circle {
  position: relative;
  padding-left: 15px;
  display: block;
}
.icon_circle::before {
  content: "●";
  font-size: 14px;
  position: absolute;
  top: 0;
  left: 0;
}

.text-l2 {
  padding-left: 12px;
  display: block;
}

.spec-image {
  width: 82%;
  margin: 15px 9% 0 auto;
}

.spec-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.spec-flex_l {
  width: 49.68%;
  padding-top: 10px;
  font-size: 14px;
  letter-spacing: 0.025em;
}

.spec-flex_r {
  width: 56.13%;
  margin-right: -30%;
}

.spec-full-img {
  margin-top: 20px;
}

/* -------------------pc END------------------------------- */
/* -------------------------------------------------- */
/* tablet向け */
/* --------------------------------------------------- */
/* ---------------------tablet END----------------------------- */
/* -------------------------------------------------- */
/* sp向け */
/* --------------------------------------------------- */
@media screen and (max-width: 750px) {
  .lp-contact_btn a {
    padding: 4px 0 2px;
  }
}
/* -------------------sp END------------------------------- */