@charset "UTF-8";
/* --------------------------------------------
   オンライン打ち合わせ始めました
-------------------------------------------- */
/* オンライン打ち合わせ始めました */
.online-consultation-main-copy {
  position: relative;
  width: 600px;
  max-width: 100%;
  margin-top: 2.5em;
  margin-right: auto;
  margin-left: auto;
  padding: 0.5em 0.2em;
  border-radius: 4px;
  background-color: #D10050;
  color: #fff;
  font-size: 1.3125em;
  font-weight: bold;
  text-align: center;
}

.online-consultation-main-copy::after {
  display: inline-block;
  position: absolute;
  top: 2.8em;
  right: 0;
  left: 0;
  width: 1.6em;
  height: 2.8em;
  margin-right: auto;
  margin-left: auto;
  background: url("../../images/icon_pink_arr.png") center center/contain no-repeat;
  content: "";
}

.online-consultation-main-copy__primary {
  margin-right: 0.5em;
}

.online-consultation-main-txt {
  margin-top: 3.5em;
  font-size: 1.375em;
  line-height: 1.9;
  text-align: center;
}

.online-consultation-main-img {
  margin-top: 2em;
  text-align: center;
}

.online-consultation-txt-area {
  font-size: 1.125em;
  text-align: center;
}

.online-consultation-txt-strong {
  color: #D10050;
  font-size: 1.375em;
  font-size: 1.2727272727em;
  font-weight: bold;
  vertical-align: middle;
}

.online-consultation-txt-area {
  margin-top: 3em;
  font-size: 1.125em;
  line-height: 2;
  text-align: center;
  text-align: center;
}

.online-consultation-txt-area-strong {
  color: #D10050;
  font-size: 1.125em;
  font-size: 1.5555555556em;
  font-weight: bold;
  line-height: 1.5;
  vertical-align: middle;
}

a.online-consultation-link {
  display: inline-block;
  margin-top: 0.4em;
  color: #036EB2;
  font-size: 1.125em;
}

.online-consultation-about-txt {
  font-size: 1.125em;
  line-height: 2;
  text-align: center;
}

.online-consultation-about-area {
  margin-top: 3em;
}

.online-consultation-about-title {
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
}

.online-consultation-about-title-in {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #FFE1F2));
  background: -webkit-linear-gradient(transparent 60%, #FFE1F2 60%);
  background: linear-gradient(transparent 60%, #FFE1F2 60%);
}

.online-consultation-about-cnt {
  width: 1004px;
  max-width: 100%;
  margin-top: 1em;
  margin-right: auto;
  margin-left: auto;
  padding: 3em 1.5em;
  border: 1px solid #D10050;
  border-radius: 4px;
}

.online-consultation-about-cnt__img {
  width: 36.4583333333%;
  max-width: 100%;
  margin-right: 2.2916666667%;
}

.online-consultation-about-cnt__txt {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.online-consultation-about-cnt__list-item {
  position: relative;
  padding-left: 2.8em;
  font-size: 1.25em;
}

.online-consultation-about-cnt__list-item::before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.6em;
  height: 1.6em;
  background: url("../../images/icon_pink_check.png") center center/contain no-repeat;
  content: "";
}

.online-consultation-about-cnt__list-item + .online-consultation-about-cnt__list-item {
  margin-top: 1.3em;
}

a.online-consultation-about-btn {
  display: block;
  width: 526px;
  max-width: 100%;
  margin-top: 2.5em;
  margin-right: auto;
  margin-left: auto;
  padding: 1.5em 0.5em;
  border-radius: 4px;
  background-color: #D10050;
  color: #fff;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}

.online-consultation-howto {
  position: relative;
  width: 920px;
  max-width: 100%;
  margin-top: 5.5em;
  margin-right: auto;
  margin-left: auto;
  padding: 5em 2.4em 2em;
  background: url("../../images/bg_gray_pattern.png");
}

.online-consultation-howto.online-consultation-howto--sp {
  padding: 3.5em 4.5em 2em;
}

.online-consultation-howto__title {
  position: absolute;
  top: -1.2em;
  right: 0;
  left: 0;
  text-align: center;
}

.online-consultation-howto__title-in {
  position: relative;
  padding-left: 4em;
  font-size: 1.5em;
  font-weight: bold;
}

.online-consultation-howto__title--pc::before {
  display: inline-block;
  position: absolute;
  top: -0.4em;
  left: 0;
  width: 3.8em;
  height: 2.8em;
  background: url("../../images/icon_pc.png") center center/contain no-repeat;
  content: "";
}

.online-consultation-howto__title--sp::before {
  display: inline-block;
  position: absolute;
  top: -0.4em;
  left: 0;
  width: 3.8em;
  height: 2.8em;
  background: url("../../images/icon_sm.png") center center/contain no-repeat;
  content: "";
}

.online-consultation-howto-txt {
  margin-top: 1.6em;
  font-size: 1.125em;
  line-height: 2em;
}

.online-consultation-howto__cnt-zoom {
  width: 678px;
  max-width: 100%;
  margin-top: 3em;
  margin-right: auto;
  margin-left: auto;
}

.online-consultation-howto__cnt-img {
  width: 32%;
  margin-right: 2em;
}

.online-consultation-howto__cnt-text {
  position: relative;
  padding-left: 1.5em;
  line-height: 2em;
}

.online-consultation-howto__cnt-text::before {
  position: absolute;
  top: 0;
  left: 0;
  margin-right: 1em;
  font-size: 1.125em;
  content: "▼";
}

.online-consultation-howto__cnt-text-main {
  font-size: 1.125em;
}

.online-consultation-howto__cnt + .online-consultation-howto__cnt {
  margin-top: 1em;
}

.online-consultation-howto__cnt-bnr {
  margin-left: -1em;
}

@media screen and (max-width: 1900px) {
  /* オンライン打ち合わせ始めました */
}

@media screen and (max-width: 1700px) {
  /* オンライン打ち合わせ始めました */
}

@media screen and (max-width: 1540px) {
  /* オンライン打ち合わせ始めました */
}

@media screen and (max-width: 1260px) {
  /* オンライン打ち合わせ始めました */
}

@media screen and (max-width: 1024px) {
  /* オンライン打ち合わせ始めました */
}

@media screen and (max-width: 768px) {
  /* オンライン打ち合わせ始めました */
  .online-consultation-howto__cnt-zoom {
    padding: 0 5%;
  }
  .online-consultation-howto__cnt-img {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2em;
    text-align: center;
  }
  .online-consultation-howto__cnt-img img {
    max-width: 50%;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (max-width: 480px) {
  /* オンライン打ち合わせ始めました */
  .online-consultation-main-copy::after {
    top: 5.5em;
  }
  .online-consultation-main-copy__primary {
    display: block;
    margin-right: 0;
    font-size: 1.5em;
  }
  .online-consultation-txt-area {
    margin-top: 2em;
    text-align: left;
  }
  a.online-consultation-link {
    display: inline;
  }
  .online-consultation-about-txt {
    text-align: left;
  }
  .online-consultation-about-title {
    font-size: 1.3em;
  }
  .online-consultation-about-cnt__img {
    width: 100%;
    margin-right: 0;
    text-align: center;
  }
  .online-consultation-about-cnt__txt {
    width: 100%;
    margin-top: 1.8em;
  }
  a.online-consultation-about-btn {
    font-size: 1.15em;
  }
  .online-consultation-howto {
    padding: 5em 1.2em 2em;
  }
  .online-consultation-howto.online-consultation-howto--sp {
    padding: 5em 1.2em 2em;
  }
  .online-consultation-howto__cnt-zoom {
    margin-top: 2em;
    padding: 0;
  }
  .mt00_sp {
    margin-top: 0;
  }
}