<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@-moz-document url-prefix() {
  .txt-vertical .txt-latin {
    display: inline-block;
    transform: rotate(180deg);
  }
}
#key li.slide1 {
  background: url(../img/about/key1.jpg) no-repeat center/cover;
}
#key li.slide2 {
  background: url(../img/about/key2.jpg) no-repeat center/cover;
}
#lead .wrap {
  padding-top: 155px;
}
#lead h2 {
  margin-left: -83px;
  margin-bottom: 53px;
}
#lead .txt {
  margin-left: 62px;
}
#lead .pt {
  position: absolute;
  top: 96px;
  right: -256px;
}
#sec1 {
  position: relative;
  z-index: 1;
}

#sec1:after {
  content: "";
  position: absolute;
  background: url("../img/about/sec1_line.jpg");
  width: 784px;
  height: 780px;
  left: calc(50% - 900px);
  bottom: 0;
  z-index: -1;
}
#sec1 .wrap {
  padding-top: 95px;
  padding-bottom: 140px;
}
#sec1 h2 {
  position: absolute;
  right: 160px;
  top: 56px;
}
#sec1 dl dt {
  font-size: 26px;
  line-height: 45px;
}
#sec1 dl dt span.price {
  margin-left: 25px;
  display: inline-block;
}
#sec1 dl dt span.price i {
  font-size: 20px;
}
#sec1 .block1 .txt{
  padding: 0 0 10px 60px;
}
#sec1 .block1 .pt {
  margin-left: -92px;
  margin-bottom: 26px;
}
#sec1 .block1 dl dt {
  margin-bottom: 16px;
}
#sec1 .block2 {
  width: 858px;
  margin-right: -204px;
  margin-left: auto;
  margin-top: -160px;
}
#sec1 .block2 dl dt {
  margin-bottom: 16px;
}
#sec2 {
  position: relative;
}
#sec2 h2 {
  position: absolute;
  top: 240px;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 9;
}
#sec2 .bg-parallax {
  background-image: url("../img/about/sec2_para.jpg");
  height: 650px;
}
#sec3 .wrap {
  padding-top: 182px;
  padding-bottom: 155px;
}
#sec3 .pt1 {
  margin-left: -150px;
  margin-bottom: 139px;
}
#sec3 .pt2 {
  position: absolute;
  right: -82px;
  bottom: 160px;
}
#sec3 .block1 {
  width: 498px;
  position: absolute;
  right: 0;
  top: 133px;
}
#sec3 .block1 h2 {
  margin-bottom: 25px;
}
#sec3 .block1 .txt1 {
  margin-left: 65px;
}
#sec3 .block2 h3 {
  margin-bottom: 40px;
}
#sec4 {
  background: url("../img/about/sec4_bg.jpg") no-repeat center top;
  background-size: cover;
}
#sec4 .wrap {
  padding-top: 120px;
  padding-bottom: 77px;
}
#sec4 h2 {
  position: absolute;
  right: 189px;
  top: 120px;
}
#sec4 .pt1 {
  margin-left: -150px;
  margin-bottom: 186px;
}
#sec4 .pt2 {
  position: absolute;
  right: -104px;
  bottom: 194px;
}
#sec4 .txt {
  margin-bottom: 71px;
}
#sec4 .btn {
  margin-left: 346px;
}
#sec5 {
  background: url("../img/about/sec5_line.jpg") no-repeat left bottom;
}
#sec5 .wrap {
  padding-top: 115px;
  text-align: center;
  padding-bottom: 155px;
}
#sec5 h2 {
  margin-bottom: 62px;
}
#sec5 .pt1 {
  position: absolute;
  right: -324px;
  top: 77px;
}
#sec5 .pt2 {
  position: absolute;
  left: -196px;
  bottom: 54px;
}
#sec6 {
  background: url("../img/about/sec6_bg.jpg") no-repeat center bottom;
  background-size: 100%;
}
#sec6 .wrap {
  padding-bottom: 136px;
}
#sec6 .pt {
  margin-left: -400px;
  margin-bottom: 195px;
}
#sec6 h2 {
  position: absolute;
  top: 0;
  right: 0;
}
#sec6 .txt {
  position: absolute;
  height: 400px;
  right: 189px;
  top: 105px;
}
#sec6 .btn {
  position: absolute;
  right: 194px;
  bottom: 221px;
}
#sec6 .pt2 {
  position: absolute;
  right: 0;
  top: 596px;
}
#sec6 .pt3 {
  margin-left: 23px;
}
#sec6 h3 {
  margin-left: 70px;
  margin-bottom: 52px;
}
#sec6 .hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #000 solid 6px;
  top: 7px;
  right: 7px;
  bottom: 7px;
  left: 7px;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
#sec6 .btn:hover img {
  opacity: 1;
}
@media screen and (min-width: 1800px){
	#sec1:after{
		left: 0;
	}
}
.pet_photo{
	text-align: center;
}
.pet_txt{
	text-align: center;
	font-size: 18px;
	line-height: 35px;
	font-weight: bold;
	padding: 30px 0 20px;
}</pre></body></html>