/* ===============
共通
================ */
.long-txt {
  display: inline-block;
}
a {
  text-decoration: none;
  color: #333;
}
/* 見出しの下の小さい文字 */
.smb-section.is-style-smb-section-undecorated-title
  > .smb-section__inner
  > .c-container
  > .smb-section__contents-wrapper
  > .smb-section__header
  .smb-section__title
  + .smb-section__lede-wrapper {
  margin-top: 0;
}
/* =========
ボタンデザイン
======== */
.button19 a {
  display: inline-block;
  position: relative;
  padding: 1em 1em 1em 50px;
  color: #058536;
  /*   font-size: 18px; */
  /*   font-weight: 700; */
  transition: 0.3s;
}

.button19 a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  border: 2px solid #058536;
  border-radius: 50vh;
  transition: 0.3s;
}

.button19 a::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%) rotate(45deg);
  width: 4px;
  height: 4px;
  border-top: 2px solid #058536;
  border-right: 2px solid #058536;
  transition: 0.3s;
}

.button19 a:hover {
  text-decoration: underline;
}

.button19 a:hover::before {
  background-color: #333;
}
.button19 a:hover::after {
  border-top: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
}
/* トップのボタン */
.top-button a {
  display: inline-block;
  position: relative;
  padding: 1em 1em 1em 50px;
  color: #fff;
  /*   font-size: 18px; */
  /*   font-weight: 700; */
  transition: 0.3s;
}

.top-button a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  border: 2px solid #fff;
  border-radius: 50vh;
  transition: 0.3s;
}

.top-button a::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%) rotate(45deg);
  width: 4px;
  height: 4px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transition: 0.3s;
}

.top-button a:hover {
  text-decoration: underline;
}

.top-button a:hover::before {
  background-color: #058536;
}
.top-button a:hover::after {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}

/* ボックスの影 */
.box-dec {
  box-shadow: 15px 15px 0 #e9e9e3;
}
/* スマホロゴ */
@media (max-width: 740px) {
  .l-1row-header__branding .c-site-branding__title {
    font-size: 1.3rem;
  }
}
/* =========
トップページ
======== */

/* ファーストビュー */
.fv {
}
/* サービス項目装飾 */
.service-box {
  background-color: #e9e9e3;
  padding: 0 0 1rem 0;
}
@media (min-width: 639px) {
  .service-box {
    /* height: 50rem; */
  }
}

/* 余白 */
.service-box p {
  padding: 0 2rem;
}
.service-box img {
  padding: 0 2rem;
}
/* 見出しの装飾 */
.service-box h3 {
  background-color: #058536;
  display: inline-block;
  padding: 0 2rem 0rem 2rem;
  position: relative;
  font-size: 20px;
}
.service-box h3:after {
  content: "";
  position: absolute;
  top: 0;
  right: -34px;
  z-index: 1;
  border-style: solid;
  border-width: 34px 34px 0 0;
  border-color: #058536 transparent transparent transparent;
}
.service-box .spider .smb-spider-slider__item__caption {
  text-align: center;
  font-weight: 600;
  color: #fff;
}
/* PC サービスボックス２ */
.service-box-2 {
  background-color: #e9e9e3;
  padding: 0 0 1rem 0;
}
@media (min-width: 639px) {
  .service-box-2 {
    /* height: 50rem; */
  }
}

/* 余白 */
.service-box-2 p {
  padding: 0 2rem;
}
.service-box-2 img {
  padding: 0 2rem;
}
/* 見出しの装飾 */
.service-box-2 h3 {
  background-color: #058536;
  display: inline-block;
  padding: 0 2rem 0rem 2rem;
  position: relative;
  font-size: 20px;
}
.service-box-2 h3:after {
  content: "";
  position: absolute;
  top: 0;
  right: -34px;
  z-index: 1;
  border-style: solid;
  border-width: 34px 34px 0 0;
  border-color: #058536 transparent transparent transparent;
}
.service-box-2
  figure.wp-block-image.aligncenter.size-full.is-resized
  figcaption {
  text-align: center;
  font-weight: 600;
}
/* 会社概要 */
/* 表のスマホ表示余白 */
.smb-information__body .c-row .smb-information__item__body {
  margin-top: 0;
}
/* お問い合わせボックス */
.wp-block-snow-monkey-blocks-items-item-free.c-row__col
  p.has-text-align-center.contact-time {
  margin: 0;
}

/* =========
採用情報ページ
======== */
/* 見出し */
.post-11 h1 {
  position: relative;
  display: inline-block;
}

.post-11 h1::before {
  content: "Recruit";
  color: rgba(5, 133, 54, 0.2);
  display: block;
  position: absolute;
  left: -15px;
  top: -7px;
  z-index: 1;
  font-size: 7rem;
  font-family: "Secular One", sans-serif;
  letter-spacing: 3px;
}
/* レスポンシブ */
@media (max-width: 639px) {
  .post-11 h1::before {
    font-size: 4rem;
  }
}

/* トップのフォントサイズ */
@media (min-width: 640px) {
  .recruit-top-container p {
    font-size: 1.2rem;
  }
}
/* シャドー */
.post-11
  .smb-section-break-the-grid__content.smb-section-break-the-grid__content--w--20.smb-section-break-the-grid__content--p-s.smb-section-break-the-grid__content--horizontal-10 {
  box-shadow: 15px 15px 0 #e9e9e3;
}
/*POINT装飾 */
.point-box {
  padding: 0 0 1rem 0;
}

/* 余白 */
.point-box p {
  padding: 0 2rem;
}

/* 見出しの装飾 */
.point-box .point-label {
  background-color: #058536;
  display: inline-block;
  padding: 0 2rem 0rem 2rem;
  position: relative;
  font-size: 20px;
}
.point-box .point-label:after {
  content: "";
  position: absolute;
  top: 0;
  right: -34px;
  z-index: 1;
  border-style: solid;
  border-width: 34px 34px 0 0;
  border-color: #058536 transparent transparent transparent;
}
/* スマホコンタクト */
.sp-recruit-tel-box p.contact-time {
  margin-top: 0;
}
/* 一番下の余白 */
.page-id-11 .l-contents__inner:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
/* =========
コンタクトページ
======== */
/* 見出し */
.post-13 h1 {
  position: relative;
  display: inline-block;
}

.post-13 h1::before {
  content: "Contact";
  color: rgba(5, 133, 54, 0.2);
  display: block;
  position: absolute;
  left: -15px;
  top: -7px;
  z-index: 1;
  font-size: 7rem;
  font-family: "Secular One", sans-serif;
  letter-spacing: 3px;
}
/* レスポンシブ */
@media (max-width: 639px) {
  .post-13 h1::before {
    font-size: 4rem;
  }
}

/* 項目余白  */
.wp-block-snow-monkey-forms-item.smf-item {
  margin-bottom: 2rem;
}
/* フォームボタン */
.smf-action button.smf-button-control__control {
  font-weight: 600;
}
/* お問い合わせボタン余白 */
.smf-action {
  margin-top: 4rem;
}
/* 電話でのお問い合わせ */
.post-13 p.has-text-align-center.contact-tel {
  margin-top: 0;
}
.post-13 p.has-text-align-center.contact-time {
  margin-top: 0;
}
.contact-container
  .wp-block-snow-monkey-blocks-container.smb-container.c-container {
  padding: 0;
}
/* =========
施工事例一覧ページ
======== */
/* 見出し */
.blog h1 {
  position: relative;
  display: inline-block;
}

.blog h1::before {
  content: "Works";
  color: rgba(5, 133, 54, 0.2);
  display: block;
  position: absolute;
  left: -15px;
  top: -7px;
  z-index: 1;
  font-size: 7rem;
  font-family: "Secular One", sans-serif;
  letter-spacing: 3px;
}
/* レスポンシブ */
@media (min-width: 640px) {
  .blog h1 {
    margin-bottom: 6rem;
  }
}
@media (max-width: 639px) {
  .blog h1 {
    margin-bottom: 3rem;
  }
  .blog h1::before {
    font-size: 4rem;
  }
}
/* =========
投稿ページ
======== */
/* ウィジット */
.l-sidebar-widget-area h2 {
  justify-content: flex-start;
  margin-bottom: 0.5rem;
}
.l-sidebar-widget-area h2::before,
.l-sidebar-widget-area h2::after {
  display: none;
}
/* =========
プライバシーポリシーページ
======== */
/* 見出し */
.privacy-policy h1 {
  position: relative;
  display: inline-block;
  margin-bottom: 4rem;
}

.privacy-policy h1::before {
  content: "PrivacyPolicy";
  color: rgba(5, 133, 54, 0.2);
  display: block;
  position: absolute;
  left: -15px;
  top: 25px;
  z-index: 1;
  font-size: 5rem;
  font-family: "Secular One", sans-serif;
  letter-spacing: 3px;
  line-height: 1;
}
/* レスポンシブ */
@media (max-width: 639px) {
  .privacy-policy h1::before {
    font-size: 3rem;
  }
  .privacy-policy h1::before {
    left: -5px;
  }
  .privacy-policy h1 {
    margin-bottom: 2rem;
  }
}
p.add {
  margin: 0;
}
.privacy-policy .button19 {
  margin-top: 0%;
}
/* =========
フッター
======== */

.l-footer-widget-area__item .menu-item {
  position: relative;
  display: inline-block;
  padding: 0 0.8rem;
}
.l-footer-widget-area__item .menu-item::before {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 7px;
  height: 1px;
  background-color: #333;
  left: 0%;
}

.wpaw-site-branding__logo {
  font-size: 1.4rem;
}
.l-footer-widget-area {
  background-color: #f5f5f5;
}
.c-copyright {
  background-color: #058536;
}
.wpaw-site-branding__logo {
  text-align: left;
}
/* タブレット */
/* 全体真ん中寄せ */
@media (max-width: 1024px) {
  .l-footer-widget-area__item {
    text-align: center;
  }
  .wpaw-site-branding__logo {
    text-align: center;
  }
}
/* =========
トップに戻るボタン装飾
======== */
.c-page-top {
  background-image: url(https://testsite.marutani-design.com/wp-content/uploads/2022/05/sozai_cman_jp_20220527233006.gif);
  background-size: contain;
  border-radius: 8px;
}
svg.svg-inline--fa.fa-chevron-up {
  color: #333;
}
/* =========
固定フッター
======== */
/* スマホフッター */
.p-footer-sticky-nav a {
  padding: 0.5rem;
  font-size: 0.7rem;
  font-weight: 600;
}
.p-footer-sticky-nav {
  background-color: #058536;
  color: #fff;
}
/* =========
ドロワーメニュー
======== */
/* ドロワーメニュー 位置*/
/* 背景色 */
.c-drawer__inner {
  background-color: #e9e9e3;
}
.c-drawer__inner ul {
  color: #058536;
  font-size: 1rem;
  font-weight: 600;
}
/* 全体真ん中寄せ */
.c-drawer__inner {
  text-align: center;
}
/* ロゴ真ん中寄せ、サイズ */
.c-hsm-message-box.c-hsm-message-box_invert.p-hsm-drawer.c-blinking {
  max-width: 70%;
  margin: 0 auto;
  margin-bottom: 1rem;
}

/* 高さ調整 */
[id="drawer-nav"].c-drawer--overall .c-drawer__inner {
  height: 100%;
}
/* メニューの上幅 */
[id="drawer-nav"].c-drawer--overall {
  padding-top: 50px;
}

/* ロゴ上余白 */
img.drower-logo {
  margin-top: 2rem;
}