<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.br-sp {
  display: block;
}
@media (min-width: 1024px) {
  .br-sp {
    display: none;
  }
}
.br-pc {
  display: none;
}
@media (min-width: 1024px) {
  .br-pc {
    display: block;
  }
}

.dot {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: clamp(1.8rem, 2.34375vw, 2.6rem);
  font-weight: bold;
  line-height: 1.4;
}
.dot:has(wbr) {
  word-break: keep-all;
}
.dot::before {
  content: "";
  display: block;
  background-color: #00a73c;
  width: clamp(1rem, 1.3020833333vw, 1.4rem);
  height: clamp(1rem, 1.3020833333vw, 1.4rem);
  min-width: clamp(1rem, 1.3020833333vw, 1.4rem);
  min-height: clamp(1rem, 1.3020833333vw, 1.4rem);
  border-radius: 50%;
  margin-right: clamp(1.2rem, 1.5625vw, 1.8rem);
  margin-top: clamp(0.8rem, 1.0416666667vw, 1.2rem);
}

.line {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: clamp(1.8rem, 2.34375vw, 2.6rem);
  font-weight: bold;
  position: relative;
  padding-left: clamp(1.4rem, 1.8229166667vw, 2rem);
  line-height: 1.4;
}
.line:has(wbr) {
  word-break: keep-all;
}
.line::before {
  content: "";
  display: block;
  background-color: #00a73c;
  width: clamp(0.3rem, 0.390625vw, 0.6rem);
  height: clamp(1.4rem, 1.8229166667vw, 2.2rem);
  min-width: clamp(0.3rem, 0.390625vw, 0.6rem);
  min-height: clamp(1.4rem, 1.8229166667vw, 2.2rem);
  position: absolute;
  left: 0;
  height: 80%;
}

#pageTitle {
  background: url(../../img/contact/top_img.jpg) no-repeat;
  background-size: cover;
}
@media (min-width: 768px) {
  #pageTitle {
    background: url(../../img/contact/top_img_pc.jpg) no-repeat;
    background-size: cover;
  }
}

.contents {
  width: min(100% - 30px, 1270px);
  margin-left: auto;
  margin-right: auto;
  padding-bottom: clamp(7.5rem, 9.765625vw, 15rem);
}</pre></body></html>