#AquaBankWater .underline,
#mamoru .underline,
#kencos .underline {
  background-size: 100% 60%;
  padding: 0px 15px !important;
}

@media screen and (max-width: 768px) {
  #AquaBankWater .text-special,
  #mamoru .text-special,
  #kencos .text-special {
    line-height: 1.6 !important;
  }
}

#AquaBankWater .mark-bg,
#mamoru .mark-bg,
#kencos .mark-bg {
  line-height: 2.7rem !important;
}

#AquaBankWater .text-red,
#mamoru .text-red,
#kencos .text-red {
  color: #b8012e;
}

#AquaBankWater .style-h2,
#mamoru .style-h2,
#kencos .style-h2 {
  margin-bottom: 32px !important;
}
@media screen and (max-width: 768px) {
  #AquaBankWater .style-h2,
  #mamoru .style-h2,
  #kencos .style-h2 {
    margin-bottom: 25px !important;
  }
}

#AquaBankWater > .container *,
#mamoru > .container *,
#kencos > .container * {
  padding: 0px;
  margin: 0px;
}

#AquaBankWater > .container .purchase-low,
#mamoru > .container .purchase-low,
#kencos > .container .purchase-low {
  margin: auto;
}

#AquaBankWater > .container img,
#mamoru > .container img,
#kencos > .container img {
  display: inline;
  width: auto;
}

#AquaBankWater > .container .first-fold,
#mamoru > .container .first-fold,
#kencos > .container .first-fold {
  margin-top: 160px;
}
@media screen and (max-width: 768px) {
  #AquaBankWater > .container .first-fold,
  #mamoru > .container .first-fold,
  #kencos > .container .first-fold {
    margin-top: 60px;
  }
}

#AquaBankWater img,
#mamoru img,
#kencos img {
  display: block;
  max-width: 100%;
}

#AquaBankWater ul,
#mamoru ul,
#kencos ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

#AquaBankWater .style-title,
#mamoru .style-title,
#kencos .style-title {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  #AquaBankWater .style-title,
  #mamoru .style-title,
  #kencos .style-title {
    margin-bottom: 20px;
  }
}
#AquaBankWater .style-title h2,
#mamoru .style-title h2,
#kencos .style-title h2 {
  margin-bottom: 22px;
}
@media screen and (max-width: 768px) {
  #AquaBankWater .style-title h2,
  #mamoru .style-title h2,
  #kencos .style-title h2 {
    margin-bottom: 10px;
  }
}
#AquaBankWater .style-title p,
#mamoru .style-title p,
#kencos .style-title p {
  text-align: center;
}
@media screen and (max-width: 768px) {
  #AquaBankWater .style-title p,
  #mamoru .style-title p,
  #kencos .style-title p {
    line-height: 1.8;
  }
}

#AquaBankWater .container-inner,
#mamoru .container-inner,
#kencos .container-inner {
  margin: 35px auto 0px;
}
@media screen and (min-width: 769px) {
  #AquaBankWater .container-inner,
  #mamoru .container-inner,
  #kencos .container-inner {
    max-width: 700px;
    margin: 40px auto 0px;
  }
}

#AquaBankWater button,
#mamoru button,
#kencos button {
  outline: none;
}

#AquaBankWater .targetLink,
#mamoru .targetLink,
#kencos .targetLink {
  position: relative;
  z-index: 0;
}
#AquaBankWater .targetLink .goLink,
#mamoru .targetLink .goLink,
#kencos .targetLink .goLink {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 5;
}

#AquaBankWater .ele-hover,
#mamoru .ele-hover,
#kencos .ele-hover {
  opacity: 1;
  transition: all 0.3s ease;
}
#AquaBankWater .ele-hover:hover,
#mamoru .ele-hover:hover,
#kencos .ele-hover:hover {
  opacity: 0.8;
}

#AquaBankWater .style-h3,
#mamoru .style-h3,
#kencos .style-h3 {
  color: #1eb9ee;
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: 0.1rem;
}
@media screen and (max-width: 768px) {
  #AquaBankWater .style-h3,
  #mamoru .style-h3,
  #kencos .style-h3 {
    font-size: 1.8rem;
  }
}

#AquaBankWater .fontSerif15,
#mamoru .fontSerif15,
#kencos .fontSerif15 {
  font-family: "Noto Serif JP";
  font-size: 1.5rem;
  line-height: 3.5rem;
}
@media screen and (max-width: 768px) {
  #AquaBankWater .fontSerif15,
  #mamoru .fontSerif15,
  #kencos .fontSerif15 {
    font-size: 1.4rem !important;
  }
}

#AquaBankWater .fontSerif18,
#mamoru .fontSerif18,
#kencos .fontSerif18 {
  font-family: "Noto Serif JP";
  font-size: 1.8rem;
  line-height: 2.6rem;
}
@media screen and (max-width: 768px) {
  #AquaBankWater .fontSerif18,
  #mamoru .fontSerif18,
  #kencos .fontSerif18 {
    font-size: 1.6rem;
  }
}

#AquaBankWater .fontSerif16,
#mamoru .fontSerif16,
#kencos .fontSerif16 {
  font-family: "Noto Serif JP";
  font-size: 1.6rem;
  line-height: 3.1rem;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  #AquaBankWater .fontSerif16,
  #mamoru .fontSerif16,
  #kencos .fontSerif16 {
    font-size: 1.4rem !important;
  }
}

#AquaBankWater .fontSerif26,
#mamoru .fontSerif26,
#kencos .fontSerif26 {
  font-family: "Noto Serif JP";
  font-size: 2.6rem;
  line-height: 5rem;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  #AquaBankWater .fontSerif26,
  #mamoru .fontSerif26,
  #kencos .fontSerif26 {
    font-size: 1.6rem !important;
  }
}

#AquaBankWater .fontSerif32,
#mamoru .fontSerif32,
#kencos .fontSerif32 {
  font-family: "Noto Serif JP";
  font-size: 3.2rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #AquaBankWater .fontSerif32,
  #mamoru .fontSerif32,
  #kencos .fontSerif32 {
    font-size: 2.2rem;
  }
}

#AquaBankWater .fontSerif37,
#mamoru .fontSerif37,
#kencos .fontSerif37 {
  font-family: "Noto Serif JP";
  font-size: 3.7rem;
  line-height: 3.9rem;
  letter-spacing: -0.05rem;
}
@media screen and (max-width: 768px) {
  #AquaBankWater .fontSerif37,
  #mamoru .fontSerif37,
  #kencos .fontSerif37 {
    font-size: 2.5rem;
    line-height: 1.1;
  }
}

#AquaBankWater .fontSans10,
#mamoru .fontSans10,
#kencos .fontSans10 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.04rem;
  font-family: "Noto Sans JP", sans-serif;
}

#AquaBankWater .fontSans11,
#mamoru .fontSans11,
#kencos .fontSans11 {
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.6rem;
  letter-spacing: 0.04rem;
  font-family: "Noto Sans JP", sans-serif;
}

#AquaBankWater .fontSans12,
#mamoru .fontSans12,
#kencos .fontSans12 {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.7rem;
  letter-spacing: 0.04rem;
  font-family: "Noto Sans JP", sans-serif;
}

#AquaBankWater .fontSans13,
#mamoru .fontSans13,
#kencos .fontSans13 {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.9rem;
  letter-spacing: 0.04rem;
  font-family: "Noto Sans JP", sans-serif;
}

#AquaBankWater .fontSans16,
#mamoru .fontSans16,
#kencos .fontSans16 {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.6rem;
  letter-spacing: 0.04rem;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 768px) {
  #AquaBankWater .fontSans16,
  #mamoru .fontSans16,
  #kencos .fontSans16 {
    font-size: 1.4rem !important;
  }
}

#AquaBankWater .fontSans20,
#mamoru .fontSans20,
#kencos .fontSans20 {
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.9rem;
  letter-spacing: 0.04rem;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 768px) {
  #AquaBankWater .fontSans20,
  #mamoru .fontSans20,
  #kencos .fontSans20 {
    font-size: 1.6rem !important;
  }
}

#AquaBankWater .fontSans22,
#mamoru .fontSans22,
#kencos .fontSans22 {
  font-size: 2.2rem;
  font-weight: 400;
  line-height: 3.2rem;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 768px) {
  #AquaBankWater .fontSans22,
  #mamoru .fontSans22,
  #kencos .fontSans22 {
    font-size: 1.7rem;
  }
}

#AquaBankWater .font78,
#mamoru .font78,
#kencos .font78 {
  font-size: 7.8rem;
  line-height: 1;
  letter-spacing: -0.6rem;
  font-family: "DIN2014-Bold";
}
@media screen and (max-width: 768px) {
  #AquaBankWater .font78,
  #mamoru .font78,
  #kencos .font78 {
    font-size: 5rem;
    letter-spacing: 0px;
  }
}

#AquaBankWater .font53,
#mamoru .font53,
#kencos .font53 {
  font-size: 5.3rem;
  line-height: 1;
  letter-spacing: -0.6rem;
  font-family: "DIN2014-Bold";
}
@media screen and (max-width: 768px) {
  #AquaBankWater .font53,
  #mamoru .font53,
  #kencos .font53 {
    font-size: 3rem;
    letter-spacing: 0px;
  }
}

#AquaBankWater .font44,
#mamoru .font44,
#kencos .font44 {
  font-size: 4.4rem;
  line-height: 1;
  letter-spacing: -0.6rem;
  font-family: "DIN2014-Bold";
}
@media screen and (max-width: 768px) {
  #AquaBankWater .font44,
  #mamoru .font44,
  #kencos .font44 {
    font-size: 3rem;
    letter-spacing: 0px;
  }
}

#AquaBankWater .font82,
#mamoru .font82,
#kencos .font82 {
  font-size: 8.2rem;
  line-height: 1;
  font-family: "DIN2014-Bold";
}
@media screen and (max-width: 768px) {
  #AquaBankWater .font82,
  #mamoru .font82,
  #kencos .font82 {
    font-size: 6rem;
  }
}

#AquaBankWater .font47,
#mamoru .font47,
#kencos .font47 {
  font-size: 4.7rem;
  line-height: 1;
  font-family: "DIN2014-Bold";
}
@media screen and (max-width: 768px) {
  #AquaBankWater .font47,
  #mamoru .font47,
  #kencos .font47 {
    font-size: 3rem;
  }
}

@media screen and (max-width: 768px) {
  #AquaBankWater .marginTSp,
  #mamoru .marginTSp,
  #kencos .marginTSp {
    margin-top: 60px !important;
  }
}

.fontB {
  font-weight: 700 !important;
}

.fontM {
  font-weight: 500 !important;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

.w-100v {
  width: 100vw;
}

.h-100v {
  height: 100vh;
}

.wmax {
  max-width: 100%;
}

.inview {
  transition-property: all;
  transition-duration: 0.8s;
  transition-timing-function: cubic-bezier(0.03, 0.57, 0.48, 1.02);
  opacity: 1;
}

.UP100 {
  transform: translate(0px, 100px);
}

.fade100 {
  transform: translate(0, 100%);
}

.fadeLeft {
  transform: translate(100px, 0px);
  opacity: 0;
}

.fadeUp {
  transform: translate(0px, 50px);
  opacity: 0;
}

#mamoru .reasons-wrap {
  display: flex;
  justify-content: space-between;
  max-width: 825px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  #mamoru .reasons-wrap {
    flex-wrap: wrap;
  }
}

#mamoru .reasons-circle {
  width: 248px;
  height: 248px;
  border-radius: 50%;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media screen and (max-width: 1024px) {
  #mamoru .reasons-circle {
    max-height: 248px;
    max-width: 248px;
    width: 30vw;
    height: 30vw;
  }
}
@media screen and (max-width: 768px) {
  #mamoru .reasons-circle {
    margin-left: auto;
    margin-right: auto;
    min-width: 220px;
    min-height: 220px;
    margin-bottom: 20px;
  }
}
#mamoru .reasons-circle dd {
  display: flex;
  align-items: baseline;
  margin-top: 5px;
}

#mamoru .reasons .reasons-text {
  text-align: center;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  #mamoru .reasons .reasons-text {
    margin-top: 0px;
  }
}
#mamoru .reasons .reasons-text p {
  line-height: 1.6;
}
#mamoru .reasons .reasons-text p:last-of-type {
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  #mamoru .reasons .reasons-text p:last-of-type {
    margin-top: 15px;
  }
}

#mamoru .features {
  margin-top: 160px;
}
#mamoru .features .box-grey {
  line-height: 6rem;
  text-align: center;
  background-color: #8e8e8f;
  color: white;
  font-size: min(2rem, 2.2vw);
}
@media screen and (max-width: 768px) {
  #mamoru .features .box-grey {
    line-height: 5rem;
  }
}
#mamoru .features-Noah dd {
  background-color: white;
  padding: 0px 10px 30px;
  border: 1px solid #8e8e8f;
}
@media screen and (max-width: 768px) {
  #mamoru .features-Noah dd {
    padding-bottom: 10px;
  }
}
#mamoru .features-Noah dd > p {
  text-align: center;
  margin: 40px auto 30px;
}
@media screen and (max-width: 768px) {
  #mamoru .features-Noah dd > p {
    margin: 25px auto 20;
  }
}
#mamoru .features-Noah-wrap {
  display: flex;
  justify-content: space-between;
  max-width: 940px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  #mamoru .features-Noah-wrap {
    flex-wrap: wrap;
  }
}
#mamoru .features-Noah-wrap .text-box {
  width: 300px;
  max-width: calc(100% / 3 - 10px);
  padding: 10px;
  text-align: center;
  background-color: #b8012e;
  border-radius: 10px;
  color: white;
}
@media screen and (max-width: 768px) {
  #mamoru .features-Noah-wrap .text-box {
    margin-left: auto;
    margin-right: auto;
    max-width: 220px;
    margin-bottom: 15px;
  }
}
#mamoru .features-board {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #mamoru .features-board {
    margin-top: 30px;
    flex-wrap: wrap;
  }
}
#mamoru .features-board-dl {
  width: 340px;
  max-width: calc(100% / 3 - 10px);
  border: 1px solid #d3d3d3;
}
@media screen and (max-width: 768px) {
  #mamoru .features-board-dl {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #mamoru .features-board-dl:not(:last-of-type) {
    margin-bottom: 30px;
  }
}
#mamoru .features-board-dl dd {
  height: 140px;
  padding: 25px;
}
#mamoru .features-board-dl dd p {
  max-width: 265px;
  margin: 0px auto 0px;
}

#mamoru .inspection {
  margin-top: 160px;
}
#mamoru .inspection-list {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #mamoru .inspection-list {
    flex-wrap: wrap;
  }
}
#mamoru .inspection-step {
  max-width: calc(100% / 3 - 10px);
  width: 306px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #mamoru .inspection-step {
    max-width: 100%;
    width: 280px;
    margin-left: auto;
    margin-right: auto;
  }
  #mamoru .inspection-step:not(:last-of-type) {
    margin-bottom: 30px;
  }
}
#mamoru .inspection-step figure {
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  width: 100%;
}
#mamoru .inspection-step.step1 figure {
  bottom: -11px;
}
@media screen and (max-width: 1024px) {
  #mamoru .inspection-step.step1 figure {
    width: 7.5vw;
  }
}
@media screen and (max-width: 768px) {
  #mamoru .inspection-step.step1 figure {
    width: 26%;
  }
}
#mamoru .inspection-step.step2 figure {
  bottom: -9px;
}
@media screen and (max-width: 1024px) {
  #mamoru .inspection-step.step2 figure {
    width: 20vw;
  }
}
@media screen and (max-width: 768px) {
  #mamoru .inspection-step.step2 figure {
    width: 70%;
  }
}
#mamoru .inspection-step.step3 figure {
  bottom: -31px;
}
@media screen and (max-width: 1024px) {
  #mamoru .inspection-step.step3 figure {
    width: 15.5vw;
  }
}
@media screen and (max-width: 768px) {
  #mamoru .inspection-step.step3 figure {
    width: 52%;
  }
}
#mamoru .inspection-circle {
  width: 100%;
  padding-bottom: 100%;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
#mamoru .inspection-circle > * {
  position: absolute;
  left: 0px;
  width: 100%;
}
#mamoru .inspection-circle dt {
  top: 0px;
  display: flex;
  height: 25.2%;
  align-items: center;
  justify-content: center;
  background-color: #b8012e;
  color: white;
}
#mamoru .inspection-circle dd {
  top: 25.2%;
  height: 100%;
  background-color: #ffe5e5;
  display: flex;
  justify-content: center;
}
#mamoru .inspection-circle dd p {
  text-align: center;
  margin-top: 12px;
}
#mamoru .inspection .text-bg {
  margin: 55px auto 0px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #mamoru .inspection .text-bg {
    margin-top: 40px;
  }
}

#mamoru .text-under {
  margin: 125px auto 160px;
}
@media screen and (max-width: 768px) {
  #mamoru .text-under {
    margin: 30px auto 60px;
  }
}
#mamoru .text-under p:last-of-type {
  margin-top: 20px;
}
#mamoru .text-under .text-notice {
  display: block;
  margin-top: 20px;
}