@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: #fffdf9;
  font-family: "Zen Kaku Gothic New", sans-serif;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
}

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

.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;
}

.c-entry-summary__title {
  font-weight: 400;
}

.l-header {
  background-color: rgba(254, 246, 232, 0.431372549);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-bottom: 1px solid #251505;
}
.l-header .c-row__col.c-row__col--auto {
  padding-left: 0 !important;
}
.l-header .l-header__content {
  padding: 4px 0 !important;
}
.l-header ul#menu-g_nav li a {
  font-size: 13px;
  font-weight: 500;
  padding: 16px;
}
.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,
.l-header ul#menu-g_nav #menu-item-1595 {
  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,
.l-header ul#menu-g_nav #menu-item-1595::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,
.l-header ul#menu-g_nav #menu-item-1595: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,
.l-header ul#menu-g_nav #menu-item-1595: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,
.l-header ul#menu-g_nav #menu-item-1595 ul.c-navbar__submenu.c-navbar__submenu--turn-left {
  border-radius: 3px;
}
.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,
.l-header ul#menu-g_nav #menu-item-1595 ul.c-navbar__submenu.c-navbar__submenu--turn-left #menu-item-29 {
  border-radius: 3px !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,
.l-header ul#menu-g_nav #menu-item-1595 ul.c-navbar__submenu.c-navbar__submenu--turn-left #menu-item-29 a {
  border-radius: 3px !important;
}
.l-header ul#menu-g_nav #menu-item-30 a {
  border: 1px solid #251505;
  height: 45px;
  margin: auto 0;
  border-radius: 3px;
  transition: 0.5s;
}
.l-header ul#menu-g_nav #menu-item-30 a:hover {
  background-color: #251505;
  color: #fffdf9;
  border-radius: 50px;
}
.l-header ul#menu-g_nav .header_cta.instagram a {
  font-size: 24px;
  padding: 10px;
  border: 1px solid #251505;
  line-height: 1;
  width: 45px;
  height: 45px;
  margin: auto 0 auto 8px;
  border-radius: 4px;
  transition: 0.5s;
}
.l-header ul#menu-g_nav .header_cta.instagram a:hover {
  background-color: #251505;
  border-radius: 50px;
  color: #fffdf9;
}
.l-header ul#menu-g_nav .header_cta.instagram a svg {
  margin: 0 !important;
}

footer.l-footer {
  background-color: #F6F0E7;
  color: #251505 !important;
  border-top: 1px solid #251505;
}
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 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;
  color: #251505;
}
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: #251505;
  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: 0;
  z-index: -1;
}
@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;
  right: -50px;
  bottom: 0;
}
@media screen and (max-width: 781px) {
  footer.l-footer .l-footer__body .l-footer__widget-area div#block-10 p {
    opacity: 0.06;
  }
}
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;
  filter: brightness(0.4);
}
@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;
    filter: brightness(0.7);
  }
}
@media screen and (max-width: 639px) {
  footer.l-footer .l-footer__body .l-footer__widget-area div#block-10 p::before {
    width: 80%;
    filter: brightness(0);
  }
}
footer.l-footer .l-footer__footer {
  background-color: transparent;
}
footer.l-footer .l-footer__footer .c-copyright {
  margin: 0;
}

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

#drawer-nav {
  background-color: rgba(37, 21, 5, 0.568627451);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
#drawer-nav .c-drawer__inner #menu-sp_nav .sp_contact,
#drawer-nav .c-drawer__inner #menu-sp_nav .sp_tel {
  background-color: transparent;
  border-radius: 3px;
  border: 1px solid #fffdf9;
}
#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(24px, 19.4285714286px + 1.4285714286vw, 48px);
  padding-bottom: 5px;
}

.sub_h_text {
  font-size: clamp(16px, 15.2380952381px + 0.2380952381vw, 20px);
  padding-bottom: 5px;
  overflow: visible;
}

.h_text_02 {
  font-size: clamp(22px, 19.7142857143px + 0.7142857143vw, 34px);
  padding-bottom: 5px;
}

.h_text_03 {
  font-size: clamp(18px, 16.4761904762px + 0.4761904762vw, 26px);
  padding-bottom: 5px;
}

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

.c-page-header {
  height: 300px !important;
  margin: 15px 15px 0 15px;
  border-radius: 3px;
  position: relative;
  background-image: url(./img/blueprint_01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.c-page-header::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #251505;
  opacity: 0.7;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
}
@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 {
  z-index: 30;
}
.c-page-header .c-container .c-page-header__content .c-page-header__title {
  color: #fffdf9;
  width: -moz-fit-content;
  width: fit-content;
  padding: 2px 10px;
  font-size: clamp(21px, 15.8571428571px + 1.6071428571vw, 48px);
  letter-spacing: normal;
}

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_simple {
  position: relative;
}
@media screen and (max-width: 781px) {
  #mv_simple .mv_text_box_ja {
    flex-direction: column-reverse;
    margin-bottom: 8px;
  }
}
#mv_simple .mv_text_box_ja .all_garden {
  font-size: clamp(26px, 21.8095238095px + 1.3095238095vw, 48px);
}
@media screen and (max-width: 781px) {
  #mv_simple .mv_text_box_ja .all_garden {
    writing-mode: initial;
  }
}
#mv_simple .mv_text_box_ja .garden_world {
  font-size: clamp(15px, 13.2857142857px + 0.5357142857vw, 24px);
}
@media screen and (max-width: 781px) {
  #mv_simple .mv_text_box_ja .garden_world {
    writing-mode: initial;
  }
}
#mv_simple .mv_right_column {
  position: relative;
}
#mv_simple .mv_right_column .mv_text_box_en {
  position: absolute;
  bottom: 4%;
  left: 4%;
  z-index: 5;
}
@media screen and (max-width: 639px) {
  #mv_simple .mv_right_column .mv_text_box_en .sub_h_text {
    font-size: 13px;
  }
}
#mv_simple .mv_right_column .smb-spider-slider__figure-wrapper img {
  -o-object-position: 50% 20%;
     object-position: 50% 20%;
}

#service .service_overview {
  background-image: linear-gradient(0deg, #F6F0E7, rgba(239, 226, 202, 0));
}
#service .service_overview .overview_text_box .h_text {
  position: relative;
}
#service .service_overview .overview_text_box p.hina {
  line-height: 2 !important;
  position: relative;
}
#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.2;
}
@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.2;
}
@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(246, 240, 231, 0.3294117647);
  padding: 5% 2%;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 3px;
}
#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.2;
  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(246, 240, 231, 0.3294117647);
  padding: 5% 2%;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 3px;
}
@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.2;
}
#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(246, 240, 231, 0.3294117647);
  padding: 5% 2%;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 3px;
}
#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.2;
  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(246, 240, 231, 0.3294117647);
  padding: 5% 2%;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 3px;
}
#service .service_flow_box {
  background-image: linear-gradient(0deg, rgba(239, 226, 202, 0), #F6F0E7);
}
#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 {
    gap: 8px;
  }
}
#service .service_flow_box .flow_img_box .wp-block-group.is-layout-flex.flow_img {
  min-width: 145px;
  max-width: 300px;
  width: 90%;
  flex-wrap: nowrap;
  border: 1px solid rgba(37, 21, 5, 0.1647058824);
  border-radius: 3px;
  background-color: rgba(229, 219, 205, 0.4588235294);
}
@media screen and (max-width: 1023px) {
  #service .service_flow_box .flow_img_box .wp-block-group.is-layout-flex.flow_img {
    width: 100%;
    max-width: none;
  }
}
#service .service_flow_box .flow_img_box .wp-block-group.is-layout-flex.flow_img p {
  white-space: nowrap;
}
@media screen and (max-width: 639px) {
  #service .service_flow_box .flow_img_box .wp-block-group.is-layout-flex.flow_img p.h_text_03 {
    font-size: 20px;
  }
}

#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_3 {
  transform: rotateX(5deg) rotateY(0deg) rotateZ(0deg);
  position: relative;
}
#works #cover_3 .works_paper {
  position: relative;
}
#works #cover_3 .works_paper::before, #works #cover_3 .works_paper::after {
  content: "";
  display: block;
  opacity: 0.16;
}
@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: 3px;
}
#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;
}
@media screen and (max-width: 639px) {
  #committed {
    padding-bottom: 100px;
  }
}
#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), #fffdf9);
}
#committed::after {
  background-image: linear-gradient(0deg, #fffdf9, rgba(239, 226, 202, 0));
  bottom: 0;
  left: 0;
}
#committed img.wp-image-155 {
  filter: saturate(0.4);
}
#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;
}

@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 .wp-block-column.is-vertically-aligned-stretch.is-layout-flow.wp-block-column-is-layout-flow figure.wp-block-image.size-full.inner_shadow.body_shadow {
  height: 100%;
}
#greeting .wp-block-column.is-vertically-aligned-stretch.is-layout-flow.wp-block-column-is-layout-flow figure.wp-block-image.size-full.inner_shadow.body_shadow img {
  height: 100%;
}
#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 .loop_box {
  margin: 0 !important;
  height: 241px;
}
#loop_img .loop_box .loop_img {
  background-image: url(./img/loop_img_none.png);
  background-size: 3290px 241px;
  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: 241px;
}
@keyframes loop_img {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -3290px 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.1;
}
#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 {
  position: relative;
  z-index: 10;
}
#partner .h_text_02 {
  position: relative;
}

#contact {
  position: relative;
  z-index: 10;
}
#contact #phone_box,
#contact #mail_box {
  background-color: #fff;
  position: relative;
  overflow: hidden;
  border-radius: 3px;
  padding: 5%;
  height: 100%;
}
#contact #phone_box::before,
#contact #mail_box::before {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.06;
  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: #D97948 !important;
  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: #251505 !important;
}
#contact #phone_box .tel_btn a.smb-btn svg {
  font-size: 0.7em;
  margin-bottom: 3px !important;
}
#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/blueprint_02.jpg);
  background-position: 50% 65%;
}

@media screen and (max-width: 781px) {
  #about_us .h_text.hina,
  #about_us .sub_h_text.apple {
    text-align: center !important;
  }
}
#about_us figure.logo {
  max-width: 300px !important;
  margin: 0 auto !important;
  width: 50%;
  min-width: 175px;
}

#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: #D97948;
  font-weight: bold;
  background-color: transparent;
  border: 1px solid #D97948;
  width: 50px;
  border-radius: 3px;
  padding: 2px 5px;
  display: grid;
  place-items: center;
}
.page-id-23 .snow-monkey-form .smf-button-control__control {
  width: 260px;
  height: 60px;
  background-color: transparent;
  border: 1px solid #251505;
  border-radius: 3px;
  position: relative;
  transition: 0.5s;
  color: #251505 !important;
}
.page-id-23 .snow-monkey-form .smf-button-control__control::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50px;
  background-color: #251505;
  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;
  color: #fffdf9 !important;
  border-radius: 50px;
}
.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: 3px !important;
  transition: 0.5s;
}
.page-id-23 .snow-monkey-form .smf-form .smf-text-control__control:hover {
  background-color: #F6F0E7;
  border: 1px solid #7b5648;
}
.page-id-23 .snow-monkey-form .smf-form .smf-textarea-control__control {
  border-radius: 3px !important;
  transition: 0.5s;
}
.page-id-23 .snow-monkey-form .smf-form .smf-textarea-control__control:hover {
  background-color: #F6F0E7;
  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: 3px;
}
.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: #fffdf9;
}
.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: 3px;
}
.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: 3px;
}
.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: 3px;
}
.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: 3px;
}
.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: 3px !important;
  overflow: hidden;
}
.single-works .l-contents .c-entry__footer .c-prev-next-nav .c-prev-next-nav__item {
  border-radius: 3px;
}
.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: 3px;
}
.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/garden_05.jpg);
  background-position: 50% 75%;
}
.page-id-21 .stk_wrapper .stk_area {
  z-index: 1;
  position: relative;
}
.page-id-21 .stk_wrapper .stk_area .stk_img {
  position: sticky;
  top: 2px;
  left: 0;
  width: 100%;
  height: 0;
  z-index: -1000;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 1;
}
@media screen and (max-width: 639px) {
  .page-id-21 .stk_wrapper .stk_area .stk_img {
    top: 70px;
    width: 200%;
  }
}
.page-id-21 #service_contents .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 #service_contents .service_link_box {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 639px) {
  .page-id-21 #service_contents .service_link_box {
    grid-template-columns: repeat(1, 1fr);
  }
}
.page-id-21 #service_contents .service_link_box .service_link {
  border: 1px solid #F6F0E7;
  width: 100%;
  min-width: 240px;
  min-height: 120px;
  height: 100%;
  padding: 16px;
  position: relative;
  transition: 0.5s;
  border-radius: 3px;
  overflow: hidden;
  color: #fffdf9;
  background-repeat: no-repeat;
  background-size: cover;
}
.page-id-21 #service_contents .service_link_box .service_link::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-right: 2px solid #fffdf9;
  border-bottom: 2px solid #fffdf9;
  rotate: 45deg;
  position: absolute;
  bottom: 24px;
  right: 18px;
  transition: 0.5s;
  z-index: 10;
}
.page-id-21 #service_contents .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 #service_contents .service_link_box .service_link:hover::before {
  bottom: 18px;
}
.page-id-21 #service_contents .service_link_box .service_link:hover::after {
  background-color: rgba(37, 21, 5, 0.3137254902);
}
.page-id-21 #service_contents .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 #service_contents .service_link_box .service_link .wp-block-heading {
  border-bottom: 1px solid #fffdf9;
  padding: 0 0 8px 0;
}
.page-id-21 #service_contents .service_link_box .plants_btn {
  background-image: url(./img/house_19.jpg);
  background-position: 50% 60%;
}
.page-id-21 #service_contents .service_link_box .gate_btn {
  background-image: url(./img/house_09.jpg);
  background-position: 50% 80%;
}
.page-id-21 #service_contents .service_link_box .wooddeck_btn {
  background-image: url(./img/garden_12.jpg);
  background-position: 50% 50%;
}
.page-id-21 #service_contents .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;
}
@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_03,
.page-id-21 #service_contents #gates .text_box .h_text_03,
.page-id-21 #service_contents #wooddeck .text_box .h_text_03,
.page-id-21 #service_contents #furniture_etc .text_box .h_text_03 {
  border-bottom: 1px solid #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 p.apple {
  margin: auto !important;
  text-align: center !important;
}

#service_flow {
  position: relative;
  z-index: 1000;
}
#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: 1px solid #251505;
}

.page-id-1526 #area::after {
  display: none;
}

#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), #fffdf9);
}
#area::after {
  background-image: linear-gradient(0deg, #fffdf9, 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;
  position: relative;
  z-index: 10;
}
@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: 3px;
  color: #fffdf9;
  background-color: #7b5648;
}
#area .area_map {
  width: 35%;
  min-width: 300px;
  will-change: transform;
  mix-blend-mode: multiply;
  opacity: 0.5;
}
@media screen and (max-width: 639px) {
  #area .area_map {
    min-width: 140px;
    position: absolute;
    right: -15px;
    top: 0;
  }
}/*# sourceMappingURL=style.css.map */