@media screen and (min-width: 768px) {
  .secIntro__container {
    max-width: 1000px;
  }
}
.secIntro__ttl {
  margin-bottom: 30px;
}
.secIntro__ttl small {
  font-size: clamp(14px, 0.5em, 20px);
}
.secIntro__txtWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: 20px;
}
.secIntro__txtWrap_ttl {
  font-size: 112.5%;
  font-weight: 600;
}
.secIntro__txtWrap_ttl strong {
  display: contents;
}
.secIntro__txtWrap p {
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .secIntro__txtWrap p {
    font-size: 87.5%;
  }
}
@media screen and (min-width: 1200px) {
  .secIntro__txtWrap {
    font-size: 112.5%;
  }
  .secIntro__txtWrap p {
    font-size: 100%;
  }
}
.secIntro__img--01 {
  margin: 0 0 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-gap: 10px;
}
.secIntro__img--01 img {
  width: 80%;
}
.secIntro__img--01 img:nth-child(1) {
  margin-left: auto;
}
.secIntro__img--02 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-gap: 10px;
}
.secIntro__img--02 img {
  width: 80%;
}
.secIntro__img--02 img:nth-child(1) {
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .secIntro__img--01 img {
    width: 30%;
  }
  .secIntro__img--01 img:nth-child(1) {
    margin-left: 0;
    transform: translateX(40%);
  }
  .secIntro__img--02 {
    padding-top: 1.25em;
  }
  .secIntro__img--02 img {
    width: 30%;
    margin-left: auto;
    transform: translateX(-40%);
  }
}

.secExterior {
  background: url(../img/gardening/exterior_bg.jpg) right center/cover no-repeat;
}
.secExterior__container {
  padding: 30px 20px;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1200px) {
  .secExterior__txtWrap {
    font-size: 112.5%;
  }
}
.secExterior__ttl {
  margin-bottom: 30px;
  font-size: 112.5%;
  font-weight: 600;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .secExterior__ttl {
    font-size: 125%;
  }
}
@media screen and (min-width: 768px) {
  .secExterior__list {
    max-width: 600px;
  }
}

.secGarden {
  padding-bottom: 0;
}
@media screen and (min-width: 992px) {
  .secGarden__container {
    width: calc(100% - 100px);
  }
}
.secGarden__ttl small {
  font-size: 14px;
  font-weight: 500;
}
@media screen and (min-width: 992px) {
  .secGarden__ttl small {
    font-size: 16px;
  }
}
.secGarden__img {
  margin: 50px 0;
}

.secPlanning__container {
  grid-gap: 80px;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .secPlanning__container {
    grid-gap: 100px 0;
  }
}
@media screen and (min-width: 992px) {
  .secPlanning__container {
    width: calc(100% - 100px);
  }
}
@media screen and (min-width: 1200px) {
  .secPlanning__container {
    grid-gap: 120px 0;
  }
}
.secPlanning__ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 10px;
}
.secPlanning__ttl .icon {
  width: 2em;
  flex-shrink: 0;
}
.secPlanning__pointBlk {
  padding: 0 10.5px;
  grid-gap: 40px;
}
@media screen and (min-width: 768px) {
  .secPlanning__pointBlk {
    grid-gap: 30px 0;
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 992px) {
  .secPlanning__pointBlk {
    grid-gap: 40px 0;
  }
}
.secPlanning__ttl {
  padding: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .secPlanning__ttl {
    font-size: 22px;
  }
}
@media screen and (min-width: 992px) {
  .secPlanning__ttl {
    font-size: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .secPlanning__ttl {
    font-size: 26px;
  }
}
@media screen and (min-width: 1440px) {
  .secPlanning__ttl {
    font-size: 30px;
  }
}
@media screen and (min-width: 1600px) {
  .secPlanning__ttl {
    font-size: 35px;
  }
}
@media screen and (min-width: 1920px) {
  .secPlanning__ttl {
    font-size: 40px;
  }
}
.secPlanning__txtWrap {
  padding: 0;
}
.secPlanning__txtWrap_ttl {
  border-bottom: 1px solid var(--main);
  font-size: 112.5%;
  font-weight: 600;
}
.secPlanning__txtWrap_ttl:not(:first-child) {
  margin-top: 1.5em;
}
.secPlanning__txtWrap_ttl:not(:last-child) {
  margin-bottom: 0.75em;
}
.secPlanning__txtWrap_txt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-gap: 20px;
}
.secPlanning__txtWrap_txt p {
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .secPlanning__txtWrap_ttl {
    font-size: 125%;
  }
}
@media screen and (min-width: 1200px) {
  .secPlanning__txtWrap {
    font-size: 112.5%;
  }
}
.secPlanning__imgWrap {
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-gap: 20px;
}
@media screen and (min-width: 992px) {
  .secPlanning__imgWrap {
    grid-gap: 30px;
  }
}

@media screen and (min-width: 992px) {
  .secLana__container {
    width: calc(100% - 100px);
  }
}
.secLana__txtWrap p {
  line-height: 1.8;
}
@media screen and (min-width: 1200px) {
  .secLana__txtWrap {
    font-size: 112.5%;
  }
}
.secLana__subTtl {
  text-align: left;
}
.secLana__subTtl small {
  font-size: 14px;
  font-weight: 500;
}
@media screen and (min-width: 992px) {
  .secLana__subTtl small {
    font-size: 16px;
  }
}
.secLana__mapWrap .map {
  width: 100%;
  padding-top: 100%;
}
@media screen and (min-width: 1200px) {
  .secLana__mapWrap {
    padding-right: 2em;
  }
}
.secLana__accessBlk {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-gap: 30px;
}
.secLana__accessBlk .shopname img {
  width: 16em;
}
.secLana__accessBlk .info {
  display: grid;
  grid-template-columns: 6em auto;
}
.secLana__accessBlk .info dt {
  font-weight: 600;
}
@media screen and (min-width: 1200px) {
  .secLana__accessBlk {
    font-size: 112.5%;
  }
}

.secFlow:first-of-type {
  margin-top: -0.75em;
}
@media screen and (min-width: 768px) {
  .secFlow:first-of-type {
    margin-top: -0.875em;
  }
}
@media screen and (min-width: 768px) {
  .secFlow__container {
    max-width: 650px;
  }
}
@media screen and (min-width: 992px) {
  .secFlow__container {
    width: calc(100% - 100px);
    max-width: 800px;
  }
}
.secFlow__txtWrap_list {
  font-size: 87.5%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-gap: 1.5em;
  counter-reset: flow_list 0;
}
.secFlow__txtWrap_list > li {
  padding-left: 80px;
  position: relative;
}
.secFlow__txtWrap_list > li::before {
  counter-increment: flow_list 1;
  content: counter(flow_list);
  width: 60px;
  height: 60px;
  padding-top: 0.4em;
  background-color: #fff;
  clip-path: polygon(50% 0%, 100% 38%, 100% 100%, 0 100%, 0% 38%);
  color: var(--main);
  text-shadow: 0px 0px 5px rgba(31, 92, 44, 0.3);
  font-size: 166.67%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0.05em;
  left: 0;
}
.secFlow__txtWrap_ttl {
  margin-bottom: 0.5em;
  color: var(--main);
  font-size: 128.57%;
  font-weight: 700;
  position: relative;
}
@media screen and (min-width: 768px) {
  .secFlow__txtWrap_list {
    grid-gap: 2.5em;
  }
}
@media screen and (min-width: 992px) {
  .secFlow__txtWrap_list {
    font-size: 100%;
  }
}