@charset "UTF-8";
/* ==================================================
	メンテナンス性
================================================== */
#wrapper .page_body .page_nav .page_nav_list li a span span {
  display: inline-block;
}
@media screen and (min-width: 768px), print {
  #wrapper .page_body section {
    margin-bottom: 100px;
  }
  #wrapper .page_body .page_layout_column3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, auto) 1fr;
    gap: 50px 30px;
  }
  #wrapper .page_body .page_layout_column3 .page_layout_inner {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: subgrid;
    grid-row: span 4;
    gap: 0;
  }
  #wrapper .page_body .page_layout_column3 .page_layout_inner:nth-child(n) {
    margin-right: 0;
    margin-bottom: 0;
  }
  #wrapper .page_body .page_layout_column3 .page_layout_inner:not(:nth-child(-n+3)) .page_title_lv3 + div {
    grid-row: 2/-1;
  }
  #wrapper .page_body .page_layout_column3 .page_layout_inner [id^=anchor_] {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: subgrid;
    grid-row: span 3;
    gap: 0;
  }
  #wrapper .page_body .page_layout_column3 .page_layout_inner .page_title_lv3 {
    margin-bottom: 25px;
    font-size: 22px;
    font-size: 1.375rem;
  }
  #wrapper .page_body .page_layout_column3 .page_layout_inner .maint_text {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  #wrapper .page_body section {
    margin-bottom: 30px;
  }
  #wrapper .page_body .maint_text {
    font-size: 15px;
    font-size: 0.9375rem;
  }
  #wrapper .page_body .page_layout_column3 .page_layout_inner {
    margin-bottom: 30px;
  }
  #wrapper .page_body .page_layout_column3 .page_layout_inner .maint_text {
    margin-top: 15px;
  }
}

/*---------------------------------
  保証 / メンテナンスプラン
---------------------------------*/
@media screen and (min-width: 768px), print {
  #guarantee .table_wrap {
    margin-bottom: 20px;
  }
  #guarantee .list-notes {
    margin-bottom: 20px;
  }
  #guarantee .guar_btn {
    display: flex;
    justify-content: center;
    margin-bottom: 60px;
  }
  #guarantee .guar_btn .page_layout_btn {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 767px) {
  #guarantee .table_wrap {
    margin-bottom: 15px;
  }
  #guarantee .table_wrap .guar_img {
    width: 1200px;
  }
  #guarantee .slide_icon {
    background-color: rgba(136, 136, 136, 0.9) !important;
  }
  #guarantee .list-notes {
    margin-bottom: 15px;
    font-size: 15px;
    font-size: 0.9375rem;
  }
  #guarantee .guar_btn {
    margin-bottom: 30px;
  }
}