/* ---------------------------------------------------
	common
------------------------------------------------------ */
#pagetit:before {
  background: url(../img/bath/pagetit.jpg) no-repeat center;
  background-size: cover;
}

/* ---------------------------------------------------
	sec01
------------------------------------------------------ */
#sec01 .block_col .col_pic {
  position: relative;
  width: 480px;
  max-width: 44.5%;
  margin-bottom: -166px;
}
#sec01 .block_col .col_txt {
  width: 50%;
}
#sec01 .sec_row {
  margin-top: 120px;
}
#sec01 .sec_row .row_col .col_item {
  width: 340px;
  max-width: 31.5%;
}
#sec01 .sec_row .row_col .col_item .item_pic {
  margin-bottom: 28px;
}

@media screen and (max-width: 768px) {
  #sec01 .block_col .col_pic {
    width: 100%;
    max-width: 100%;
    margin-bottom: -96px;
    order: 10;
    text-align: center;
  }
  #sec01 .block_col .col_pic img {
    max-width: 80%;
  }
  #sec01 .block_col .col_txt {
    width: 100%;
    margin-bottom: 30px;
  }
  #sec01 .sec_row {
    margin-top: 96px;
  }
  #sec01 .sec_row .row_col .col_item {
    width: 100%;
    max-width: 100%;
  }
  #sec01 .sec_row .row_col .col_item + .col_item {
    margin-top: 36px;
  }
  #sec01 .sec_row .row_col .col_item .item_pic {
    margin-bottom: 12px;
  }
}
/* ---------------------------------------------------
	sec02
------------------------------------------------------ */
#sec02 .sec_row {
  margin-top: 96px;
}
#sec02 .sec_row .table th {
  width: 24%;
}

@media screen and (max-width: 768px) {
  #sec02 .sec_row {
    margin-top: 48px;
  }
  #sec02 .sec_row .table th {
    width: 100%;
  }
}
/* ---------------------------------------------------
	sec03
------------------------------------------------------ */
#sec03 .bg_white {
  padding-top: 45px;
  padding-bottom: 40px;
}
#sec03 .sec_col .col_txt {
  width: 49.1%;
}
#sec03 .sec_col .col_txt .table {
  margin-top: 44px;
}
#sec03 .sec_col .col_txt .table th {
  width: 37%;
}
#sec03 .sec_col .col_txt .txt_list {
  margin-top: 28px;
  letter-spacing: .05em;
  line-height: 2;
}
#sec03 .sec_col .col_pic {
  width: 480px;
  max-width: 44.5%;
}

@media screen and (max-width: 768px) {
  #sec03 {
    padding-bottom: 54px;
  }
  #sec03 .bg_white {
    padding-top: 32px;
    padding-bottom: 28px;
  }
  #sec03 .sec_col .col_txt {
    width: 100%;
    margin-bottom: 28px;
  }
  #sec03 .sec_col .col_txt .table {
    margin-top: 20px;
  }
  #sec03 .sec_col .col_txt .table th {
    width: 100%;
  }
  #sec03 .sec_col .col_txt .txt_list {
    margin-top: 20px;
  }
  #sec03 .sec_col .col_pic {
    width: 100%;
    max-width: 100%;
    margin-bottom: -82px;
    text-align: center;
  }
  #sec03 .sec_col .col_pic img {
    max-width: 80%;
  }
}