@media (max-width: 999px) {
  main {
    margin-top: 73px
  }
}

.sec-c-ttl .c-ttl-jp span {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.5em;
  letter-spacing: .1em;
  font-weight: 500;
  max-width: 294px;
  width: 100%;
  padding-bottom: 2px;
  white-space: nowrap
}

@media (min-width: 1000px) {
  .sec-c-ttl .c-ttl-jp span {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1.52778em;
    letter-spacing: .2em
  }
}

.sec-c-ttl .c-txt-en {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.46154em;
  letter-spacing: .06em;
  font-weight: 400;
  color: #8DCFBC
}

@media (max-width: 999px) {
  .sec-c-ttl .c-txt-en {
    margin-top: -4px
  }
}

@media (min-width: 1000px) {
  .sec-c-ttl .c-txt-en {
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 1em
  }
}

@media (min-width: 1000px) {
  .sec-c-ttl .inner {
    padding-left: 30px
  }
}

@media (max-width: 999px) {
  .sec-c-ttl .inner {
    padding: 0 30px
  }
}

.garden-renovation .c-footer {
  margin-top: 105px
}

@media (min-width: 1000px) {
  .garden-renovation .c-footer {
    margin-top: 183px
  }
}

.garden-renovation .sec-c-ttl {
  margin-top: 15px
}

@media (min-width: 1000px) {
  .garden-renovation .sec-c-ttl {
    margin-top: 0;
    padding-top: 23px
  }
  .garden-renovation .sec-c-ttl .c-ttl-jp span {
    max-width: 556px;
    padding-bottom: 5px
  }
}

.garden-renovation-box1 {
  margin-top: 19px
}

@media (min-width: 1000px) {
  .garden-renovation-box1 {
    margin-top: 28px
  }
}

.garden-renovation-box1 .itembox .item {
  margin-bottom: 40px
}

.garden-renovation-box1 .itembox .item:last-child {
  margin-bottom: 0
}

@media (min-width: 1000px) {
  .garden-renovation-box1 .itembox .item {
    margin-bottom: 134px
  }
}

.garden-renovation-box1 .itembox .img img {
  width: 100%
}

@media (min-width: 1000px) {
  .garden-renovation-box1 .itembox .img {
    width: 100%
  }
  .garden-renovation-box1 .itembox .img img {
    height: 100%;
    object-fit: cover
  }
}

.garden-renovation-box1 .itembox .txtbox {
  margin-top: 23px;
  padding: 0 31px 0 32px
}

.garden-renovation-box1 .itembox .txtbox .ttl {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.45em;
  letter-spacing: .1em;
  font-weight: 700;
  margin-bottom: 15px
}

@media (max-width: 999px) {
  .garden-renovation-box1 .itembox .txtbox .ttl.ttl1 {
    margin-left: -3px;
    margin-right: -20px;
    padding-top: 7px
  }
}

@media (min-width: 1000px) {
  .garden-renovation-box1 .itembox .txtbox {
    max-width: 834px;
    width: 100%;
    margin: 69px auto 0
  }
  .garden-renovation-box1 .itembox .txtbox .ttl {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1.52778em;
    margin-bottom: 37px
  }
  .garden-renovation-box1 .itembox .txtbox .txt {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2.8125em;
    letter-spacing: .1em;
    font-weight: 400
  }
}

@media (min-width: 1000px) {
  .garden-renovation-box1 .itembox .item1 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 531px;
    overflow: hidden
  }
  .garden-renovation-box1 .itembox .item1 .img {
    height: 531px;
    width: 51.2%
  }
  .garden-renovation-box1 .itembox .item1 .img img {
    width: 100%;
    height: 100%;
    object-fit: cover
  }
  .garden-renovation-box1 .itembox .item1 .txtbox {
    margin-top: 0;
    padding-top: 0;
    padding-left: 72px;
    width: 48.8%;
    max-width: 100%;
    background: linear-gradient(to right, #f8f7f7 0%, rgba(255, 255, 255, 0.53) 58.06%, rgba(255, 255, 255, 0) 100%)
  }
  .garden-renovation-box1 .itembox .item1 .txtbox .ttl {
    line-height: 65px;
    margin-bottom: 35px
  }
  .garden-renovation-box1 .itembox .item1 .txtbox .ttl span {
    padding-left: 13px
  }
  .garden-renovation-box1 .itembox .item1 .txtbox .txt {
    max-width: 453px
  }
}

.garden-renovation-box2 {
  margin-top: 38px;
  background: #F8F7F7;
  padding: 26px 25px 37px
}

@media (min-width: 1000px) {
  .garden-renovation-box2 {
    margin-top: 182px;
    padding: 77px 25px 116px
  }
  .garden-renovation-box2 .innerbox {
    max-width: 612px;
    width: 100%;
    margin: 0 auto
  }
}

.garden-renovation-box2 .ttl {
  text-align: center;
  background: #66A793;
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.45em;
  letter-spacing: .03em;
  font-weight: 500;
  padding: 3px 0 5px;
  border-radius: 100px;
  font-family: "Zen Kaku Gothic New", sans-serif
}

@media only screen and (max-width: 380px) {
  .garden-renovation-box2 .ttl {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.70588em;
    letter-spacing: 0em
  }
}

@media (max-width: 999px) and (max-width: 429px) {
  .garden-renovation-box2 .ttl {
    font-size: 4.65116vw
  }
}

@media (min-width: 1000px) {
  .garden-renovation-box2 .ttl {
    padding: 0;
    height: 55px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 573px;
    width: 100%;
    margin: 0 auto;
    font-size: 29px;
    font-size: 2.9rem;
    line-height: 1em;
    padding-bottom: 2px;
    padding-left: 12px
  }
}

.garden-renovation-box2 .txtbox {
  margin-top: 20px
}

.garden-renovation-box2 .txtbox .txt {
  position: relative;
  padding-left: 30px;
  letter-spacing: 0;
  margin-bottom: 17px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:rgba(178,178,178,0.66);%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M20.7,0,6.44,15.681,2.3,12.545H0L6.44,23,23,0Z' transform='translate(0 0)'/%3E%3C/svg%3E");
  background-size: 23px 23px;
  background-position: left 4px top 6px
}

@media (max-width: 999px) {
  .garden-renovation-box2 .txtbox .txt {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.375em;
    padding-bottom: 9px;
    margin-bottom: 23px
  }
}

.garden-renovation-box2 .txtbox .txt:last-child {
  margin-bottom: 0
}

.garden-renovation-box2 .txtbox .txt:after {
  content: "";
  position: absolute;
  left: 2px;
  bottom: 4px;
  width: calc(100% - 4px);
  height: 1px;
  border-bottom: 1px dotted #707070
}

@media (max-width: 999px) {
  .garden-renovation-box2 .txtbox .txtnopadding {
    letter-spacing: -0.03em
  }
}

@media (min-width: 1000px) {
  .garden-renovation-box2 .txtbox {
    margin-top: 73px
  }
  .garden-renovation-box2 .txtbox .txt {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.18182em;
    letter-spacing: .1em;
    font-weight: 400;
    padding-bottom: 14px;
    padding-left: 40px;
    margin-bottom: 30px;
    background-position: left 2px top 6px
  }
}

.garden-renovation-box3 {
  margin-top: 37px
}

@media (min-width: 1000px) {
  .garden-renovation-box3 {
    margin-top: 98px
  }
}

@media (max-width: 999px) {
  .garden-renovation-box3 .inner {
    padding-left: 32px
  }
}

@media (min-width: 1000px) {
  .garden-renovation-box3 .inner {
    max-width: 686px
  }
}

.garden-renovation-box3 .itembox .item {
  margin-bottom: 48px
}

.garden-renovation-box3 .itembox .item:last-child {
  margin-bottom: 0
}

@media (min-width: 1000px) {
  .garden-renovation-box3 .itembox .item {
    margin-bottom: 208px
  }
}

.garden-renovation-box3 .itembox .ttl {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.45em;
  letter-spacing: .1em;
  font-weight: 700;
  margin-bottom: 14px
}

@media (min-width: 1000px) {
  .garden-renovation-box3 .itembox .ttl {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1.52778em;
    letter-spacing: .1em;
    font-weight: 700;
    font-family: "Zen Kaku Gothic New", sans-serif;
    margin-bottom: 38px
  }
}

.garden-renovation-box3 .itembox .ttl1 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.66667em;
  letter-spacing: .055em;
  font-weight: 700
}

@media (min-width: 1000px) {
  .garden-renovation-box3 .itembox .ttl1 {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1.52778em;
    letter-spacing: .1em;
    font-weight: 700;
    font-family: "Zen Kaku Gothic New", sans-serif;
    margin-bottom: 49px
  }
}

@media (min-width: 1000px) {
  .garden-renovation-box3 .itembox .txt {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2.8125em;
    letter-spacing: .1em;
    font-weight: 400
  }
}

@media (max-width: 999px) {
  .garden-renovation-box3 .l-btn {
    padding: 0 42px;
    margin-top: 58px
  }
}

.garden-renovation-box3 .l-btn .c-btn01 {
  margin-bottom: 22px
}

.garden-renovation-box3 .l-btn .c-btn01:last-child {
  margin-bottom: 0
}

@media (min-width: 1000px) {
  .garden-renovation-box3 .l-btn {
    margin-top: 108px;
    margin-bottom: 100px;
  }
  .garden-renovation-box3 .l-btn .c-btn01 {
    margin: 0 auto 31px;
    max-width: 557px;
    height: 69px;
    border-radius: 100px
  }
}

.garden-renovation-box4 {
  margin-top: 49px
}

@media (min-width: 1000px) {
  .garden-renovation-box4 {
    margin-top: 135px
  }
}

.garden-renovation-box4 .ttl {
  color: #66A793;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.44444em;
  letter-spacing: .055em;
  font-weight: 700;
  font-family: "Zen Kaku Gothic New", sans-serif
}

@media (max-width: 999px) {
  .garden-renovation-box4 .ttl {
    padding-left: 32px
  }
}

@media (min-width: 1000px) {
  .garden-renovation-box4 .ttl {
    font-size: 29px;
    font-size: 2.9rem;
    line-height: 1.44828em;
    letter-spacing: .055em;
    font-weight: 700;
    max-width: 1110px;
    width: 100%;
    margin: 0 auto;
    padding: 0 30px 0 49px
  }
}

.garden-renovation-box4 .itembox {
  margin-top: 19px
}

.garden-renovation-box4 .itembox .item {
  margin-bottom: 39px
}

.garden-renovation-box4 .itembox .item:last-child {
  margin-bottom: 0
}

.garden-renovation-box4 .itembox .item img {
  width: 100%
}

@media (min-width: 1000px) {
  .garden-renovation-box4 .itembox {
    max-width: 1137px;
    width: 100%;
    margin: 18px auto 0;
    padding: 0 30px 0 57px
  }
  .garden-renovation-box4 .itembox .item {
    margin-bottom: 86px
  }
  .garden-renovation-box4 .itembox .item:nth-child(2) {
    margin-bottom: 100px
  }
}

.garden-renovation-box4 .l-btn {
  margin-top: 60px;
  padding: 0 28px
}

@media (min-width: 1000px) {
  .garden-renovation-box4 .l-btn {
    margin-top: 134px
  }
  .garden-renovation-box4 .l-btn .c-btn02 {
    max-width: 587px;
    margin: auto;
    background-color: #8ECFBC
  }
}

@media (max-width: 999px) {
  .garden-renovation-box5 {
    margin-top: 60px;
    padding: 19px 25px 31px
  }
  .garden-renovation-box5 .ttl {
    letter-spacing: 0
  }
  .garden-renovation-box5 .txtbox {
    margin-top: 15px
  }
}

@media (min-width: 1000px) {
  .garden-renovation-box5 {
    margin-top: 138px;
    padding-bottom: 96px
  }
  .garden-renovation-box5 .innerbox {
    max-width: 634px
  }
  .garden-renovation-box5 .innerbox .ttl {
    max-width: 100%
  }
  .garden-renovation-box5 .innerbox .txtbox {
    max-width: 612px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 71px
  }
}

.garden-renovation-box6 {
  margin-top: 3px
}

.garden-renovation-box6 .inner {
  padding-left: 32px
}

@media (min-width: 1000px) {
  .garden-renovation-box6 {
    margin-top: 40px
  }
  .garden-renovation-box6 .inner {
    padding: 0;
    max-width: 538px;
    width: 100%;
    margin: 0 auto;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2.8125em;
    letter-spacing: .1em;
    font-weight: 400
  }
}

.garden-renovation-box7 {
  margin-top: 70px
}

@media (min-width: 1000px) {
  .garden-renovation-box7 {
    margin-top: 127px
  }
}

.garden-renovation-box7 .ttlbox {
  background: #F8F7F7;
  padding: 34px 39px 32px 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center
}

.garden-renovation-box7 .ttlbox .ttl-main {
  padding-left: 6px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.45em;
  letter-spacing: .1em;
  font-weight: 700
}

@media (min-width: 1000px) {
  .garden-renovation-box7 .ttlbox {
    padding: 80px 39px 61px 43px
  }
  .garden-renovation-box7 .ttlbox .icon img {
    width: 163px;
    height: 163px
  }
  .garden-renovation-box7 .ttlbox .ttl-main {
    padding-left: 30px;
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1.44444em;
    letter-spacing: .177em;
    font-weight: 700;
    padding-bottom: 20px
  }
}

.garden-renovation-box7 .itembox {
  margin-top: 40px;
  padding: 0 31px 0 32px
}

.garden-renovation-box7 .itembox .item {
  margin-bottom: 49px
}

.garden-renovation-box7 .itembox .item:last-child {
  margin-bottom: 0
}

.garden-renovation-box7 .itembox .ttl {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.45em;
  letter-spacing: .1em;
  font-weight: 700
}

.garden-renovation-box7 .itembox .ttl1 {
  margin-right: -10px
}

.garden-renovation-box7 .itembox .txt {
  margin-top: 15px
}

@media (min-width: 1000px) {
  .garden-renovation-box7 .itembox {
    margin-top: 58px
  }
  .garden-renovation-box7 .itembox .item {
    max-width: 627px;
    width: 100%;
    margin: 0 auto 97px
  }
  .garden-renovation-box7 .itembox .item:last-child {
    margin-bottom: 0
  }
  .garden-renovation-box7 .itembox .ttl {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1.52778em;
    white-space: nowrap
  }
  .garden-renovation-box7 .itembox .txt {
    margin-top: 17px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2.8125em;
    letter-spacing: .1em;
    font-weight: 400
  }
}

@media (max-width: 999px) {
  .garden-renovation-box7 .l-btn {
    margin-top: 45px;
    padding: 0 41px 0 42px
  }
}

.garden-renovation-box7 .l-btn .c-btn01 {
  margin-bottom: 22px
}

.garden-renovation-box7 .l-btn .c-btn01:last-child {
  margin-bottom: 0
}

@media (min-width: 1000px) {
  .garden-renovation-box7 .l-btn {
    margin-top: 161px
  }
  .garden-renovation-box7 .l-btn .c-btn01 {
    margin: 0 auto 31px;
    max-width: 557px;
    height: 69px;
    border-radius: 100px
  }
}

.renovation-box1 {
  margin-top: 59px
}

.renovation-box1 img {
  width: 100%
}

.renovation-box3 {
  margin-top: 20px
}

@media (max-width: 999px) {
  .renovation-box3 .inner {
    padding-left: 32px
  }
}

@media (min-width: 1000px) {
  .renovation-box3 {
    margin-top: 68px
  }
  .renovation-box3 .inner {
    max-width: 627px;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2.8125em;
    letter-spacing: .1em;
    font-weight: 400
  }
}

.renovation-box4 .l-btn {
  margin-top: 35px
}

@media (max-width: 999px) {
  .renovation-box4 .c-btn02 {
    letter-spacing: 0
  }
}

@media (min-width: 1000px) {
  .renovation-box4 .l-btn {
    margin-top: 123px
  }
  .renovation-box4 .c-btn02 {
    letter-spacing: 0.05em
  }
}

.renovation .sec-c-ttl .c-ttl-jp span {
  max-width: 350px;
  width: 100%
}

@media (min-width: 1000px) {
  .renovation .sec-c-ttl .c-ttl-jp span {
    max-width: 622px;
    letter-spacing: 0.08em
  }
}

.renovation .c-footer {
  margin-top: 36px
}

@media (min-width: 1000px) {
  .renovation .c-footer {
    margin-top: 139px
  }
}

.renovation .renovation-box2 {
  margin-top: 112px
}

@media (max-width: 999px) {
  .renovation .renovation-box2 {
    margin-top: 59px
  }
}

@media (min-width: 1000px) {
  .renovation .renovation-box2 .itembox .item1 {
    height: 586px
  }
  .renovation .renovation-box2 .itembox .item1 .img {
    height: 586px
  }
  .renovation .renovation-box2 .itembox .item1 .txtbox {
    padding-top: 45px
  }
  .renovation .renovation-box2 .itembox .item1 .txtbox .txt {
    max-width: 486px
  }
  .renovation .renovation-box2 .itembox .item1 .txtbox .ttl {
    margin-bottom: 26px
  }
}

@media (max-width: 999px) {
  .renovation .renovation-box2 .itembox .item1 .txtbox {
    margin-top: 59px;
    background: #F8F7F7;
    padding-top: 34px;
    padding-bottom: 55px
  }
}

.renovation .garden-renovation-box2 {
  margin-top: 22px;
  padding-top: 18px;
  padding-bottom: 17px
}

.renovation .garden-renovation-box2 .ttl {
  letter-spacing: 0.08em
}

@media only screen and (max-width: 380px) {
  .renovation .garden-renovation-box2 .ttl {
    letter-spacing: 0
  }
}

.renovation .garden-renovation-box2 .txtbox {
  margin-top: 16px
}

@media (max-width: 999px) {
  .renovation .garden-renovation-box2 .txtbox {
    margin-top: 20px
  }
}

@media (max-width: 999px) {
  .renovation .garden-renovation-box2 .txtbox .txt {
    letter-spacing: 0.055em
  }
}

@media (min-width: 1000px) {
  .renovation .garden-renovation-box2 {
    margin-top: 87px;
    padding-top: 78px;
    padding-bottom: 78px
  }
  .renovation .garden-renovation-box2 .txtbox {
    margin-top: 72px
  }
}

.renovation .garden-renovation-box3 {
  margin-top: 40px
}

.renovation .garden-renovation-box3 .l-btn {
  margin-top: 35px
}

@media (min-width: 1000px) {
  .renovation .garden-renovation-box3 {
    margin-top: 60px
  }
  .renovation .garden-renovation-box3 .l-btn {
    margin-top: 92px
  }
}

.renovation .garden-renovation-box4 {
  margin-top: 47px
}

.renovation .garden-renovation-box4 .ttl {
  padding-left: 36px
}

@media only screen and (max-width: 380px) {
  .renovation .garden-renovation-box4 .ttl {
    letter-spacing: 0
  }
}

.renovation .garden-renovation-box4 .itembox {
  margin-top: 22px
}

.renovation .garden-renovation-box4 .c-btn02 {
  padding: 7px 30px 7px 0px
}

@media (min-width: 1000px) {
  .renovation .garden-renovation-box4 {
    margin-top: 98px
  }
  .renovation .garden-renovation-box4 .ttl {
    padding-left: 51px
  }
  .renovation .garden-renovation-box4 .itembox {
    margin-top: 18px
  }
  .renovation .garden-renovation-box4 .itembox .item:last-child {
    margin-bottom: 0
  }
  .renovation .garden-renovation-box4 .c-btn02 {
    padding-left: 11px;
    background-color: #66A793
  }
  .renovation .garden-renovation-box4 .c-btn02:after {
    right: 29px
  }
}

.renovation .renovation-box5 {
  margin-top: 66px
}

.renovation .renovation-box5 .itembox .nospacing {
  letter-spacing: 0
}

.renovation .renovation-box5 .itembox .item:not(:last-child) {
  margin-bottom: 60px
}

@media (min-width: 1000px) {
  .renovation .renovation-box5 .itembox .item:not(:last-child) {
    margin-bottom: 167px
  }
}

.renovation .renovation-box5 .itembox .itemother .txt {
  margin-top: 20px
}

.renovation .renovation-box5 .l-btn {
  margin-top: 43px
}

@media only screen and (max-width: 380px) {
  .renovation .renovation-box5 .ttlbox {
    padding-right: 20px
  }
  .renovation .renovation-box5 .ttlbox .ttl-main {
    letter-spacing: 0
  }
}

@media (min-width: 1000px) {
  .renovation .renovation-box5 {
    margin-top: 79px
  }
  .renovation .renovation-box5 .itembox {
    margin-top: 31px
  }
  .renovation .renovation-box5 .itembox .txt {
    margin-top: 35px
  }
  .renovation .renovation-box5 .l-btn {
    margin-top: 92px
  }
}

@media only screen and (max-width: 380px) {
  .renovation .sec-c-ttl .c-ttl-jp span {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.66667em;
    letter-spacing: .05em;
    font-weight: 500
  }
}


/*# sourceMappingURL=maps/garden-renovation.min.css.map */