@charset "utf-8";
/* --------------------page_reset-------------------- */
body .wrapper {
  background: #F8F9FB;
}
.pane-contents .container {
  width: 100%;
}
#page-sns-button {
  display: none;
}
.pane-contents {
  padding-bottom: 0;
}
.block-page-block--frame {
  margin-bottom: 0;
}
.block-topic-path {
  display: none;
}
/* --------------------PCSP表示切替-------------------- */
.pc_only_ {
  display: block;
}
.sp_only_ {
  display: none;
}
@media screen and (max-width: 768px) {
  .pc_only_ {
    display: none !important;
  }
  .sp_only_ {
    display: block;
  }
}
/* --------------------contents-------------------- */
/* -----common----- */
#mizusawadown {}
.contents_inner {
  width: 100%;
  max-width: 1000px;
  margin: auto;
}
.common_bg {
  padding: 60px 0 100px;
  background: url(../../../img/usr/pg/1mizusawadown/common_bg.jpg) repeat top center;
}
h2.common_h2_heading {
  position: relative;
  display: table;
  font-size: 30px;
  font-weight: 600;
  color: #363C43;
  text-align: center;
  margin: 0 auto 80px;
}
h2.common_h2_heading span {
  color: #3782D4;
}
h2.common_h2_heading::before {
  position: absolute;
  content: "";
  bottom: -20px;
  left: -3%;
  display: block;
  width: 106%;
  height: 2px;
  background: #3782D4;
}
h2.common_h2_heading::after {
  position: absolute;
  content: "";
  bottom: -45px;
  left: 50%;
  display: block;
  width: 2px;
  height: 45px;
  transform: rotate(40deg);
  background: #3782D4;
}
#mizusawadown img {
  vertical-align: bottom;
}
@media screen and (max-width: 768px) {
  .common_bg {
    padding: calc(50 * (100vw / 430)) 0 calc(70 * (100vw / 430));
    background: url(../../../img/usr/pg/1mizusawadown/common_bg_sp.png) repeat top center;
    background-size: 100% auto;
  }
  h2.common_h2_heading {
    font-size: calc(27 * (100vw / 430));
    margin: 0 auto calc(110 * (100vw / 430));
    padding: 0;
    background: transparent;
  }
  h2.common_h2_heading::before {
    bottom: calc(-35 * (100vw / 430));
  }
  h2.common_h2_heading::after {
    bottom: calc(-60 * (100vw / 430));
    height: calc(50 * (100vw / 430));
  }
  #mizusawadown img {
    height: auto;
  }
}
/* -----mv----- */
.block-page-caption {
  position: relative;
  height: 500px;
  background: #101012;
}
.h1.block-page-caption--text {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1200px;
  height: 500px;
  background: url(../../../img/usr/pg/1mizusawadown/mv.png) no-repeat top center;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.preface_area {
  padding: 60px 0 115px;
}
.preface_txt {
  font-size: 20px;
  padding-bottom: 45px;
}
h2.preface_heading {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 140px;
  font-size: 30px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  margin: 0;
  background: #3782D4;
}
@media screen and (max-width: 768px) {
  .block-page-caption {
    height: calc(420 * (100vw / 430));
  }
  .h1.block-page-caption--text {
    left: 0;
    transform: unset;
    width: 100%;
    height: calc(420 * (100vw / 430));
    background: url(../../../img/usr/pg/1mizusawadown/mv_sp.png) no-repeat top center;
    background-size: 100% calc(420 * (100vw / 430));
    margin: 0;
  }
  .preface_area {
    padding: calc(30 * (100vw / 430)) calc(15 * (100vw / 430)) calc(50 * (100vw / 430));
    background: #F8F9FB;
  }
  .preface_txt {
    font-size: calc(20 * (100vw / 430));
    padding-bottom: calc(60 * (100vw / 430));
  }
  h2.preface_heading {
    height: calc(140 * (100vw / 430));
    font-size: calc(23 * (100vw / 430));
  }
}
/* -----water----- */
.water_point {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 60px 0 0;
}
.water_point li {
  position: relative;
  width: 484px;
  height: 291px;
  margin-bottom: 85px;
  padding: 115px 20px 20px;
  font-size: 20px;
  font-weight: 400;
  background: #F4F6F8;
}
.water_point li:nth-child(3), .water_point li:nth-child(4) {
  margin-bottom: 0;
}
.water_point_num {
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  font-size: 30px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  background: #3782D4;
}
@media screen and (max-width: 768px) {
  .water_area {
    padding-left: calc(15 * (100vw / 430));
    padding-right: calc(15 * (100vw / 430));
  }
  .water_point {
    padding: calc(40 * (100vw / 430)) 0 0;
  }
  .water_point li {
    width: 100%;
    height: auto;
    margin-bottom: calc(80 * (100vw / 430));
    padding: calc(110 * (100vw / 430)) calc(20 * (100vw / 430)) calc(20 * (100vw / 430));
    font-size: calc(20 * (100vw / 430));
    min-height: calc(290 * (100vw / 430));
  }
  .water_point li:nth-child(3) {
    margin-bottom: calc(80 * (100vw / 430));
  }
  .water_point li:nth-child(4) {
    margin-bottom: 0;
  }
  .water_point_num {
    top: calc(-40 * (100vw / 430));
    width: calc(95 * (100vw / 430));
    height: calc(95 * (100vw / 430));
    font-size: calc(23 * (100vw / 430));
  }
}
/* -----favour----- */
.favour_area {
  padding: 85px 0 90px;
}
.favour_area p {
  font-size: 20px;
  font-weight: 400;
}
.adjust_mt01 {
  margin-top: 120px !important;
}
@media screen and (max-width: 768px) {
  .favour_area {
    padding: calc(75 * (100vw / 430)) calc(15 * (100vw / 430)) calc(100 * (100vw / 430));
    background: #F8F9FB;
  }
  .favour_area p {
    font-size: calc(20 * (100vw / 430));
  }
  .adjust_mt01 {
    margin-top: calc(75 * (100vw / 430)) !important;
  }
}
/* -----cleaning----- */
.cleaning_area {}
.cleaning_kinds {
  display: flex;
  align-items: center;
  margin-bottom: 65px;
  padding: 50px 40px;
  background: linear-gradient(90deg, transparent 0%, transparent 17%, #F4F6F8 17%, #F4F6F8 100%);
}
.cleaning_kinds.reverse_layout {
  margin-bottom: 0;
  background: linear-gradient(-90deg, transparent 0%, transparent 17%, #F4F6F8 17%, #F4F6F8 100%);
}
.cleaning_kinds img {
  margin-right: 30px;
}
.cleaning_kinds.reverse_layout img {
  margin-right: 0;
  margin-left: 30px;
}
.cleaning_kinds h3 {
  font-size: 25px;
  font-weight: 600;
  color: #3782D4;
  margin: 0 0 25px;
}
.cleaning_kinds p {
  font-size: 20px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .cleaning_kinds {
    display: block;
    margin-bottom: calc(40 * (100vw / 430));
    padding: 0;
    background: none;
  }
  .cleaning_kinds.reverse_layout {
    margin-bottom: 0;
    background: none;
    display: flex;
    flex-direction: column-reverse;
  }
  .cleaning_kinds > div {
    width: calc(100% - calc(30 * (100vw / 430)));
    margin-left: auto;
    margin-top: calc(-70 * (100vw / 430));
    padding: calc(90 * (100vw / 430)) calc(19 * (100vw / 430)) calc(40 * (100vw / 430));
    background: #F4F6F8;
  }
  .cleaning_kinds img {
    margin-right: auto;
    width: calc(397 * (100vw / 430));
  }
  .cleaning_kinds.reverse_layout img {
    margin-right: 0;
    margin-left: auto;
    width: calc(402 * (100vw / 430));
    position: relative;
  }
  .cleaning_kinds.reverse_layout > div {
    margin-left: unset;
    margin-right: auto;
  }
  .cleaning_kinds h3 {
    font-size: calc(25 * (100vw / 430));
    margin: 0 0 calc(15 * (100vw / 430));
    padding: 0;
  }
  .cleaning_kinds p {
    font-size: calc(20 * (100vw / 430));
  }
}
/* -----handling----- */
.handling_area {
  padding: 115px 0 90px;
}
.handling_down {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 55px;
  background: #fff;
}
.handling_down_txt {
  font-size: 20px;
  font-weight: 400;
  word-break: break-word;
}
.handling_common_h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 312px;
  height: 50px;
  margin: 85px auto 70px;
  font-size: 20px;
  font-weight: 600;
  color: #3782D4;
  border: 1px solid #3782D4;
}
.handling_bg_h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
  font-size: 25px;
  font-weight: 600;
  color: #fff;
  background: #3782D4;
}
.manufacturing {
  width: 880px;
  margin: 0 auto 75px;
  padding: 30px;
  font-size: 20px;
  font-weight: 400;
  /*background: linear-gradient(90deg, transparent 0%, transparent 21%, #EBEFF3 21%, #EBEFF3 100%);*/
  background: #EBEFF3
}
.manufacturing h4 {
  font-size: 25px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 20px;
}
.manufacturing ul.manufacturing_txt {
  display: table;
  margin: auto;
}
.manufacturing ul.manufacturing_txt li {
  margin-bottom: 5px;
  display: flex;
}
.manufacturing ul.manufacturing_txt li span {
  display: block;
  margin-right: 10px;
}
.manufacturing ul.manufacturing_txt li span {
  margin-bottom: 5px;
  padding-left: 1em;
  text-indent: -1em;
}
.manufacturing ul.manufacturing_photo {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 30px;
}
.manufacturing ul.manufacturing_photo li {
  width: 45%;
  margin-bottom: 20px;
}
.manufacturing ul.manufacturing_photo li span {
  display: table;
  margin: auto;
}
.manufacturing ul.manufacturing_photo li img {
  display: block;
  margin: 5px auto 0;
}
.tape_item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 75px;
  padding: 24px 24px 40px;
  background: linear-gradient(90deg, transparent 0%, transparent 51%, #EBEFF3 51%, #EBEFF3 100%);
}
.tape_item img {
  margin-right: 95px;
  margin-top: -24px;
}
.tape_item p, .tape_item ul {
  font-size: 20px;
  font-weight: 600;
  color: #3782D4;
}
.tape_item ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.tape_item ul li {
  width: 240px;
  flex-shrink: 0;
  margin-bottom: 2px;
}
.tape_item ul li:nth-child(2n) {
  width: 180px;
}
.other_item ul {
  display: flex;
  justify-content: space-between;
}
.other_item ul.other_item_list li {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
  color: #707070;
}
.other_item ul.other_item_list li img {
  margin-right: 30px;
}
.other_item ul.other_item_list li div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 259px;
  height: 140px;
  background: #EBEFF3;
}
.other_item_num {
  display: flex;
  align-items: flex-end;
  width: 100%;
  max-width: 723px;
  font-size: 20px;
  font-weight: 600;
  margin: 40px auto 84px;
}
.other_item_num .oin_photo {
  flex-shrink: 0;
  color: #3782D4;
  margin-right: 25px;
  text-align: center;
}
.other_item_num .oin_photo img {
  display: block;
  margin-top: 10px;
}
.other_item_num .oin_txt {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #707070;
  width: 100%;
  height: 162px;
  margin-bottom: 20px;
  background: #EBEFF3;
}
.handling_line_h3 {
  display: flex;
  align-items: center;
  margin: 0 auto 35px;
  font-size: 25px;
  font-weight: 600;
  color: #3782D4;
}
.handling_line_h3::before, .handling_line_h3::after {
  content: "";
  height: 2px;
  flex-grow: 1;
  background-color: #3782D4;
}
.handling_line_h3::before {
  margin-right: 3rem;
}
.handling_line_h3::after {
  margin-left: 3rem;
}
.common_table {
  width: 100%;
  max-width: 1000px;
  margin: auto;
  text-align: center;
  background: #fff;
  border: 1px solid #3782D4;
  table-layout: fixed;
}
.common_table th {
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 10px 10px 7px;
  background: #3782D4;
  border-right: 1px solid #fff;
}
.common_table th:first-of-type {
  width: 270px;
}
.common_table th:last-of-type {
  border-right: none;
}
.common_table td {
  font-size: 22px;
  text-align: center;
  padding: 15px 10px 13px;
  border: 1px solid #3782D4;
}
.common_table td:first-of-type {
  color: #3782D4;
}
.common_table td:not(:first-of-type) {
  font-weight: 600;
}
.common_table td:last-of-type {
  color: #A17D42;
}
@media screen and (max-width: 768px) {
  .handling_area {
    padding: calc(50 * (100vw / 430)) calc(15 * (100vw / 430)) calc(65 * (100vw / 430));
    background: #F8F9FB;
  }
  .handling_down {
    margin-bottom: calc(30 * (100vw / 430));
  }
  .handling_down_txt {
    font-size: calc(20 * (100vw / 430));
  }
  .handling_common_h3 {
    max-width: calc(312 * (100vw / 430));
    height: calc(50 * (100vw / 430));
    margin: calc(70 * (100vw / 430)) auto calc(40 * (100vw / 430));
    font-size: calc(20 * (100vw / 430));
  }
  .handling_bg_h3 {
    height: auto;
    min-height: calc(150 * (100vw / 430));
    font-size: calc(23 * (100vw / 430));
    text-align: center;
  }
  .handling_bg_h3 + .handling_common_h3 {
    margin-top: calc(55 * (100vw / 430));
  }
  .manufacturing {
    width: 100%;
    margin-bottom: calc(50 * (100vw / 430));
    padding: calc(20 * (100vw / 430));
    font-size: calc(20 * (100vw / 430));
  }
  .manufacturing h4 {
    font-size: calc(25 * (100vw / 430));
  }
  .manufacturing ul.manufacturing_photo {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 30px;
  }
  .manufacturing ul.manufacturing_photo li {
    margin-right: 20px;
  }
  .manufacturing ul.manufacturing_photo li:nth-child(2n) {
    margin-right: 0;
  }
  #mizusawadown .manufacturing ul.manufacturing_photo li img {
    width: auto;
    height: calc(125 * (100vw / 430)) !important;
  }
  .tape_item {
    display: block;
    margin-bottom: calc(30 * (100vw / 430));
    padding: 0;
    background: none;
  }
  .tape_item img {
    margin: 0 auto;
    display: block;
    width: 100%;
  }
  .tape_item > div {
    margin-top: calc(45 * (100vw / 430));
    padding: calc(25 * (100vw / 430)) calc(20 * (100vw / 430));
    background: #EBEFF3;
  }
  .tape_item p, .tape_item ul {
    font-size: calc(20 * (100vw / 430));
  }
  .tape_item ul {
    margin-top: calc(12 * (100vw / 430));
  }
  .tape_item ul li {
    width: 55%;
  }
  .tape_item ul li:nth-child(2n) {
    width: 45%;
  }
  .other_item ul {
    display: block;
  }
  .other_item ul.other_item_list li {
    font-size: calc(20 * (100vw / 430));
  }
  .other_item ul.other_item_list li:not(:first-child) {
    margin-top: calc(30 * (100vw / 430));
  }
  .other_item ul.other_item_list li img {
    margin-right: calc(15 * (100vw / 430));
    width: calc(160 * (100vw / 430));
  }
  .other_item ul.other_item_list li div {
    width: calc(221 * (100vw / 430));
    height: calc(140 * (100vw / 430));
  }
  .other_item_num {
    display: block;
    font-size: calc(20 * (100vw / 430));
    margin: calc(40 * (100vw / 430)) auto calc(50 * (100vw / 430));
  }
  .other_item_num .oin_photo {
    flex-shrink: 0;
    color: #3782D4;
    margin-right: 25px;
    text-align: center;
  }
  .other_item_num .oin_photo img {
    display: block;
    margin: calc(10 * (100vw / 430)) auto 0;
    width: calc(182 * (100vw / 430));
  }
  .other_item_num .oin_txt {
    height: auto;
    min-height: calc(120 * (100vw / 430));
    margin: calc(20 * (100vw / 430)) 0 0;
  }
  .handling_line_h3 {
    margin: 0 auto calc(25 * (100vw / 430));
    font-size: calc(25 * (100vw / 430));
  }
  .common_table th {
    font-size: calc(20 * (100vw / 430));
    padding: 5px;
    vertical-align: middle;
  }
  .common_table th:first-of-type {
    width: calc(110 * (100vw / 430));
  }
  .common_table td {
    font-size: calc(20 * (100vw / 430));
    padding: 15px 10px;
    vertical-align: middle;
  }
  .common_table td:first-of-type {
    font-size: calc(18 * (100vw / 430));
  }
}
/* -----voice_area----- */
.voice_area {}
.voice_list li {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 792px;
  min-height: 258px;
  margin-bottom: 40px;
  padding: 30px;
  font-size: 20px;
  background: #F4F6F8;
}
.voice_list li:nth-child(odd) {
  margin-right: auto;
}
.voice_list li:nth-child(even) {
  margin-left: auto;
}
.voice_heading {
  display: block;
  font-size: 25px;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .voice_area {
    margin: 0 calc(15 * (100vw / 430));
  }
  .voice_list li {
    display: block;
    width: 100%;
    min-height: calc(377 * (100vw / 430));
    margin-bottom: calc(30 * (100vw / 430));
    padding: calc(30 * (100vw / 430));
    font-size: calc(20 * (100vw / 430));
  }
  .voice_heading {
    font-size: calc(25 * (100vw / 430));
    margin-bottom: 5px;
  }
}