@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Hina+Mincho&family=Homemade+Apple&family=Zen+Kaku+Gothic+New:wght@300;400;500;700&display=swap");
body {
  background-color: #FEF6E8;
  font-family: "Hina Mincho", serif;
}

.l-contents__inner:last-child {
  padding-bottom: 0;
}

p,
a,
li {
  font-weight: 500;
}

.hina {
  font-family: "Hina Mincho", serif;
}

.apple {
  font-family: "Homemade Apple", cursive;
}

.kaku {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
}

.pt_0 {
  padding-top: 0 !important;
}

.pt_10 {
  padding-top: 10px !important;
}

.pb_0 {
  padding-bottom: 0 !important;
}

.pb_10 {
  padding-bottom: 10px !important;
}

.mt_0 {
  margin-top: 0 !important;
}

.mb_0 {
  margin-bottom: 0 !important;
}

.mr_0 {
  margin-right: 0 !important;
}

.ml_0 {
  margin-left: 0 !important;
}

.mt_10 {
  margin-top: 10px !important;
}

.mb_10 {
  margin-bottom: 10px !important;
}

.p_ab {
  position: absolute;
}

.p_rel {
  position: relative;
}

.inline_b {
  display: inline-block;
}

.smb-panels__item__action > a:focus:after {
  outline: none;
  outline-offset: 0px;
}

.tate {
  writing-mode: vertical-rl;
}

svg.svg-inline--fa {
  margin: 0 4px 0 0 !important;
}

#page-top svg {
  margin: 0 !important;
}

@media screen and (max-width: 639px) {
  .sp_left {
    text-align: left !important;
  }
}

a:hover, a:active, a:focus {
  text-decoration: none !important;
}

.smb-panels.smb-panels--glue,
.smb-panels__item.smb-panels__item--free {
  box-shadow: none;
}

.archive .l-contents__inner:last-child,
.blog .l-contents__inner:last-child,
body.blog-template-default.single.single-blog .l-contents__inner:last-child,
body.error404 .l-contents__body .l-contents__inner:last-child {
  padding-bottom: var(--_padding2);
}

/* 筆者消す */
.c-meta__item--author {
  display: none;
}

/* 投稿(シンプル)のSPレスポンシブ */
@media screen and (max-width: 639px) {
  .c-entries--simple .c-entry-summary__content {
    display: block;
  }
  .c-entries--simple .c-entry-summary__figure {
    float: inherit;
    width: 100%;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 639px) {
  .wp-block-snow-monkey-blocks-buttons,
  .smb-buttons.is-content-justification-right {
    justify-content: center !important;
  }
}

table td a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
  pointer-events: none;
}

.l-header {
  background-color: rgba(254, 246, 232, 0.431372549);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.l-header ul#menu-g_nav #menu-item-31,
.l-header ul#menu-g_nav #menu-item-28,
.l-header ul#menu-g_nav #menu-item-32 {
  position: relative;
  transition: 0.5s;
}
.l-header ul#menu-g_nav #menu-item-31::after,
.l-header ul#menu-g_nav #menu-item-28::after,
.l-header ul#menu-g_nav #menu-item-32::after {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50px;
  background-color: #251505;
  position: absolute;
  top: 50%;
  left: 8px;
  translate: 0 -50%;
  z-index: -1;
  transition: 0.5s;
}
.l-header ul#menu-g_nav #menu-item-31:hover,
.l-header ul#menu-g_nav #menu-item-28:hover,
.l-header ul#menu-g_nav #menu-item-32:hover {
  color: #7b5648;
}
.l-header ul#menu-g_nav #menu-item-31:hover::after,
.l-header ul#menu-g_nav #menu-item-28:hover::after,
.l-header ul#menu-g_nav #menu-item-32:hover::after {
  background-color: rgba(213, 157, 72, 0.4666666667);
  width: 25px;
  height: 25px;
}
.l-header ul#menu-g_nav #menu-item-31 ul.c-navbar__submenu.c-navbar__submenu--turn-left,
.l-header ul#menu-g_nav #menu-item-28 ul.c-navbar__submenu.c-navbar__submenu--turn-left,
.l-header ul#menu-g_nav #menu-item-32 ul.c-navbar__submenu.c-navbar__submenu--turn-left {
  border-radius: 50px;
}
.l-header ul#menu-g_nav #menu-item-31 ul.c-navbar__submenu.c-navbar__submenu--turn-left #menu-item-29,
.l-header ul#menu-g_nav #menu-item-28 ul.c-navbar__submenu.c-navbar__submenu--turn-left #menu-item-29,
.l-header ul#menu-g_nav #menu-item-32 ul.c-navbar__submenu.c-navbar__submenu--turn-left #menu-item-29 {
  border-radius: 50px !important;
}
.l-header ul#menu-g_nav #menu-item-31 ul.c-navbar__submenu.c-navbar__submenu--turn-left #menu-item-29 a,
.l-header ul#menu-g_nav #menu-item-28 ul.c-navbar__submenu.c-navbar__submenu--turn-left #menu-item-29 a,
.l-header ul#menu-g_nav #menu-item-32 ul.c-navbar__submenu.c-navbar__submenu--turn-left #menu-item-29 a {
  border-radius: 50px !important;
}
.l-header ul#menu-g_nav #menu-item-30 a {
  border: 1px solid #251505;
  height: 45px;
  margin: auto 0;
  border-radius: 50px;
  transition: 0.5s;
}
.l-header ul#menu-g_nav #menu-item-30 a:hover {
  background-color: #251505;
  color: #FEF6E8;
}

footer.l-footer {
  display: flex;
  height: calc(90vh + 15px);
  min-height: 600px;
  position: relative;
  border-top: 0 !important;
  transform-style: preserve-3d;
}
@media (orientation: landscape) and (max-width: 1024px) {
  footer.l-footer {
    height: calc(180vh + 15px);
  }
}
footer.l-footer::before {
  content: "";
  background-color: #7b5648;
  border-radius: 5px !important;
  width: 90%;
  min-width: 1740px;
  height: 90vh;
  min-height: 600px;
  position: absolute;
  right: 15px;
  bottom: 15px;
  z-index: -100;
}
@media (orientation: landscape) and (max-width: 1024px) {
  footer.l-footer::before {
    height: 180vh;
  }
}
footer.l-footer::after {
  content: "";
  width: 90%;
  min-width: 1740px;
  height: 15px;
  background-color: #EFE2CA;
  border-bottom: 8px solid #533C26;
  border-left: 4px solid #7b6148;
  border-radius: 0 0 5px 5px;
  position: absolute;
  bottom: 0;
  right: 0;
}
footer.l-footer .l-footer__body {
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
}
footer.l-footer .l-footer__body .l-footer__widget-area {
  position: relative;
}
footer.l-footer .l-footer__body .l-footer__widget-area a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
  pointer-events: none;
}
footer.l-footer .l-footer__body .l-footer__widget-area::before {
  content: "";
  background-image: url(./img/barcode.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 130px;
  aspect-ratio: 627/340;
  position: absolute;
  top: 50px;
  right: 30px;
}
@media screen and (max-width: 781px) {
  footer.l-footer .l-footer__body .l-footer__widget-area::before {
    display: none;
  }
}
footer.l-footer .l-footer__body .l-footer__widget-area div#block-7 {
  height: 80vh;
  position: relative;
  z-index: 1000;
}
@media (orientation: landscape) and (max-width: 1024px) {
  footer.l-footer .l-footer__body .l-footer__widget-area div#block-7 {
    height: 160vh;
  }
}
footer.l-footer .l-footer__body .l-footer__widget-area div#block-7 .wp-block-group {
  height: 100%;
}
footer.l-footer .l-footer__body .l-footer__widget-area div#block-7 .wp-block-group ul#menu-footer1 li a {
  font-size: 18px;
  position: relative;
  transition: 0.5s;
  left: 15px;
}
footer.l-footer .l-footer__body .l-footer__widget-area div#block-7 .wp-block-group ul#menu-footer1 li a::after {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50px;
  background-color: #FEF6E8;
  position: absolute;
  top: 50%;
  left: -10px;
  translate: 0 -50%;
  z-index: -1;
  transition: 0.5s;
}
footer.l-footer .l-footer__body .l-footer__widget-area div#block-7 .wp-block-group ul#menu-footer1 li a:hover::after {
  background-color: rgba(213, 157, 72, 0.4666666667);
  width: 25px;
  height: 25px;
}
footer.l-footer .l-footer__body .l-footer__widget-area div#block-10 {
  height: 80vh;
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-end;
  position: absolute;
  right: 70px;
  bottom: 30px;
}
@media (orientation: landscape) and (max-width: 1024px) {
  footer.l-footer .l-footer__body .l-footer__widget-area div#block-10 {
    height: 160vh;
  }
}
footer.l-footer .l-footer__body .l-footer__widget-area div#block-10 p {
  opacity: 0.3;
  position: relative;
  margin: 0 0 40px 0;
  right: -50px;
  bottom: 20px;
  white-space: nowrap;
}
@media screen and (max-width: 781px) {
  footer.l-footer .l-footer__body .l-footer__widget-area div#block-10 p {
    opacity: 0.15;
    margin: 0 0 50px 0;
  }
}
footer.l-footer .l-footer__body .l-footer__widget-area div#block-10 p::before {
  content: "";
  background-image: url(./img/wood_deck_wh.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  width: 130%;
  aspect-ratio: 733/588;
  margin: 0 0 10px auto;
  position: absolute;
  right: 0;
  bottom: 50px;
}
@media screen and (max-width: 781px) {
  footer.l-footer .l-footer__body .l-footer__widget-area div#block-10 p::before {
    width: 100%;
    bottom: 70px;
  }
}
@media screen and (max-width: 639px) {
  footer.l-footer .l-footer__body .l-footer__widget-area div#block-10 p::before {
    width: 60%;
  }
}
footer.l-footer .l-footer__footer {
  width: 25px;
  background-color: #533C26;
  border-radius: 5px;
  font-size: 15px;
  color: #FEF6E8;
  writing-mode: vertical-rl;
  text-align: center;
  transform: rotateX(12deg) rotateY(-40deg) skewY(22deg);
  position: relative;
  right: -3px;
  bottom: 5px;
  z-index: 100;
  height: calc(100% + 5px);
}
footer.l-footer .l-footer__footer .c-copyright {
  margin: 0;
}
footer.l-footer .l-footer__footer .c-copyright .c-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

a.smb-btn {
  width: 260px;
  height: 60px;
  display: grid;
  place-items: center;
  background-color: #7b5648;
  border-radius: 50px;
  position: relative;
  transition: 0.5s;
}
a.smb-btn span {
  position: relative;
  z-index: 50;
}
a.smb-btn::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50px;
  background-color: #FEF6E8;
  position: absolute;
  top: 50%;
  right: 15px;
  translate: 0 -50%;
  z-index: 10;
  transition: 0.5s;
}
a.smb-btn:hover {
  background-color: #251505;
}
a.smb-btn:hover::before {
  background-color: rgba(213, 157, 72, 0.4666666667);
  width: 25px;
  height: 25px;
}

#page-top {
  aspect-ratio: 10/12;
  width: 100px;
  height: 120px;
  margin: 15px;
  background-color: transparent;
  background-image: url(./img/go_top.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

#drawer-nav .c-drawer__inner #menu-sp_nav .sp_contact,
#drawer-nav .c-drawer__inner #menu-sp_nav .sp_tel {
  background-color: #251505;
  border-radius: 50px;
}
#drawer-nav .c-drawer__inner #menu-sp_nav .sp_contact a,
#drawer-nav .c-drawer__inner #menu-sp_nav .sp_tel a {
  text-align: center;
}
#drawer-nav .c-drawer__inner #menu-sp_nav .sp_contact {
  margin: 15px 0;
}

.h_text {
  font-size: clamp(32px, 28.1904761905px + 1.1904761905vw, 52px);
}

.sub_h_text {
  font-size: clamp(18px, 17.619047619px + 0.119047619vw, 20px);
}

.h_text_02 {
  font-size: clamp(26px, 24.0952380952px + 0.5952380952vw, 36px);
}

.h_text_03 {
  font-size: clamp(22px, 20.8571428571px + 0.3571428571vw, 28px);
}

.inner_shadow {
  border-radius: 15px;
  overflow: hidden;
}

.c-page-header {
  height: 300px !important;
  margin: 15px 15px 0 15px;
  border-radius: 15px;
  position: relative;
}
@media screen and (max-width: 639px) {
  .c-page-header {
    height: 200px !important;
  }
}
.c-page-header .c-page-header__bgimage {
  background-image: url(./img/blueprint_01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.c-page-header .c-page-header__bgimage img {
  display: none;
}
.c-page-header .c-container .c-page-header__content .c-page-header__title {
  color: #251505;
  width: -moz-fit-content;
  width: fit-content;
  padding: 2px 10px;
  border: 1px solid #251505;
  font-size: clamp(26px, 21.8095238095px + 1.3095238095vw, 48px);
  background-color: #FEF6E8;
}

figure.wp-block-table table tr {
  display: flex;
  align-items: normal;
  border-bottom: 1px solid #251505 !important;
}
@media screen and (max-width: 639px) {
  figure.wp-block-table table tr {
    flex-direction: column;
  }
}
figure.wp-block-table table tr td {
  padding: 20px 5px;
  border: none !important;
}
figure.wp-block-table table tr td iframe {
  filter: sepia(30%);
}
figure.wp-block-table table tr td a {
  text-decoration: none;
  margin-bottom: 10px;
}
figure.wp-block-table table tr > *:first-child {
  width: 30%;
  min-width: 125px;
  display: inline-block;
}
figure.wp-block-table table tr > *:last-child {
  width: 70%;
  display: inline-block;
}
@media screen and (max-width: 639px) {
  figure.wp-block-table table tr > *:last-child {
    width: 100%;
    padding: 0 5px 20px;
  }
}

.l-contents,
header,
footer {
  filter: blur(10px);
  animation: blurOut 1s ease-out forwards;
}
@keyframes blurOut {
  0% {
    filter: blur(10px);
  }
  100% {
    filter: blur(0);
  }
}

#mv {
  height: 100vh;
  position: relative;
  perspective: 1000px;
  margin: 25px 0 0 0;
}
@media (orientation: landscape) and (max-width: 1024px) {
  #mv {
    height: 200vh;
  }
}
#mv #cover,
#mv #title-page {
  height: 85vh;
  position: absolute;
  top: 50%;
  left: 5%;
  translate: 0 -50%;
  width: 90%;
  max-width: 1650px;
  transform: rotateX(15deg);
}
@media screen and (max-width: 639px) {
  #mv #cover,
  #mv #title-page {
    width: 97%;
  }
}
@media (orientation: landscape) and (max-width: 1024px) {
  #mv #cover,
  #mv #title-page {
    height: 170vh;
  }
}
#mv #cover {
  z-index: 10;
  transform-origin: left center;
  transform-style: preserve-3d;
  animation: open 2.5s cubic-bezier(1, 0.11, 0.69, 0.92) forwards;
  animation-delay: 0.8s;
  left: calc(5% - 10px);
  width: calc(90% + 5px);
  max-width: 1655px;
  will-change: transform;
}
@media screen and (max-width: 639px) {
  #mv #cover {
    width: calc(97% + 5px);
  }
}
@keyframes open {
  0% {
    transform: rotateX(15deg) rotateY(0deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(15deg) rotateY(-160deg) rotateZ(0deg);
  }
}
#mv #cover .cover_title_box {
  height: 100%;
}
#mv #cover .cover_title_box figure {
  filter: drop-shadow(-1px -1px 1px #251505) drop-shadow(1px 1px #6b6262);
}
#mv #cover .cover_title_box p.hina {
  text-shadow: -1px -1px 1px #251505, 1px 1px #6b6262;
}
#mv #title-page {
  z-index: 5;
}
#mv #title-page::after {
  content: "";
  width: 20px;
  height: calc(100% + 10px);
  background-color: #251505;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: -7px;
  translate: -50% 0;
  z-index: -100;
}
#mv #title-page #mv_paper {
  height: 100%;
  position: relative;
  left: -8px;
  box-shadow: inset 5px 0px 5px rgba(123, 86, 72, 0.9490196078);
  border-bottom: 8px solid #FEF6E8;
}
@media screen and (max-width: 639px) {
  #mv #title-page #mv_paper {
    padding: 3% !important;
  }
}
#mv #title-page #mv_paper .mv_column {
  height: 100%;
}
@media screen and (max-width: 781px) {
  #mv #title-page #mv_paper .mv_column {
    display: grid;
    grid-template-rows: 100px calc(100% - 100px);
    gap: 0;
  }
}
@media screen and (max-width: 781px) {
  #mv #title-page #mv_paper .mv_column .mv_text_box_ja {
    flex-direction: column-reverse;
  }
}
#mv #title-page #mv_paper .mv_column .mv_text_box_ja .all_garden {
  font-size: clamp(26px, 21.8095238095px + 1.3095238095vw, 48px);
}
@media screen and (max-width: 781px) {
  #mv #title-page #mv_paper .mv_column .mv_text_box_ja .all_garden {
    writing-mode: initial;
  }
}
#mv #title-page #mv_paper .mv_column .mv_text_box_ja .garden_world {
  font-size: clamp(15px, 13.2857142857px + 0.5357142857vw, 24px);
}
@media screen and (max-width: 781px) {
  #mv #title-page #mv_paper .mv_column .mv_text_box_ja .garden_world {
    writing-mode: initial;
  }
}
#mv #title-page #mv_paper .mv_column .wp-block-snow-monkey-blocks-spider-slider.smb-spider-slider {
  height: 100%;
}
#mv #title-page #mv_paper .mv_column .wp-block-snow-monkey-blocks-spider-slider.smb-spider-slider .spider {
  height: 100%;
}
#mv #title-page #mv_paper .mv_column .wp-block-snow-monkey-blocks-spider-slider.smb-spider-slider .spider .spider__canvas {
  height: 100%;
}
#mv #title-page #mv_paper .mv_column .wp-block-snow-monkey-blocks-spider-slider.smb-spider-slider .spider .spider__canvas .smb-spider-slider__figure-wrapper {
  height: 100%;
  position: relative;
  border-radius: 15px;
}
#mv #title-page #mv_paper .mv_column .wp-block-snow-monkey-blocks-spider-slider.smb-spider-slider .spider .spider__canvas .smb-spider-slider__figure-wrapper img {
  height: 100%;
}
#mv #title-page #mv_paper .mv_text_box_en {
  position: absolute;
  bottom: 50px;
  left: 50px;
  z-index: 10;
}
@media screen and (max-width: 639px) {
  #mv #title-page #mv_paper .mv_text_box_en {
    bottom: 15px;
    left: 4%;
  }
}
#mv #title-page #mv_paper .mv_text_box_en p.apple {
  padding: 10px;
}
#mv #title-page #mv_paper .fv_works_btn {
  position: absolute;
  bottom: 0;
  right: -1px;
  z-index: 100;
}
#mv #title-page #mv_paper .fv_works_btn a {
  vertical-align: bottom;
  position: relative;
  transition: 0.5s;
}
@media screen and (max-width: 639px) {
  #mv #title-page #mv_paper .fv_works_btn a img {
    width: 210px !important;
  }
}
#mv #title-page #mv_paper .fv_works_btn a::before {
  content: "施工実績";
  font-size: 18px;
  font-family: "Hina Mincho", serif;
  position: absolute;
  bottom: 15px;
  right: 40px;
  color: #251505;
  transition: 0.5s;
}
#mv #title-page #mv_paper .fv_works_btn a::after {
  content: "";
  background-image: url(./img/arrow.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  aspect-ratio: 127/8;
  width: 130px;
  position: absolute;
  bottom: 10px;
  right: 15px;
  transition: 0.5s;
}
#mv #title-page #mv_paper .fv_works_btn a:hover {
  filter: brightness(0.8);
}
#mv #title-page #mv_paper .fv_works_btn a:hover::before {
  right: 35px;
}
#mv #title-page #mv_paper .fv_works_btn a:hover::after {
  right: 10px;
}

#service .service_overview {
  background-image: linear-gradient(0deg, rgb(239, 226, 202), rgba(239, 226, 202, 0));
}
#service .service_overview .overview_text_box .h_text {
  position: relative;
}
#service .service_overview .overview_text_box .h_text::before, #service .service_overview .overview_text_box .h_text::after {
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.1;
  position: absolute;
  z-index: 5;
}
#service .service_overview .overview_text_box .h_text::before {
  background-image: url(./img/scoop_02.png);
  aspect-ratio: 488/341;
  width: 10vw;
  min-width: 100px;
  left: 18%;
  top: 20px;
  translate: 0 -50%;
}
#service .service_overview .overview_text_box .h_text::after {
  background-image: url(./img/scoop.png);
  aspect-ratio: 376/817;
  width: 10vw;
  max-width: 100px;
  min-width: 60px;
  right: 18%;
  top: 20px;
  translate: 0 -50%;
}
#service .service_overview .overview_text_box p.hina {
  line-height: 2 !important;
  position: relative;
}
#service .service_overview .overview_text_box p.hina::before, #service .service_overview .overview_text_box p.hina::after {
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.1;
  position: absolute;
  z-index: 5;
}
#service .service_overview .overview_text_box p.hina::before {
  background-image: url(./img/watering_can.png);
  aspect-ratio: 448/250;
  width: 15vw;
  min-width: 130px;
  left: 8%;
  bottom: 0;
  translate: 0 50%;
}
#service .service_overview .overview_text_box p.hina::after {
  background-image: url(./img/planter.png);
  aspect-ratio: 448/250;
  width: 15vw;
  max-width: 150px;
  min-width: 120px;
  right: 8%;
  bottom: 0;
  translate: 0 50%;
}
#service .huwa_shape {
  width: 100%;
  min-width: 320px;
}
@media screen and (max-width: 639px) {
  #service #s_contents_box figure img {
    opacity: 0.4;
  }
}
#service #s_contents_box .planting_box {
  position: relative;
  min-height: 450px;
}
#service #s_contents_box .planting_box .planting_img01 {
  width: 30%;
  max-width: 460px;
}
@media screen and (max-width: 639px) {
  #service #s_contents_box .planting_box .planting_img01 {
    display: none;
  }
}
#service #s_contents_box .planting_box .planting_img02 {
  width: 50%;
  max-width: 770px;
}
@media screen and (max-width: 639px) {
  #service #s_contents_box .planting_box .planting_img02 {
    width: 80%;
    margin: 0 3% 0 auto;
  }
}
#service #s_contents_box .planting_box .planting_img03 {
  width: 20%;
  max-width: 285px;
  min-width: 240px;
  margin: 0 25% 0 auto !important;
}
@media screen and (max-width: 781px) {
  #service #s_contents_box .planting_box .planting_img03 {
    width: 40%;
    max-width: 285px;
    margin: 0 55% 0 auto !important;
  }
}
@media screen and (max-width: 781px) {
  #service #s_contents_box .planting_box .sp_tate {
    flex-direction: column;
  }
}
#service #s_contents_box .planting_box .sp_tate .planting_img04 {
  width: 15%;
  max-width: 100px;
  min-width: 60px;
  opacity: 0.5;
}
@media screen and (max-width: 781px) {
  #service #s_contents_box .planting_box .sp_tate .planting_img04 {
    width: 10%;
    max-width: 100px;
    min-width: 50px;
  }
}
#service #s_contents_box .planting_box .sp_tate .planting_img05 {
  width: 65%;
  max-width: 350px;
  min-width: 120px;
  opacity: 0.5;
}
@media screen and (max-width: 781px) {
  #service #s_contents_box .planting_box .sp_tate .planting_img05 {
    width: 40%;
    max-width: 350px;
    min-width: 120px;
  }
}
#service #s_contents_box .planting_box .planting_text_box {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  max-width: 400px;
  z-index: 100;
  background-color: rgba(239, 226, 202, 0.5294117647);
  padding: 5% 2%;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 15px;
}
#service #s_contents_box .gate_fences_signs_box {
  position: relative;
  min-height: 450px;
}
#service #s_contents_box .gate_fences_signs_box .gfs_img01 {
  width: 80%;
  max-width: 770px;
}
#service #s_contents_box .gate_fences_signs_box .gfs_img02 {
  width: 80%;
  max-width: 500px;
}
#service #s_contents_box .gate_fences_signs_box .gfs_img03 {
  opacity: 0.5;
  width: 60%;
  max-width: 460px;
}
#service #s_contents_box .gate_fences_signs_box .gfs_img03 img {
  margin: auto auto auto 5%;
}
#service #s_contents_box .gate_fences_signs_box .gfs_text_box {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  max-width: 400px;
  z-index: 100;
  background-color: rgba(239, 226, 202, 0.5294117647);
  padding: 5% 2%;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 15px;
}
@media screen and (max-width: 639px) {
  #service #s_contents_box .gate_fences_signs_box .sp_tate {
    flex-direction: column-reverse;
  }
}
#service #s_contents_box .wooddeck_terrace_text_box {
  position: relative;
  min-height: 450px;
}
@media screen and (max-width: 639px) {
  #service #s_contents_box .wooddeck_terrace_text_box .is-layout-flex {
    flex-direction: column;
  }
}
#service #s_contents_box .wooddeck_terrace_text_box .wdt_img01 {
  width: 30%;
  max-width: 460px;
}
@media screen and (max-width: 639px) {
  #service #s_contents_box .wooddeck_terrace_text_box .wdt_img01 {
    width: 70%;
    margin: 0 auto 0 10px;
  }
}
#service #s_contents_box .wooddeck_terrace_text_box .wdt_right_box {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 0 0 auto;
}
#service #s_contents_box .wooddeck_terrace_text_box .wdt_right_box .wdt_img02 {
  width: 80%;
  max-width: 700px;
  margin-left: auto;
}
@media screen and (max-width: 639px) {
  #service #s_contents_box .wooddeck_terrace_text_box .wdt_right_box .wdt_img02 {
    width: 45%;
  }
}
#service #s_contents_box .wooddeck_terrace_text_box .wdt_right_box .wdt_img03 {
  width: 50%;
  max-width: 360px;
  opacity: 0.5;
}
#service #s_contents_box .wooddeck_terrace_text_box .wdt_text_box {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  max-width: 400px;
  z-index: 100;
  background-color: rgba(239, 226, 202, 0.5294117647);
  padding: 5% 2%;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 15px;
}
#service #s_contents_box .custom-made_furniture_box {
  position: relative;
  min-height: 450px;
}
@media screen and (max-width: 639px) {
  #service #s_contents_box .custom-made_furniture_box .is-layout-flex {
    flex-direction: column;
  }
}
#service #s_contents_box .custom-made_furniture_box .cmf_img01 {
  width: 55%;
  max-width: 800px;
}
@media screen and (max-width: 639px) {
  #service #s_contents_box .custom-made_furniture_box .cmf_img01 {
    width: 85%;
  }
}
#service #s_contents_box .custom-made_furniture_box .cmf_img02 {
  width: 30%;
  max-width: 300px;
  opacity: 0.5;
  margin: 0 5% 3% auto;
}
@media screen and (max-width: 639px) {
  #service #s_contents_box .custom-made_furniture_box .cmf_img02 {
    width: 55%;
    margin: 50px auto 0 10px;
  }
}
#service #s_contents_box .custom-made_furniture_box .cmf_text_box {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  max-width: 400px;
  z-index: 100;
  background-color: rgba(239, 226, 202, 0.5294117647);
  padding: 5% 2%;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 15px;
}
#service .service_flow_box {
  background-image: linear-gradient(0deg, rgba(239, 226, 202, 0), rgb(239, 226, 202));
}
#service .service_flow_box .flow_img_box {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  place-items: center;
}
@media screen and (max-width: 1023px) {
  #service .service_flow_box .flow_img_box {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 639px) {
  #service .service_flow_box .flow_img_box {
    grid-template-columns: 1fr;
  }
}
#service .service_flow_box .flow_img_box .wp-block-group.is-layout-flex.flow_img {
  aspect-ratio: 1/1;
  min-width: 230px;
  max-width: 300px;
  width: 90%;
  flex-wrap: nowrap;
}
@media screen and (max-width: 1023px) {
  #service .service_flow_box .flow_img_box .wp-block-group.is-layout-flex.flow_img {
    width: 75%;
  }
}
#service .service_flow_box .flow_img_box .wp-block-group.is-layout-flex.flow_img p {
  white-space: nowrap;
}

#works {
  position: relative;
}
@media screen and (max-width: 639px) {
  #works .c-container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
@media (orientation: landscape) and (max-width: 1024px) {
  #works .c-container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
#works #cover_2 {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  right: calc(-100% + 25px);
  z-index: 10;
  transform-origin: left center;
  transform: rotateX(5deg) rotateY(-70deg) rotateZ(0deg);
}
@media screen and (max-width: 639px) {
  #works #cover_2 {
    right: 10px;
    translate: 100% 0;
  }
}
@media (orientation: landscape) and (max-width: 1024px) {
  #works #cover_2 {
    right: 10px;
    translate: 100% 0;
  }
}
#works #cover_2 .works_paper {
  height: 100%;
  position: relative;
  left: -7px;
  border-bottom: 6px solid #b7b5b2;
  box-shadow: inset 10px 0px 10px #FEF6E8;
}
#works #cover_3 {
  transform: rotateX(5deg) rotateY(0deg) rotateZ(0deg);
  position: relative;
}
#works #cover_3::after {
  content: "";
  width: 20px;
  height: calc(100% + 10px);
  background-color: #251505;
  border-radius: 5px;
  position: absolute;
  top: 0;
  right: 2px;
  translate: 50% 0;
  z-index: -100;
}
@media screen and (max-width: 1023px) {
  #works #cover_3::after {
    right: 10px;
  }
}
#works #cover_3 .works_paper {
  border-bottom: 6px solid #FEF6E8;
  box-shadow: inset -3px 0px 5px rgba(123, 86, 72, 0.6549019608);
  position: relative;
}
#works #cover_3 .works_paper::before, #works #cover_3 .works_paper::after {
  content: "";
  display: block;
  opacity: 0.16;
}
#works #cover_3 .works_paper::before {
  background-image: url(./img/flower_02.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  aspect-ratio: 786/717;
  width: 25%;
  position: absolute;
  bottom: 4%;
  left: 3%;
}
#works #cover_3 .works_paper::after {
  background-image: url(./img/wood_deck.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  aspect-ratio: 1039/834;
  width: 30%;
  position: absolute;
  top: 4%;
  right: 5%;
}
@media screen and (max-width: 639px) {
  #works #cover_3 .works_paper {
    padding: 10% 5% !important;
  }
}
#works #cover_3 .works_paper .works_text_box {
  position: relative;
  z-index: 10;
}
@media (min-width: 640px) {
  #works #cover_3 .works_paper .works_text_box .c-entries-carousel .spider__slide {
    max-width: calc(50% - var(--entries--carousel--gap) / 1.5);
  }
}
#works #cover_3 .works_paper .works_text_box .c-entries-carousel .spider__slide .c-entry-summary__figure {
  background-color: transparent !important;
}
#works #cover_3 .works_paper .works_text_box .c-entries-carousel .spider__slide .c-entry-summary__figure img {
  border-radius: 15px;
}
#works #cover_3 .works_paper .works_text_box .spider > .spider__arrow {
  bottom: -70px;
  top: initial;
  border: 1px solid #7b5648;
  border-radius: 50px;
}
#works #cover_3 .works_paper .works_text_box .spider__arrow:before {
  border-color: #7b5648 !important;
}
#works #cover_3 .works_paper .works_text_box .spider__dots:not([data-thumbnails=true]) .spider__dot {
  background-color: transparent;
  border: 1px solid #7b5648;
}
#works #cover_3 .works_paper .works_text_box .spider__dots:not([data-thumbnails=true]) .spider__dot[aria-current=true] {
  border: 1px solid #7b5648;
  background-color: #7b5648;
}

#committed {
  position: relative;
}
#committed::before, #committed::after {
  content: "";
  width: 100%;
  height: 100px;
  position: absolute;
  z-index: 10;
}
#committed::before {
  top: 0;
  left: 0;
  background-image: linear-gradient(0deg, rgba(239, 226, 202, 0), #FEF6E8);
}
#committed::after {
  background-image: linear-gradient(0deg, #FEF6E8, rgba(239, 226, 202, 0));
  bottom: 0;
  left: 0;
}
#committed .committed_textimg_box .committed_text_box {
  width: 75%;
}
@media screen and (max-width: 781px) {
  #committed .committed_textimg_box .committed_text_box {
    width: 100%;
  }
}
#committed .committed_textimg_box .committed_img_box {
  width: 25%;
}
@media screen and (max-width: 781px) {
  #committed .committed_textimg_box .committed_img_box {
    position: absolute;
    top: 50%;
    right: 0;
    translate: 0 -100%;
  }
}
@media screen and (max-width: 639px) {
  #committed .committed_textimg_box .committed_img_box {
    top: 8%;
    right: 70px;
  }
}
#committed .committed_textimg_box .committed_img_box .c_rabbit {
  max-width: 150px;
  min-width: 45px;
  width: 25%;
}
#committed .committed_textimg_box .committed_img_box .c_easel {
  width: 75%;
  min-width: 80px;
  max-width: 160px;
}
#committed .commited_garden .committed_01,
#committed .commited_garden .committed_02,
#committed .commited_garden .committed_03 {
  width: 60%;
}
@media screen and (max-width: 781px) {
  #committed .commited_garden .committed_01,
  #committed .commited_garden .committed_02,
  #committed .commited_garden .committed_03 {
    width: 80%;
    padding: 7% !important;
  }
}
@media screen and (max-width: 639px) {
  #committed .commited_garden .committed_01,
  #committed .commited_garden .committed_02,
  #committed .commited_garden .committed_03 {
    width: 90%;
  }
}
#committed .commited_garden .committed_01 .hina.h_text_03,
#committed .commited_garden .committed_02 .hina.h_text_03,
#committed .commited_garden .committed_03 .hina.h_text_03 {
  position: relative;
  z-index: 10;
}
#committed .commited_garden .committed_01 .hina.h_text_03::before,
#committed .commited_garden .committed_02 .hina.h_text_03::before,
#committed .commited_garden .committed_03 .hina.h_text_03::before {
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  aspect-ratio: 319/153;
  width: 160px;
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  z-index: -1;
  opacity: 0.5;
}
#committed .committed_01 {
  margin: 50px auto 50px 0 !important;
}
#committed .committed_01 .hina.h_text_03::before {
  background-image: url(./img/penki_orange.png);
}
#committed .committed_02 {
  margin: 50px auto 50px auto !important;
}
@media screen and (max-width: 781px) {
  #committed .committed_02 {
    margin: 50px 0 50px auto !important;
  }
}
#committed .committed_02 .hina.h_text_03::before {
  background-image: url(./img/penki_yellow.png);
}
#committed .committed_03 {
  margin: 50px 0 50px auto !important;
}
@media screen and (max-width: 781px) {
  #committed .committed_03 {
    margin: 50px auto 50px 0 !important;
  }
}
#committed .committed_03 .hina.h_text_03::before {
  background-image: url(./img/penki_green.png);
}
#committed .loop_box {
  margin: 0 !important;
}
#committed .loop_box .loop_img {
  background-image: url(./img/loop_name.png);
  background-size: 3600px 110px;
  background-position: center;
  background-repeat: repeat-x;
  position: absolute;
  z-index: 100;
  animation: loop_img 60s linear infinite;
  top: 75px;
  left: 0;
  width: 100%;
  height: 110px;
}
@keyframes loop_img {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -3600px 0;
  }
}

@media screen and (max-width: 1023px) {
  #greeting .wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-container-core-columns-is-layout-cbe57604.wp-block-columns-is-layout-flex {
    flex-direction: column;
  }
}
@media screen and (max-width: 1023px) {
  #greeting .wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-container-core-columns-is-layout-cbe57604.wp-block-columns-is-layout-flex .inner_shadow.body_shadow img {
    aspect-ratio: 4/3 !important;
  }
}
#greeting .greeting_text_box {
  position: relative;
}
#greeting .greeting_text_box::before {
  content: "";
  background-image: url(./img/wood_deck_wh.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  aspect-ratio: 733/588;
  width: 70%;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}

#loop_img {
  height: 300px;
  position: relative;
}
#loop_img::before, #loop_img::after {
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: 200;
}
#loop_img::before {
  background-image: url(./img/leaf_01.png);
  aspect-ratio: 485/491;
  width: 5%;
  min-width: 100px;
  bottom: -30px;
  left: 5%;
}
#loop_img::after {
  background-image: url(./img/leaf_02.png);
  aspect-ratio: 515/518;
  width: 5%;
  min-width: 100px;
  top: -30px;
  right: 5%;
}
#loop_img .loop_box {
  margin: 0 !important;
  height: 300px;
}
#loop_img .loop_box .loop_img {
  background-image: url(./img/loop_photo_maru.png);
  background-size: 3350px 300px;
  background-position: center;
  background-repeat: repeat-x;
  position: absolute;
  z-index: 100;
  animation: loop_img 70s linear infinite;
  top: 0;
  left: 0;
  width: 100%;
  height: 300px;
}
@keyframes loop_img {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -3350px 0;
  }
}

#info {
  position: relative;
}
#info::before {
  content: "";
  background-image: url(./img/information_enpitsu.png);
  background-position: 90% 80%;
  background-size: cover;
  background-repeat: no-repeat;
  aspect-ratio: 2160/748;
  width: 100%;
  min-height: 400px;
  position: absolute;
  right: 0;
  bottom: 0;
  translate: 0 10%;
  opacity: 0.5;
}
#info .snow-monkey-posts.snow-monkey-recent-posts .c-entries--text {
  border-top: 1px solid #251505;
}
#info .snow-monkey-posts.snow-monkey-recent-posts .c-entries--text .c-entries__item {
  border-bottom: 1px solid #251505;
}
#info .snow-monkey-posts.snow-monkey-recent-posts .c-entries--text .c-entries__item a {
  font-family: "Zen Kaku Gothic New", sans-serif;
}

@media screen and (max-width: 426px) {
  #instagram .camera_img {
    position: absolute;
    width: 70px;
    right: 0;
    top: 55px;
  }
}

#partner .h_text_02 {
  position: relative;
}
#partner .h_text_02::before {
  content: "";
  background-image: url(./img/penki_orange.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  aspect-ratio: 319/153;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.5;
}

#contact #phone_box,
#contact #mail_box {
  background-color: #fff;
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  padding: 5%;
  height: 100%;
}
#contact #phone_box::before,
#contact #mail_box::before {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.1;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
}
#contact #phone_box::before {
  background-image: url(./img/phone.png);
  aspect-ratio: 1093/1005;
  width: 50%;
}
#contact #phone_box .tel_btn {
  width: 100%;
}
#contact #phone_box .tel_btn a.smb-btn {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: 0 auto !important;
  background-color: transparent;
  color: #889C67;
  font-weight: 900;
  font-size: clamp(35px, 32.5238095238px + 0.7738095238vw, 48px);
  line-height: 1;
}
#contact #phone_box .tel_btn a.smb-btn::before {
  display: none;
}
#contact #phone_box .tel_btn a.smb-btn:hover {
  color: #D97948;
}
#contact #mail_box::before {
  background-image: url(./img/letterset.png);
  aspect-ratio: 1866/1295;
  width: 60%;
}
#contact #mail_box .mail_btn {
  width: 100%;
}
#contact #mail_box .mail_btn a.smb-btn {
  width: 100%;
  height: 75px;
}

.page-id-19 .c-page-header .c-page-header__bgimage {
  background-image: url(./img/garden_05.jpg);
  background-position: 50% 75%;
}

@media screen and (max-width: 781px) {
  #about_us .h_text.hina,
  #about_us .sub_h_text.apple {
    text-align: center !important;
  }
}

#company {
  position: relative;
}
#company::before {
  content: "";
  width: 800px;
  height: 800px;
  filter: blur(100px);
  background-color: #D59C48;
  border-radius: 50%;
  opacity: 0.2;
  position: absolute;
  z-index: -1;
  top: 40%;
  left: 50%;
  translate: -50% -50%;
}
#company .to_business,
#company .to_works {
  height: 200px;
  overflow: hidden;
  position: relative;
  transition: 0.5s;
}
#company .to_business:hover .smb-box__background,
#company .to_works:hover .smb-box__background {
  scale: 1.05;
}
#company .to_business:hover .smb-box__background::before,
#company .to_works:hover .smb-box__background::before {
  background-color: rgba(37, 21, 5, 0.7843137255);
}
#company .to_business .smb-box__background,
#company .to_works .smb-box__background {
  background-size: cover;
  background-position: 50% 60%;
  transition: 0.5s;
}
#company .to_business .smb-box__background::before,
#company .to_works .smb-box__background::before {
  content: "";
  background-color: rgba(37, 21, 5, 0.4509803922);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.5s;
}
#company .to_business .smb-box__body,
#company .to_works .smb-box__body {
  position: initial;
}
#company .to_business .smb-box__body p,
#company .to_works .smb-box__body p {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  text-shadow: 0 0 10px #251505;
}
#company .to_business .smb-box__background {
  background-image: url(./img/blueprint_02.jpg);
}
#company .to_works .smb-box__background {
  background-image: url(./img/garden_11.jpg);
}

.page-id-23 .c-page-header .c-page-header__bgimage {
  background-image: url(./img/house_09.jpg);
  background-position: 0 75%;
}
.page-id-23 .snow-monkey-form .smf-progress-tracker .smf-progress-tracker__item__text {
  white-space: nowrap;
}
.page-id-23 .snow-monkey-form .smf-item__col .smf-item__description {
  color: #FEF6E8;
  font-weight: bold;
  background-color: #D97948;
  width: 50px;
  border-radius: 50px;
  padding: 2px 5px;
  display: grid;
  place-items: center;
}
.page-id-23 .snow-monkey-form .smf-button-control__control {
  width: 260px;
  height: 60px;
  background-color: #7b5648;
  border-radius: 50px;
  position: relative;
  transition: 0.5s;
}
.page-id-23 .snow-monkey-form .smf-button-control__control::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50px;
  background-color: #FEF6E8;
  position: absolute;
  top: 50%;
  right: 15px;
  translate: 0 -50%;
  z-index: 10;
  transition: 0.5s;
}
.page-id-23 .snow-monkey-form .smf-button-control__control:hover {
  background-color: #251505;
}
.page-id-23 .snow-monkey-form .smf-button-control__control:hover::before {
  background-color: rgba(213, 157, 72, 0.4666666667);
  width: 25px;
  height: 25px;
}
@media screen and (max-width: 639px) {
  .page-id-23 .snow-monkey-form .smf-action {
    display: grid;
    gap: 15px;
  }
  .page-id-23 .snow-monkey-form .smf-action .smf-button-control {
    margin: 0 !important;
  }
}
.page-id-23 .snow-monkey-form .smf-form .smf-text-control__control {
  border-radius: 50px !important;
  transition: 0.5s;
}
.page-id-23 .snow-monkey-form .smf-form .smf-text-control__control:hover {
  background-color: #EFE2CA;
  border: 1px solid #7b5648;
}
.page-id-23 .snow-monkey-form .smf-form .smf-textarea-control__control {
  border-radius: 15px !important;
  transition: 0.5s;
}
.page-id-23 .snow-monkey-form .smf-form .smf-textarea-control__control:hover {
  background-color: #EFE2CA;
  border: 1px solid #7b5648;
}
.page-id-23 .snow-monkey-form .smf-form .smf-radio-button-control__control:checked,
.page-id-23 .snow-monkey-form .smf-form .smf-checkbox-control__control:checked {
  background-color: #D97948;
  border-color: #D97948;
}

.blog .c-page-header .c-page-header__bgimage {
  background-image: url(./img/house_19.jpg);
  background-position: center;
}
.blog .p-archive .c-entries.c-entries--simple {
  border-top: 1px solid #7b5648;
}
.blog .p-archive .c-entries.c-entries--simple .c-entries__item {
  border-bottom: 1px solid #7b5648;
}
.blog .p-archive .c-entries.c-entries--simple .c-entries__item .c-entry-summary__figure {
  border-radius: 15px;
}
.blog .p-archive .c-entries.c-entries--simple .c-entries__item .c-entry-summary__figure .c-entry-summary__term {
  right: 10px;
  top: 10px;
  border-radius: 50px;
}

.single-post .c-page-header .c-page-header__bgimage {
  background-image: url(./img/garden_11.jpg);
  background-position: center;
}
.single-post .c-page-header .c-container .c-page-header__content .c-meta__item {
  font-family: "Zen Kaku Gothic New", sans-serif;
  text-shadow: 0 0 10px #251505;
  color: #FEF6E8;
}
.single-post .c-page-header .c-container .c-page-header__content .c-meta__item.c-meta__item--modified {
  display: none;
}
.single-post .l-contents {
  padding-bottom: 100px;
}
.single-post .l-contents .c-entry__footer .c-prev-next-nav .c-prev-next-nav__item {
  border-radius: 10px;
}
.single-post .l-contents .c-entry__footer .c-prev-next-nav .c-prev-next-nav__item a {
  transition: 0.5s;
}
.single-post .l-contents .c-entry__footer .c-prev-next-nav .c-prev-next-nav__item a .c-prev-next-nav__item-figure img {
  transition: 0.5s;
}
.single-post .l-contents .c-entry__footer .c-prev-next-nav .c-prev-next-nav__item a:hover .c-prev-next-nav__item-figure img {
  scale: 1.05;
}
.single-post .l-contents .c-entry__footer aside.p-related-posts.c-entry-aside .c-entries .c-entries__item a {
  transition: 0.5s;
}
.single-post .l-contents .c-entry__footer aside.p-related-posts.c-entry-aside .c-entries .c-entries__item a .c-entry-summary__figure {
  border-radius: 10px;
}
.single-post .l-contents .c-entry__footer aside.p-related-posts.c-entry-aside .c-entries .c-entries__item a .c-entry-summary__figure img {
  transition: 0.5s;
}
.single-post .l-contents .c-entry__footer aside.p-related-posts.c-entry-aside .c-entries .c-entries__item a:hover .c-entry-summary__figure img {
  scale: 1.05;
}

.archive .c-page-header .c-page-header__bgimage {
  background-image: url(./img/house_17.jpg);
  background-position: 50% 65%;
}
.archive .p-archive .c-entries .c-entries__item a {
  transition: 0.5s;
}
.archive .p-archive .c-entries .c-entries__item a:hover .c-entry-summary__figure img {
  scale: 1.05;
}
.archive .p-archive .c-entries .c-entries__item a .c-entry-summary__figure {
  border-radius: 15px;
}
.archive .p-archive .c-entries .c-entries__item a .c-entry-summary__figure img {
  transition: 0.5s;
}

.single-works .l-contents {
  padding-bottom: 100px;
}
.single-works .l-contents .spider .spider__canvas {
  border-radius: 15px;
  margin: 20px;
}
.single-works .l-contents .spider .spider__arrows .spider__arrow {
  border: 1px solid #7b5648;
  border-radius: 50px;
  background-color: rgba(239, 226, 202, 0.4901960784);
}
.single-works .l-contents .spider .spider__arrows .spider__arrow::before {
  border-color: #7b5648;
}
.single-works .l-contents .spider__dots .spider__dot {
  border-radius: 10px !important;
  overflow: hidden;
}
.single-works .l-contents .c-entry__footer .c-prev-next-nav .c-prev-next-nav__item {
  border-radius: 10px;
}
.single-works .l-contents .c-entry__footer .c-prev-next-nav .c-prev-next-nav__item a {
  transition: 0.5s;
}
.single-works .l-contents .c-entry__footer .c-prev-next-nav .c-prev-next-nav__item a .c-prev-next-nav__item-figure img {
  transition: 0.5s;
}
.single-works .l-contents .c-entry__footer .c-prev-next-nav .c-prev-next-nav__item a:hover .c-prev-next-nav__item-figure img {
  scale: 1.05;
}
.single-works .l-contents .c-entry__footer aside.p-related-posts.c-entry-aside .c-entries .c-entries__item a {
  transition: 0.5s;
}
.single-works .l-contents .c-entry__footer aside.p-related-posts.c-entry-aside .c-entries .c-entries__item a .c-entry-summary__figure {
  border-radius: 10px;
}
.single-works .l-contents .c-entry__footer aside.p-related-posts.c-entry-aside .c-entries .c-entries__item a .c-entry-summary__figure img {
  transition: 0.5s;
}
.single-works .l-contents .c-entry__footer aside.p-related-posts.c-entry-aside .c-entries .c-entries__item a:hover .c-entry-summary__figure img {
  scale: 1.05;
}

.page-id-21 .c-page-header .c-page-header__bgimage {
  background-image: url(./img/blueprint_02.jpg);
  background-position: 50% 65%;
}
.page-id-21 .stk_area {
  position: relative;
  z-index: 0;
}
.page-id-21 .stk_area .stk_img {
  position: sticky;
  top: 2px;
  left: 0;
  height: 0;
  width: 100%;
  translate: 0 -49%;
  z-index: -10;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 639px) {
  .page-id-21 .stk_area .stk_img {
    top: 70px;
    width: 200%;
  }
}
.page-id-21 #business_service .service_link_box {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  place-items: center;
}
@media screen and (max-width: 1023px) {
  .page-id-21 #business_service .service_link_box {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 639px) {
  .page-id-21 #business_service .service_link_box {
    grid-template-columns: repeat(1, 1fr);
  }
}
.page-id-21 #business_service .service_link_box .service_link {
  border: 1px solid #EFE2CA;
  width: 100%;
  min-width: 240px;
  min-height: 120px;
  height: 100%;
  padding: 16px;
  position: relative;
  transition: 0.5s;
  border-radius: 10px;
  overflow: hidden;
  color: #FEF6E8;
  background-repeat: no-repeat;
  background-size: cover;
}
.page-id-21 #business_service .service_link_box .service_link::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-right: 2px solid #FEF6E8;
  border-bottom: 2px solid #FEF6E8;
  rotate: 45deg;
  position: absolute;
  bottom: 24px;
  right: 18px;
  transition: 0.5s;
  z-index: 10;
}
.page-id-21 #business_service .service_link_box .service_link::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(37, 21, 5, 0.6745098039);
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.5s;
}
.page-id-21 #business_service .service_link_box .service_link:hover::before {
  bottom: 18px;
}
.page-id-21 #business_service .service_link_box .service_link:hover::after {
  background-color: rgba(37, 21, 5, 0.3137254902);
}
.page-id-21 #business_service .service_link_box .service_link .wp-block-group.is-layout-constrained.wp-block-group-is-layout-constrained {
  position: relative;
  z-index: 100;
}
.page-id-21 #business_service .service_link_box .service_link .wp-block-heading {
  border-bottom: 2px dashed #FEF6E8;
  padding: 0 0 8px 0;
}
.page-id-21 #business_service .service_link_box .plants_btn {
  background-image: url(./img/house_19.jpg);
  background-position: 50% 60%;
}
.page-id-21 #business_service .service_link_box .gate_btn {
  background-image: url(./img/house_09.jpg);
  background-position: 50% 80%;
}
.page-id-21 #business_service .service_link_box .wooddeck_btn {
  background-image: url(./img/garden_12.jpg);
  background-position: 50% 50%;
}
.page-id-21 #business_service .service_link_box .etc_btn {
  background-image: url(./img/garden_05.jpg);
  background-position: 50% 70%;
}
.page-id-21 #service_contents .img_text_box {
  position: relative;
  z-index: 50;
}
.page-id-21 #service_contents .service_img {
  width: 100%;
  height: 100%;
}
.page-id-21 #service_contents .service_img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-id-21 #service_contents p.apple {
  font-size: clamp(20px, 12.380952381px + 2.380952381vw, 60px) !important;
  white-space: nowrap;
  position: absolute;
  left: -15px;
  top: 0;
  translate: 0 -50%;
  z-index: 100;
  white-space: nowrap;
  color: #ffffff;
  opacity: 0.8;
  rotate: -12deg;
}
@media screen and (max-width: 1023px) {
  .page-id-21 #service_contents #planting .img_text_box,
  .page-id-21 #service_contents #gates .img_text_box,
  .page-id-21 #service_contents #wooddeck .img_text_box,
  .page-id-21 #service_contents #furniture_etc .img_text_box {
    flex-basis: 55% !important;
  }
}
@media screen and (max-width: 1023px) {
  .page-id-21 #service_contents #planting .service_contents_box,
  .page-id-21 #service_contents #gates .service_contents_box,
  .page-id-21 #service_contents #wooddeck .service_contents_box,
  .page-id-21 #service_contents #furniture_etc .service_contents_box {
    flex-basis: 45% !important;
  }
}
.page-id-21 #service_contents #planting .text_box,
.page-id-21 #service_contents #gates .text_box,
.page-id-21 #service_contents #wooddeck .text_box,
.page-id-21 #service_contents #furniture_etc .text_box {
  position: relative;
  z-index: 10;
}
.page-id-21 #service_contents #planting .text_box::before,
.page-id-21 #service_contents #gates .text_box::before,
.page-id-21 #service_contents #wooddeck .text_box::before,
.page-id-21 #service_contents #furniture_etc .text_box::before {
  content: "";
  display: block;
  width: 80%;
  aspect-ratio: 1/1;
  border-radius: 64% 36% 46% 54%/42% 64% 36% 58%;
  background-color: #b6d97b;
  opacity: 0.2;
  filter: blur(50px);
  position: absolute;
  top: 60px;
  right: 60px;
  z-index: -10;
  translate: 50% -50%;
}
.page-id-21 #service_contents #planting .text_box .h_text_02,
.page-id-21 #service_contents #gates .text_box .h_text_02,
.page-id-21 #service_contents #wooddeck .text_box .h_text_02,
.page-id-21 #service_contents #furniture_etc .text_box .h_text_02 {
  border-bottom: 2px dashed #251505;
  padding: 0 0 8px 0;
}
@media screen and (max-width: 781px) {
  .page-id-21 #service_contents #gates .wp-block-columns.is-layout-flex {
    flex-direction: column-reverse;
  }
}
.page-id-21 #service_contents #gates .text_box::before {
  background-color: #d5bb28;
  left: 60px;
  right: initial;
  translate: -50% -50%;
}
.page-id-21 #service_contents #wooddeck .text_box::before {
  background-color: #e79b28;
}
@media screen and (max-width: 781px) {
  .page-id-21 #service_contents #furniture_etc .wp-block-columns.is-layout-flex {
    flex-direction: column-reverse;
  }
}
.page-id-21 #service_contents #furniture_etc .text_box::before {
  background-color: #db5b2d;
  left: 60px;
  right: initial;
  translate: -50% -50%;
}
.page-id-21 #window {
  position: relative;
  height: 600px;
}
.page-id-21 #window::after {
  content: "";
  width: 35%;
  min-width: 260px;
  aspect-ratio: 1754/901;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url(./img/plants_under.png);
  right: -40px;
  bottom: 80px;
  translate: 0 50%;
  rotate: -17deg;
}
.page-id-21 #window p.apple {
  margin: -150px 0 0 0 !important;
}

#service_flow .text_box {
  position: relative;
}
#service_flow .text_box .h_text.apple {
  position: absolute;
  top: 15px;
  left: 0;
  border-radius: 50px;
  font-size: 90px;
  translate: 0 -50%;
}
#service_flow .text_box .h_text_03 {
  border-bottom: 2px dashed #EFE2CA;
}

#area {
  position: relative;
}
#area::before, #area::after {
  content: "";
  width: 100%;
  height: 100px;
  position: absolute;
  z-index: 10;
}
#area::before {
  top: 0;
  left: 0;
  background-image: linear-gradient(0deg, rgba(239, 226, 202, 0), #FEF6E8);
}
#area::after {
  background-image: linear-gradient(0deg, #FEF6E8, rgba(239, 226, 202, 0));
  bottom: 0;
  left: 0;
}
#area .wp-block-group.is-content-justification-center.is-layout-flex.wp-container-core-group-is-layout-b02886af.wp-block-group-is-layout-flex {
  flex-direction: row;
  flex-wrap: nowrap;
}
@media screen and (max-width: 639px) {
  #area .wp-block-group.is-content-justification-center.is-layout-flex.wp-container-core-group-is-layout-b02886af.wp-block-group-is-layout-flex {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 639px) {
  #area .area_text_bgwh {
    padding: 5.5% !important;
  }
}
#area .area_text_box {
  margin: 10px 0 !important;
  gap: 16px;
}
#area .area_text_box p {
  font-size: 22px;
  padding: 5px 20px;
  border: 1px solid #7b5648;
  border-radius: 50px;
  color: #7b5648;
}
#area .area_map {
  width: 35%;
  min-width: 300px;
  will-change: transform;
  mix-blend-mode: multiply;
  opacity: 0.8;
}
@media screen and (max-width: 639px) {
  #area .area_map {
    min-width: 140px;
    position: absolute;
    right: -15px;
    top: 0;
  }
}/*# sourceMappingURL=style.css.map */