@charset "UTF-8";
/*おすすめの理由*/
[class*="section-recommend"][class*="-inmyroom"] {
  background: #e1f9fd;
  background-image: url(/common_v10/images/bg-inmyroom-top.svg), url(/common_v10/images/bg-inmyroom-bottom.svg);
  background-repeat: no-repeat;
  background-position: top left, bottom right;
  background-size: 180px 100px, 270px 150px;
}

.section-recommend-inmyroom {
  background-color: #e1f9fd;
}

[class*="section-recommend"][class*="-inmyroom"] .h2-balloon span {
  background: #009ebc;
}

[class*="section-recommend"][class*="-inmyroom"] .h2-balloon span::after {
  border-color: #009ebc transparent transparent transparent;
}

[class*="section-recommend"][class*="-inmyroom"] .item-point .item-text .num {
  color: #009ebc;
}

[class*="section-recommend"][class*="-inmyroom"] .item-point .item-text p strong {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.1em, transparent), color-stop(1.1em, #42c3d9), color-stop(1.35em, #42c3d9), color-stop(1.35em, transparent));
  background: linear-gradient(transparent 1.1em, #42c3d9 1.1em, #42c3d9 1.35em, transparent 1.35em);
}

/*レイアウト*/
@media screen and (max-width: 1080px) {
  .row.row-cs-lg > .col-50-tablet {
    width: calc(50% - (16px * 2));
  }
}

@media screen and (max-width: 960px) {
  .step-list > .col-50-tablet {
    width: calc(50% - (16px * 2));
  }
  .step-list > .col-50-tablet:nth-of-type(2n)::after {
    display: none;
  }
  .step-list > .col-50-tablet:nth-child(n+3) {
    margin-top: 24px;
  }
}

/*テキスト*/
.text-upper[data-type="signboard"] {
  padding: 0 12px;
}
.text-upper[data-type="signboard"]::before, .text-upper[data-type="signboard"]::after {
  top: 3px;
  border-color: currentColor;
  border-width: 2px;
}
.text-upper[data-type="signboard"]::before {
  -webkit-transform: rotate(-28deg);
          transform: rotate(-28deg);
}
.text-upper[data-type="signboard"]::after {
  -webkit-transform: rotate(28deg);
          transform: rotate(28deg);
}

/*補助*/
.bd-radius-128 {
  border-radius: 128px;
}

.img-multiply {
  mix-blend-mode: multiply;
}

.w-835 {
  max-width: 835px;
  margin: auto;
}

/*既存モジュールの拡張*/
.box-header.vertical-middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 767px) {
  [class*="section-recommend"] .h2-balloon.multi-sp span {
    line-height: 1.4;
    padding: 0.4em 1.6em 0.55em;
  }
}

[class*="section-recommend"] .item-point .item-text .lead strong sup {
  top: -14px;
}

/*サービスロゴ*/
.service-logo {
  height: 32px;
  width: auto;
}
.service-logo img {
  height: 100%;
  width: auto;
}

/*CVエリア*/
.section-cv .container .cv-guide[data-max-width="764"] {
  max-width: 764px;
  width: 100%;
}
