/* =========================================================
   モバイルファースト構成
   ベース(無条件) = SP(〜568px)
   min-width: 569px  = 〜960px 相当
   min-width: 961px  = 961px〜相当
   ========================================================= */

/* #intro .half_box は他ページと共有する汎用クラスへの
   小さい画面限定の上書き（詳細度の罠）のため、
   元のmax-widthスコープのまま維持する */
@media screen and (max-width: 568px) {
  #intro .intro_box .half_box .photo {
    margin-top: 0;
  }
  #intro .intro_box .half_box .ttl {
    font-size: 21px;
    margin: 10px 0 10px;
  }
}

.major_items.sec_cost .cost_box.box_03 .cost_content {
  background: url("../img/laundry-machine/bg_cost_03.png") no-repeat bottom 35% right 7%;
  background-size: 65% auto;
}
.major_items.sec_cost .cost_box.box_03 .cost_content dt:first-of-type {
  border-bottom: 2px solid #fff;
}
.major_items.sec_cost .cost_box.box_03 .cost_content dd:first-of-type {
  border-bottom: 2px solid var(--site-keycolor);
}

.major_items.sec_cost .cost_box.box_04 .cost_content dl {
  width: 75%;
  justify-content: space-between;
  margin: 0 0 5px;
}
.major_items.sec_cost .cost_box.box_04 .cost_content dt {
  width: 40%;
}

#voice.major_items .example_box .example_content > div:nth-of-type(2)::after {
  content: none;
}

@media screen and (min-width: 569px) {
  .major_items.sec_cost .cost_box.box_03 .cost_content {
    background-size: 52% auto;
  }
  .major_items.sec_cost .cost_box.box_04 .cost_content dl {
    margin: 0;
  }
}

@media screen and (min-width: 961px) {
  .major_items.sec_cost .cost_box.box_04 .cost_content dl {
    width: 55%;
  }
}