@charset "utf-8";
/* CSS Document */
.main{
  margin-bottom: 50px;
}
.topimage img{
  width: 100%;
  height: 60%;
  object-fit: cover;
  object-position: right bottom;
  }
.topmessage_section {
  background-color:#f5f0e9;
  padding-top: 40px;
  padding-bottom: 50px;
}
.topmassage {
  margin-left: 20px;
}
.navigation {
  font-size: 1.0rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.main ul li {
  list-style: none;
  padding-right: 10px;
  text-align: left;
}
.main ul li a {
  text-decoration: none;
  color: #333;
}
.main ul li a:visited {
  color: #333;
}
.toptitle_first {
  font-size: 3.0rem;
  color: #7c7777;
  font-family: Garamond;
  margin-top: 50px;
  margin-bottom: 10px;
}
.toptitle_second {
  font-size: 2.4rem;
  margin-bottom: 50px;
    color: #7c7777;
  font-family: Garamond;
}
.section_acquaquality {
  text-align: center;
  max-width: 800px;
  margin:  0 auto;
}
.acquaquality {
  margin: 0 20px;
}
.acquaquality h1 {
  font-family: Garamond;
  margin-top: 50px;
  margin-bottom: 50px;
}
.acquaquality h2 {
  font-size: 1.3rem;
}
.acquaquality_displayflex {
  font-size: 1.0rem;
  line-height: 2.0rem;
  margin-bottom: 50px;
  display: flex;
  overflow: hidden;
  justify-content: space-evenly;
}
.left,.right {
  text-align: left;
  display: inline-block;
  flex: 1;
}
.left {
  margin-right: 10px;
}
.right {
  margin-left: 5px;
}
.mark {
  color: #a9d8e0;
}
.blue {
  background-color: #a9d8e0;
  font-weight: 500;
}
.underline {
  border-bottom: 1px solid #333;
}
.relax {
  border-bottom: 1px solid #76bfcc;
}
.acquaquality_image img {
    width:80vw;
    max-width: 1000px;
  }

@media(min-width:769px) {
  .main ul li {
    padding-right: 40px;
  }
 .navigation, .acquaquality_displayflex {
  font-size: 1.2rem;
 }
 .acquaquality h1 {
  font-size: 3.0rem;
 }
 .acquaquality h2 {
  font-size: 1.6rem;
 }
 .left {
  margin-right: 70px;
}
.right {
  margin-left: 70px;
}
}