/***************************************

garden

***************************************/
.garden {
  padding: 16.4974619289vw 0 25.3807106599vw;
}
@media screen and (min-width: 769px) {
  .garden {
    padding: 9.2307692308vw 0 15.3846153846vw;
  }
}
@media screen and (min-width: 1300px) {
  .garden {
    padding: 120px 0 200px;
  }
}
.garden_inner {
  width: 89.847715736vw;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .garden_inner {
    width: 88.4615384615vw;
  }
}
@media screen and (min-width: 1300px) {
  .garden_inner {
    width: 1150px;
  }
}
.garden_introduction {
  padding: 0 0 11.421319797vw;
  border-bottom: 1px solid #000;
}
@media screen and (min-width: 769px) {
  .garden_introduction {
    padding: 0 0 9.2307692308vw;
  }
}
@media screen and (min-width: 1300px) {
  .garden_introduction {
    padding: 0 0 120px;
  }
}
.garden_introduction h3 {
  font-size: 5.5837563452vw;
  line-height: 9.1370558376vw;
  font-weight: 500;
  padding: 0 0 6.345177665vw;
}
@media screen and (min-width: 769px) {
  .garden_introduction h3 {
    font-size: 2.4615384615vw;
    line-height: 3.8461538462vw;
    padding: 0 0 5.3846153846vw;
  }
}
@media screen and (min-width: 1300px) {
  .garden_introduction h3 {
    font-size: 32px;
    line-height: 50px;
    padding: 0 0 70px;
  }
}
.garden_introduction p {
  font-size: 3.5532994924vw;
  line-height: 7.1065989848vw;
}
@media screen and (min-width: 769px) {
  .garden_introduction p {
    font-size: 1.2307692308vw;
    line-height: 2.4615384615vw;
  }
}
@media screen and (min-width: 1300px) {
  .garden_introduction p {
    font-size: 16px;
    line-height: 32px;
  }
}
.garden .garden_detial {
  padding: 11.421319797vw 0 0;
}
@media screen and (min-width: 769px) {
  .garden .garden_detial {
    padding: 2.6923076923vw 0 0;
  }
}
@media screen and (min-width: 1300px) {
  .garden .garden_detial {
    padding: 35px 0 0;
  }
}
.garden .garden_detial-image {
  padding: 0 0 11.421319797vw;
}
@media screen and (min-width: 769px) {
  .garden .garden_detial-image {
    padding: 0 0 9.2307692308vw;
  }
}
@media screen and (min-width: 1300px) {
  .garden .garden_detial-image {
    padding: 0 0 120px;
  }
}
.garden .garden_detial-image img {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .garden .garden_detial ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.garden .garden_detial ul li {
  width: 78.6802030457vw;
  padding: 0 0 6.345177665vw;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .garden .garden_detial ul li {
    width: 27.8461538462vw;
    padding: 0;
  }
}
@media screen and (min-width: 1300px) {
  .garden .garden_detial ul li {
    width: 362px;
  }
}
.garden .garden_detial ul li img {
  width: 100%;
}
.garden .garden_detial ul li span {
  display: block;
  font-size: 4.0609137056vw;
  padding: 3.807106599vw 0 0;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
  .garden .garden_detial ul li span {
    font-size: 1.0769230769vw;
    padding: 1.5384615385vw 0 0;
  }
}
@media screen and (min-width: 1300px) {
  .garden .garden_detial ul li span {
    font-size: 14px;
    padding: 20px 0 0;
  }
}