@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

a[href^="tel:"] {
  pointer-events: none;
}
.br_pc {
  display: block;
}
.br_tb_b,
.br_sp {
  display: none;
}
/* =========================================================
//  ヘッダー
// ========================================================= */
/*---ヘッダー電話番号---*/

.head_navi_wrap {
  background-color: #fff;
  min-width: 730px;
  border-radius: 30px;
  padding: 10px 20px;
}

.head_navi_wrap .swell-block-columns__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.head_text {
  width: 110px !important;
  text-align: center;
}

.head_text p {
  background-color: #ec4c23;
  color: #fff;
  font-size: 14px;
  display: inline-block;
  padding: 2px 8px;
}

.head_tel {
  color: #333333;
  font-size: 24px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  text-align: center;
  min-width: 220px !important;
}

.head_tel a {
  color: #333;
  text-decoration: none;
  font-size: 24px;
  display: inline-flex;
  align-items: center;
}

.head_tel a::before {
  content: "";
  display: inline-block;
  width: 20px;
  /* アイコンの幅 */
  height: 20px;
  /* アイコンの高さ */
  margin-right: 8px;
  background: url("/wp-content/uploads/2025/10/tel_icon.png") no-repeat center;
  background-size: contain;
}

/* ヘッダーを固定 */
@media (min-width: 960px) {
  .l-header {
    position: fixed !important;
    background: transparent;
  }

  .p-breadcrumb {
    margin-top: calc(var(--logo_size_pc) + 32px);
  }
}

/* 下層ページのヘッダー幅をトップに合わせる */
.l-header .l-container {
  max-width: 100% !important;
}

/* ヘッダーメニューを非表示 */
nav#gnav {
  display: none;
}

/* ボタン全体を縦配置に */
.c-iconBtn.-menuBtn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: -15px 0 0 6px;
}

/* アイコン部分を大きめに */
.c-iconBtn__icon.icon-menu-thin:before {
  content: "\e91b";
  /* 既存 */
  display: inline-block;
  font-size: 40px;
  /* アイコンサイズ */
  width: 40px;
  /* 横幅を広げる */
  text-align: center;
  /* 中央寄せ */
}

/* 疑似要素で "MENU" を表示 */
.c-iconBtn__icon.icon-menu-thin::after {
  content: "MENU";
  display: block;
  font-style: normal !important;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  margin-top: -8px;
}

.icon-close-thin:before {
  content: "\e920";
  font-size: 40px;
  color: #007005;
}

.l-header__menuBtn.sp_ {
  display: block !important;
  /* ハンバーガーボタンを表示 */
  background: #007005;
  padding: 50px;
  border-bottom-left-radius: 100px;
}

.-series .l-header__inner {
  align-items: center;
  /* ハンバーガーボタンの上下位置調整 */
  padding: 0 0 0 40px;
}

.p-spMenu {
  display: block;
  /* 開閉メニューを有効 */
}

.p-spMenu__inner {
  --color_menu_text: #000000;
  /* メニューテキストの色 */
  --color_menu_bg: rgba(255 255 255 / 85%);
  /* 開閉メニューの背景色 */
  width: 100vw;
}

.p-spMenu__overlay {
  background: transparent;
}

.-right .p-spMenu__inner {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 0;
  transition: opacity 0.45s;
}

[data-spmenu="opened"] .p-spMenu__inner {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}

.p-spMenu__inner::before {
  background: var(--color_menu_bg);
  opacity: 1;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.p-spMenu__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: 700;
  color: var(--color_menu_text);
}

@media (max-width: 599px) {
  .p-spMenu__body {
    font-size: 5vw;
  }
}

/* 開閉メニュー内のタイトルを非表示 */
.c-widget__title.-spmenu {
  display: none;
}

/* メニューリンクの設定 */
.c-spnav a {
  border-bottom: none;
}

.c-gnav .sub-menu a:before,
.c-listMenu a:before {
  content: none;
}

.p-spMenu__inner a {
  padding: 1em 0;
  text-align: center;
  transition: transform 0.5s;
}

.p-spMenu__inner a:hover {
  padding-left: inherit;
  padding-right: inherit;
  background-color: inherit;
  transform: scale(1.1);
}

/* 閉じるボタンの設定 */
.c-iconBtn {
  color: var(--color_menu_text);
}

@media (min-width: 960px) {
  .-right .p-spMenu__closeBtn {
    right: 26px;
    height: calc(var(--logo_size_pc) + 60px);
  }
}
/* =========================================================
//  メインビジュアル
// ========================================================= */
/* メインビジュアル内パーツ */
.p-mainVisual__textLayer.l-container {
  width: 90% !important;
  max-width: 90%;
}

[data-partsid="460"] {
  width: 40vw;
  display: flex;
  flex-flow: column;
  align-items: center;
}

[data-partsid="460"] h2 {
  font-size: clamp(20px, 2.5vw, 48px);
  font-weight: 600;
  color: #333;
  margin-bottom: 0;
}

.catch_p {
  display: inline-block;
  font-size: clamp(20px, 3.125vw, 60px);
  font-weight: 400;
  color: #007005;
  margin-bottom: 60px;
  background: linear-gradient(transparent 70%, #fcf26f 60%);
  line-height: 1.2;
}

.catch_p span {
  font-size: clamp(30px, 5.52vw, 106px);
  font-weight: bold;
  padding: 0 10px;
}

.contact_p {
  font-size: 20px;
  color: #333;
  position: relative;
  display: inline-block;
  padding: 0 30px;
}

.contact_p::before,
.contact_p::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 20px;
  /* 線の長さ */
  height: 2px;
  /* 線の太さ */
  background: #007005;
  transform: rotate(45deg);
  /* 斜め線 */
}

.contact_p::before {
  left: 0;
  transform: translateY(-50%) rotate(45deg);
  /* 左は「＼」 */
}

.contact_p::after {
  right: 0;
  transform: translateY(-50%) rotate(-45deg);
  /* 右は「／」 */
}

.cta_line a {
  display: inline-block;
  width: 18.75vw;
  /* 1920pxで360px相当 */
  padding: 0.625vw 1vw 0.625vw 2.7vw;
  /* vwに変換 → 比率維持 */
  background-color: #00b900;
  color: #fff;
  font-size: 1.2vw;
  /* 1920px時で約23px */
  text-decoration: none;
  border-radius: 3vw;
  /* 丸みも可変 */
  position: relative;
  text-align: center;
  transition: background 0.3s;
  box-sizing: border-box;
}

.cta_line a:hover {
  background-color: #05b14c;
}

.cta_line a::before {
  content: "";
  position: absolute;
  left: 1.6vw;
  /* 左端からの距離 */
  top: 50%;
  transform: translateY(-50%);
  width: 1.6vw;
  /* アイコンの幅 */
  height: 1.5vw;
  /* アイコンの高さ */
  background: url("/wp-content/uploads/2025/10/line_icon.png") no-repeat
    center/contain;
}

.cta_contact a {
  display: inline-block;
  width: 18.75vw;
  /* 1920px時で360px相当 */
  padding: 0.625vw 1vw 0.625vw 2.7vw;
  /* 左にアイコン分の余白を確保 (12px→0.625vw) */
  background-color: #ec4c23;
  /* メール用の赤 */
  color: #fff;
  font-size: 1.2vw;
  /* 1920px時で約23px */
  text-decoration: none;
  border-radius: 3vw;
  /* 丸みも可変。固定にしたい場合は 60px */
  position: relative;
  text-align: center;
  transition: background 0.3s;
  box-sizing: border-box;
}

.cta_contact a:hover {
  background-color: #d8421f;
  /* ホバー時に少し暗め */
}

.cta_contact a::before {
  content: "";
  position: absolute;
  left: 1.6vw;
  /* 左端からの距離 (30px→1.6vw) */
  top: 50%;
  transform: translateY(-50%);
  width: 1.6vw;
  /* アイコンの幅 (30px相当) */
  height: 1.5vw;
  /* アイコンの高さ (29px相当) */
  background: url("/wp-content/uploads/2025/10/mail_icon.png") no-repeat
    center/contain;
}

.sub-ttl {
  font-size: 16px;
  display: flex;
  padding-bottom: 6px;
  position: relative;
  padding-left: 10px;
}

.sub-ttl::before {
  position: absolute;
  content: "";
  background-color: #007005;
  height: 5px;
  width: 5px;
  border-radius: 100px;
  left: 0;
  top: calc(50% - 3px);
  transform: translateY(-50%);
}

.main-ttl {
  font-size: 28px;
}
/* =========================================================
//  トップ
// ========================================================= */
/* トップ 共通*/
/* 見出し */

.top_wrap h2 {
  color: #333333;
  font-size: clamp(42px, 3.333vw, 64px);
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
  padding-bottom: 8px;
  margin-bottom: 10px;
}

.top_wrap h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50px;
  /* ← 線の長さを自由に調整（px/%でもOK） */
  height: 3px;
  /* 線の太さ */
  background-color: #007005;
  /* 線の色 */
}

.top_wrap .top_h2_under_p {
  color: #333333;
  font-size: 14px;
  margin-bottom: 50px;
  display: block;
}

.case-slider {
  margin: 40px 0;
}

.case-card {
  background: #fff;
  padding: 10px;
}

.case-meta {
  margin-top: 10px;
}

/* topics */

.top_wrap .top_sec01 {
  padding: 150px 0 100px 0 !important;
}

.top_wrap .p-postList__item {
  border: 1px solid #cfcfcf;
  border-radius: 8px;
  padding: 0 !important;
  margin: 0 10px 0 10px !important;
  width: 30.33333% !important;
}

.top_wrap .c-postThumb__figure {
  border-radius: 8px 8px 0 0;
}

.top_wrap .p-postList__body {
  padding: 20px !important;
  display: flex;
  flex-flow: column;
}

.top_wrap .p-postList__body .p-postList__title {
  order: 2;
}

.top_wrap .p-postList__body .p-postList__meta {
  order: 1;
}

.top_wrap .p-postList__body .p-postList__meta .p-postList__cat {
  background: #007005;
  border-radius: 10px;
  color: #fff;
  padding: 4px 10px;
}

.top_wrap .p-postList__body .p-postList__meta .icon-folder:before {
  content: none !important;
}

/* こんなお悩みありませんか */

.top_wrap .top_sec02 {
  padding: 180px 0 200px 0 !important;
  background: url("/wp-content/uploads/2025/10/bayami_bg.png") right top / cover
    no-repeat;
}

.top_wrap .top_sec02 .swell-block-fullWide__inner {
  text-align: center;
}

.top_wrap .top_sec02 h2.wp-block-heading {
  font-size: clamp(20px, 1.6667vw, 32px);
  color: #333;
  border-bottom: 3px dotted #007005;
  margin-bottom: 50px;
}

.top_wrap .top_sec02 h2 span {
  font-size: clamp(24px, 2.1vw, 40px);
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  margin: 0 10px;
}

.top_wrap .top_sec02 h2::after {
  display: none !important;
}

.top_wrap .top_sec02 .sec02_box {
  background: #fff;
  border-radius: 10px;
  padding: 30px 40px;
  border: 2px solid #007005;
  font-size: clamp(16px, 1.04vw, 20px);
  font-weight: bold;
  text-align: center;
  box-shadow: 6px 6px 0px 0px #4a7c59;
  transition: opacity 0.25s ease;
}

.top_wrap .top_sec02 .sec02_box:hover {
  opacity: 0.5;
}

.sec02_left_img {
  position: relative;
  top: -250px;
  left: -131px;
  width: 100px;
  margin-bottom: -300px;
}

.sec02_right_img {
  position: relative;
  width: 210px;
  margin-bottom: -300px;
  margin: 0 auto;
  top: 300px;
  left: 145px;
}

.sec02_center_img {
  margin: 0 auto;
  width: 50px;
  margin-bottom: -480px;
}

/* ホットマンで解決　*/

.top_wrap .top_sec03 {
  padding: 100px 0 50px 0 !important;
  text-align: center;
}

.top_wrap .top_sec03 .sec03_top_p {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  position: relative;
  display: inline-block;
  margin: 0 auto 46px auto;
  padding: 0 32px;
}

.top_wrap .top_sec03 .sec03_top_p::before,
.top_wrap .top_sec03 .sec03_top_p::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 24px;
  height: 2px;
  background: #007005;
  transform-origin: center;
}

.top_wrap .top_sec03 .sec03_top_p::before {
  left: 0;
  transform: translateY(-50%) rotate(45deg);
}

.top_wrap .top_sec03 .sec03_top_p::after {
  right: 0;
  transform: translateY(-50%) rotate(-45deg);
}

.top_wrap .top_sec03 .sec03_h2 {
  font-size: clamp(32px, 2.5vw, 48px);
  font-weight: bold;
  margin: 0 0 80px 0 !important;
  line-height: 1.5;
}

.top_wrap .top_sec03 .sec03_h2 span {
  color: #007005;
}

.top_wrap .top_sec03 h2::after {
  display: none !important;
}

.top_wrap .top_sec03 .sec03_box_wrap {
}

.top_wrap .top_sec03 .sec03_box_left {
  text-align: left;
  padding-left: 100px;
}

/* About Us 見出しの下線 */
.top_wrap .top_sec03 .sec03_box_left .sec03_inner_h2 {
  position: relative;
  display: inline-block;
  padding-bottom: 8px;
}

.top_wrap .top_sec03 .sec03_box_left .sec03_inner_h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50px;
  height: 3px;
  background-color: #007005;
  display: block !important;
}

.top_wrap .top_sec03 .sec03_box_right {
}

.top_wrap .top_sec03 .sec03_box_right img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 12px 0 0 12px;
}

/* サービス一覧　*/

.top_wrap .top_sec04 {
  padding: 100px 0 200px 0 !important;
  text-align: center;
}

.top_wrap .top_sec04 h2::after {
  content: "";
  position: absolute;
  left: 50px;
  bottom: 0;
  width: 50px;
  height: 3px;
  background-color: #007005;
}
/* caseスライダーの基本レイアウト */
.case-slider.swiper {
  width: 100%;
  overflow: hidden;
  position: relative;
}

/* 各スライド */
.case-slider.swiper .swiper-slide {
  box-sizing: border-box;
}

/* 矢印ナビ（色が分かるように） */
.case-slider.swiper .swiper-button-next::after,
.case-slider.swiper .swiper-button-prev::after {
  color: #000 !important;
  font-size: 20px;
}

/* ページネーションのドット */
.case-slider.swiper .swiper-pagination-bullet {
  background: #000 !important;
  opacity: 0.4;
}
.case-slider.swiper .swiper-pagination-bullet-active {
  opacity: 1;
}
/* =========================================================
//  kokokara
// ========================================================= */
/* =========================================================
//  ヘッダー
// ========================================================= */
.-series .l-header__inner {
  padding: 0 0 0 40px;
}
.w-header {
  justify-content: right !important;
  width: 100%;
  padding-right: 2rem;
}
.l-header__menuBtn.sp_ {
  padding: 53px 63px !important;
  border-radius: 0px 0px 0px 130px;
}
.c-headLogo {
  padding: 0 !important;
  height: 35px !important;

  img {
    height: 46px !important;
  }
}
.c-iconBtn__icon.icon-menu-thin::before {
  color: #fff !important;
}
/* =========================================================
//  フッター
// ========================================================= */
/* フッター前コンタクト */
[data-partsid="532"] {
  .cta_inner {
    .swell-block-columns {
      .telbox {
        color: #fff;
        background: #007005;
        padding: 3rem 0 4.5rem;

        .midashi_txt {
          font-size: clamp(1rem, 0.625rem + 0.7813vw, 1.25rem);
          font-weight: 500 !important;
          line-height: 1.7rem;
          text-align: center;
          margin: 0 0 1.8rem;

          small {
            font-size: 14px;
          }
        }

        .kojin_tel,
        .houjin_tel {
          line-height: 3rem;
          width: 61%;
          margin: 0 auto;

          a {
            color: #fff;
            font-size: clamp(3rem, 1.5rem + 3.125vw, 4rem);
            font-weight: 600 !important;
            font-family: "Montserrat", sans-serif;
            font-optical-sizing: auto;
            font-style: normal;
            display: flex;
            align-items: center;
            justify-content: flex-start;

            &::before {
              content: "";
              width: 92px;
              height: 92px;
              display: block;
              background-repeat: no-repeat;
              background-size: cover;
              margin: 0 1.3rem 0 0;
            }
          }
        }
        .kojin_tel {
          margin: 0 auto 1.8rem !important;

          a {
            &::before {
              background-image: url("../../uploads/2025/12/tel_kojin.svg");
            }
          }
        }
        .houjin_tel {
          a {
            &::before {
              background-image: url("../../uploads/2025/12/tel_houjin.svg");
            }
          }
        }
      }
      .linkbox {
        padding: 3rem 0 2.3rem;
        background: #d9f0d6;

        .midashi_txt {
          font-size: clamp(1rem, 0.625rem + 0.7813vw, 1.25rem);
          font-weight: 500 !important;
          line-height: 1.7rem;
          text-align: center;
          margin: 0 0 4.8rem;

          small {
            font-size: 14px;
          }
        }

        a {
          color: #333;
          font-size: clamp(1.625rem, 0.5rem + 2.3438vw, 2.375rem) !important;
          font-weight: 500 !important;
          width: 50%;
          display: flex;
          align-items: center;
          justify-content: flex-start;
          margin: 0 auto;
          padding: 0 0 0.8rem;

          &::before {
            content: "";
            display: block;
            background-repeat: no-repeat;
            background-size: cover;
            margin: 0 1.3rem 0 0;
          }
        }

        .line_a {
          margin: 0 auto 2rem !important;

          a {
            border-bottom: 4px dotted #06c755;

            &::before {
              background-image: url("../../uploads/2025/12/line_icon.svg");
              width: 59px;
              height: 60px;
            }
          }
        }
        .contact_a {
          a {
            border-bottom: 4px dotted #ec4c23;

            &::before {
              background-image: url("../../uploads/2025/12/mail_icon.svg");
              width: 55px;
              height: 44px;
            }
          }
        }
      }
    }
  }
  .add_inner {
    .swell-block-fullWide__inner {
      padding: 3.7rem 0 2rem;
    }

    .f_logo {
      width: 318px;
      margin: 0 auto 1.1rem;
    }
    p {
      font-size: 14px;
      margin: 0 0 1.4rem;
    }
  }
}
/* フッター */
.l-footer {
  ul {
    margin: 0 0 2rem;

    li {
      a {
        font-size: 14px;
        border: none !important;
        padding: 0 1rem;
      }
    }
  }

  .copyright {
    font-size: 12px;
    margin: 0 0 1rem;
  }
}
/* =========================================================
//  下層（共通）
// ========================================================= */
.l-topTitleArea {
  background: #fff !important;
  min-height: 366px;
  margin: 0;

  .l-topTitleArea__body {
    min-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
  }

  h1 {
    color: #333;
    font-size: clamp(1.625rem, -0.625rem + 4.6875vw, 3.125rem);
    min-width: 100%;
    position: relative;
    text-shadow: none;
    padding-left: 15vw;
    margin-top: 7rem;

    small {
      color: #e9f9e7;
      font-size: clamp(8.125rem, -7.8125rem + 33.2031vw, 18.75rem) !important;
      font-family: "Montserrat", sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      line-height: 8.5rem;
      margin: 0 !important;
      opacity: 1;

      position: absolute;
      left: 1rem;
      z-index: -1;
      top: -2rem;
    }
  }
}
/* 事例紹介 */
  .wp-block-lazyblock-tax-list {
    margin: 0 !important;
  }

.cat_ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.5rem;
  padding: 0 0 5rem !important;

  li {
    list-style: none;

    a {
      color: #007005;
      background: #fff;
      font-weight: 600 !important;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 1.8rem;
      padding: 0 1.8rem;
      border-radius: 20px;
      font-weight: 600 !important;
      border: 1px solid #007005;
    }
  }
  .active {
    a {
      color: #fff !important;
      background: #007005 !important;
    }
  }
}
.tax-cat_case {
  .l-mainContent {
    max-width: 100%;
  }
}
.case-slider.swiper .swiper-button-next::after, .case-slider.swiper .swiper-button-prev::after {
  color: #007005 !important;
  font-size: 40px;
}
.case_txt_box {
  margin: 0 0 1.4rem;
  border-bottom: 1px solid #a6a6a6;

  .metabox1 {
    display: flex;
    column-gap: 0.6rem;
    margin: 0 0 1rem;

    .works_cat {
      color: #fff;
      background: #007005;
      line-height: 1.5rem;
      height: 30px;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0 1.5rem;
      margin: 0;
    }
    .works_time {
      font-size: clamp(1rem, 0.8125rem + 0.3906vw, 1.125rem) !important;
      font-weight: 600 !important;
      line-height: 1.5rem;
      height: 30px;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0 0.76rem;
      border: 1px solid #a5a5a5;
    }
  }
  .metabox2 {
    display: flex;
    column-gap: 1rem;
    align-items: first baseline;
    padding: 0 0 0.7rem;

    time {
      color: #949494;
      font-weight: 700 !important;
    }

    h2 {
      line-height: 0;
      margin: 0 !important;

      &::after {
        display: none;
      }
      color: #333 !important;
      font-size: clamp(1rem, 0.625rem + 0.7813vw, 1.25rem) !important;
      font-family: "Noto Sans JP", sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
    }
  }
}
.bf_af {
  display: flex;
  justify-content: space-between;

  figure {
    img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      border-radius: 9px;
    }
  }

  .bf {
    figure {
      width: 251px;
      height: 167px;
      position: relative;

      &::before {
        content: "";
        width: 79px;
        height: 79px;
        display: block;
        background-image: url("../../uploads/2025/12/bf.svg");
        background-repeat: no-repeat;
        background-size: cover;
        margin: 0 0.7rem 0 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
      }
      &::after {
        content: "";
        width: 112px;
        height: 107px;
        display: block;
        background-image: url("../../uploads/2025/12/ba_arrow.svg");
        background-repeat: no-repeat;
        background-size: contain;
        margin: 0 0.7rem 0 0;
        position: absolute;
        bottom: -75px;
        right: -70px;
        z-index: 1;
      }
    }
  }

  .af {
    figure {
      width: 398px;
      height: 265px;
      position: relative;

      &::before {
        content: "";
        width: 79px;
        height: 79px;
        display: block;
        background-image: url("../../uploads/2025/12/af.svg");
        background-repeat: no-repeat;
        background-size: cover;
        margin: 0 0.7rem 0 0;
        position: absolute;
        top: 0;
        left: 0;
      }
    }
  }
}
.single-case {
  .bf_af {
    .bf {
      figure {
        width: 330px;
        height: 240px;
      }
    }
    .af {
      figure {
        width: 500px;
        height: 390px;
      }
    }
  }

  .wp-block-lazyblock-gallery {
    margin: 0 0 2rem !important;

    .sub-img {
      width: 95%;
      display: flex;
      flex-wrap: wrap;
      column-gap: 0.5rem;
      padding: 0 !important;
      margin: 2rem auto 0;

      li {
        list-style: none;
        width: calc(96% / 5) !important;
        height: 120px;

        a {
          img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 9px;
          }
        }
      }
    }
  }
}
/* =========================================================
// お問合せ
// ========================================================= */
.Contact_wrap .swell-block-columns {
  margin: 6rem 0 0;
}
.Contact_wrap .swell-block-columns__inner {
  -moz-column-gap: 5rem;
       column-gap: 5rem;
}
.Contact_wrap .titlebox {
  width: 42%;
}
.Contact_wrap h2 {
  font-size: 24px;
  font-weight: 600 !important;
	letter-spacing: 0.07rem;
  margin: 0 0 1.7rem;
}
.Contact_wrap .titlebox .wp-block-group a {
  color: #333;
  font-weight: 600 !important;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.Contact_wrap .titlebox .wp-block-group a::before {
  content: "";
  width: 32px;
  height: 32px;
  display: block;
  background-image: url("../../uploads/2025/12/tel.svg");
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 0.7rem 0 0;
}
.Contact_wrap .titlebox .wp-block-group .small {
  font-size: 14px;
  line-height: 1rem;
  margin: -7px 0 0;
	padding: 0 0 0 2.3rem;
}
.Contact_wrap .formbox {
  width: 48%;
}
.Contact_wrap .formbox .btn {
  text-align: center;
}

.w-beforeFooter .swell-block-fullWide__inner {
  padding: 0 !important;
}

.custom-submit-button {
      color: #007005;
      background: #fff;
      text-align: center !important;
      display: inline-block;
      min-width: 240px;
      padding: 1rem 0;
      border: 1px solid #007005;
	border-radius:50px;
      box-shadow: 0px 0px 11px 0px rgb(217, 240, 214);
      font-weight: 500 !important;
      transition: min-width 0.25s ease;
}

.custom-submit-button span {
  font-weight: 500 !important;
}

.wpcf7-spinner {
  display: none !important;
}

.custom-submit-button:hover {
     color: #333 !important;
     min-width: 210px;
     opacity: 1;
}

.kojinbox,.houjinbox{
	h3{
		font-size:14px;
		font-weight:600;
		margin: 0 !important;
		padding: 0 0 0 2.8rem;
	}
}
.kojinbox{
	padding: 0 0 1.8rem;
	margin: 0 0 1.5rem;
	border-bottom:1px solid #E9E9E9;
	
	a{
  		font-size: 40px;
  		line-height: 3.3rem;
	}
}
.houjinbox{
	a{
  		font-size: 48px;
  		line-height: 3.3rem;
		letter-spacing:0.1rem;
	}
}
/*----お問合せフォーム----*/
.form_inner {
  color: #333;
  background: #fff;
  padding: 4.2rem 4rem;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.25);
}
.form_inner dl dt {
  padding: 0 0 0.3rem;
  font-weight: 600 !important;
}
.form_inner dl dd {
  padding: 0 0 1.6rem !important;
}
.form_inner .koko {
  display: flex;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.wpcf7-acceptance {
  font-size: clamp(0.875rem, 0.6875rem + 0.3906vw, 1rem) !important;
  font-weight: 600 !important;
  text-align: center;
  display: block;
  margin: 0.6rem 0 2.5rem;
}

.wpcf7-acceptance a {
  color: #333;
  border-bottom: 1px solid;
}

/*「必須」文字デザイン*/
.required {
  font-size: 18px;
  font-weight: 600;
  color: #eb5757;
  order: 2;
}

/* 入力項目を見やすく */
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea,
select.wpcf7-form-control.wpcf7-select {
  width: 100%;
  padding: 5px 15px;
  margin: 0;
  border: none;
  background-color: #f8f8f8;
  border: 2px solid #ced0d6;
  border-radius: 4px;
}

textarea.wpcf7-form-control.wpcf7-textarea {
  height: 155px;
}

/* エラーメッセージを見やすく */
span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
  color: #eb5757;
  font-weight: 600;
}
/* =========================================================
//  トップ
// ========================================================= */
[data-partsid="460"] {
  h2 {
    font-size: clamp(2rem, 0.5rem + 3.125vw, 3rem) !important;
    font-weight: 700 !important;
    line-height: 4.8rem;
    margin: 0 0 3rem;
  }
  .catch_p {
    font-weight: 600 !important;
    display: flex;
    align-items: self-start;
    line-height: 6rem;

    span {
      font-size: clamp(4.375rem, 1rem + 7.0313vw, 6.625rem);
      font-family: "Poppins", sans-serif;
      font-weight: 600 !important;
      font-style: normal;
      line-height: 6.5rem;
    }
  }
  .contact_p {
    font-weight: 500 !important;
  }
}

.top_wrap {
  h2 {
    font-size: clamp(3rem, 1.5rem + 3.125vw, 4rem) !important;
  }
  &::after {
    bottom: -3px;
  }

  .top_h2_under_p {
    color: #626262;
    font-weight: 600 !important;
  }

  .swell-block-button {
    text-align: left !important;

    a {
      color: #333;
      background: #fff;
      text-align: center !important;
      display: inline-block;
      min-width: 240px;
      padding: 1.3rem 0;
      border: 1px solid #007005;
      box-shadow: 0px 0px 11px 0px rgb(217, 240, 214);
      font-weight: 500 !important;
      transition: min-width 0.25s ease;

      &:hover {
        color: #333 !important;
        min-width: 210px;
        opacity: 1;
      }
    }
  }
  .top_sec02 {
    h2 {
      font-size: clamp(1.625rem, 1.0625rem + 1.1719vw, 2rem) !important;
      font-family: "Noto Sans JP", sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      border-bottom: 4px dotted #007005 !important;
      padding: 0 0 1rem;
      margin: 0 0 4.5rem !important;

      span {
        font-size: clamp(2rem, 1.25rem + 1.5625vw, 2.5rem) !important;
        padding: 0 0.5rem;
      }
    }
    .sec02_box {
      font-size: clamp(1rem, 0.625rem + 0.7813vw, 1.25rem) !important;
      font-weight: 600 !important;
      line-height: 1.8rem !important;
      padding: 50px 40px;
    }
  }
  .top_sec03 {
    padding: 100px 0 80px 0 !important;
    text-align: center;

    .sec03_h2 {
      font-family: "Noto Sans JP", sans-serif !important;
      font-optical-sizing: auto;
      font-style: normal;
    }
    .top_h2_under_p {
      font-size: 14px !important;
      margin-bottom: 35px;
    }

    .swell-block-columns {
      .swell-block-columns__inner {
        justify-content: flex-end;
        column-gap: 3.5vw;
      }

      .sec03_box_left {
        width: 37% !important;

        h3 {
          font-size: clamp(1.125rem, 0.5625rem + 1.1719vw, 1.5rem) !important;
          font-weight: 600 !important;
          line-height: 2.2rem !important;
          margin: 0 0 1.5rem;
        }
        p {
          font-size: clamp(1rem, 0.8125rem + 0.3906vw, 1.125rem);
          line-height: 2.2rem;
        }
        .swell-block-button {
          margin: 2.5rem 0 0;
        }
      }
      .sec03_box_right {
        width: 46% !important;
      }
    }
  }

  .top_sec04 {
    padding: 50px 0 180px !important;

    h2 {
      &::after {
        transform: translateX(100%);
      }
    }
    .top_h2_under_p {
      margin: 0 0 1.5rem;
    }
    p {
      font-weight: 600 !important;
      margin: 0 0 3rem;
    }
    .swell-block-button {
      justify-content: center;
      display: flex;
    }
    .swell-block-fullWide__inner {
      position: relative;
      padding: 70px 0 80px 0;
      &::before {
        content: "";
        display: block;
        background-color: #d9f0d6;
        width: 90%;
        height: 955px;
        margin: 0; /* 中央寄せは transform で行うので margin は不要 */
        border-radius: 30px;
        position: absolute;
        top: 0;
        left: 50%; /* 左端を50%に */
        transform: translateX(-50%); /* 幅の半分だけ左に移動して中央寄せ */
        z-index: -1;
      }
    }

    .swell-block-columns {
      .swl-has-mb--s {
        background: #fff;
        width: 436px;
        height: 343px;
        border-radius: 16px;
        box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.25);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        figure {
          width: 135px;
          height: auto;
          margin: 0 auto 2rem;
        }

        h3 {
          font-size: clamp(1.125rem, 0.9375rem + 0.3906vw, 1.25rem);
          margin: 0 0 1.4rem;
        }
        p {
          font-size: 14px;
          font-weight: 400 !important;
          text-align: left;
          line-height: 1.4rem;
          width: 85%;
          margin: 0 auto;
        }
      }
    }
  }

  .top_sec05 {
    background-image: url("../../uploads/2025/12/bg02.jpg");
    background-repeat: no-repeat;
    background-size: cover;

    text-align: center;
    padding: 5rem 0 !important;

    h2 {
      font-weight: 600 !important;
      &::after {
        transform: translateX(100%);
      }
    }
    .top_h2_under_p {
      line-height: 1.5rem;
      margin-bottom: 25px;
    }
    p {
      font-weight: 600 !important;
      line-height: 2.2rem;
      margin: 0 0 4rem;
    }
    .swell-block-button {
      justify-content: center;
      display: flex;
      margin: 6rem 0 0;
    }

    /* スライド */
    .swiper {
      overflow: initial;
      .swiper-pagination {
        bottom: -50px;
      }

      figure img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
      }
    }
    .swiper-wrapper {
      .swiper-slide {
        width: 743px !important;

        .case-card {
          width: 743px !important;
          height: 430px;
          padding: 1.5rem 1.8rem 2rem;
          border: 3px solid #a6a6a6;
          border-radius: 32px;
        }
      }
    }
  }

  .top_sec06 {
    padding: 11rem 0 7rem !important;

    .swell-block-columns {
      .swell-block-columns__inner {
        justify-content: flex-start;
        align-items: center;
        column-gap: 5.5vw;
      }

      .sec06_box_left {
        width: 62%;

        figure {
          img {
            width: 100% !important;
            border-radius: 0px 20px 20px 0px;
          }
        }
      }
      .sec06_box_right {
        width: 25%;

        h2 {
          font-weight: 600 !important;
        }
        .top_h2_under_p {
          font-size: 14px;
          margin-bottom: 35px;
        }
        .swell-block-button {
          margin-top: 2.8rem;
        }
      }
    }
  }

  .top_sec07 {
    color: #fff;
    text-align: center;
    padding-bottom: 7rem !important;

    .swell-block-fullWide__inner {
      background-image: url("../../uploads/2025/12/top_sec07.jpg");
      background-repeat: no-repeat;
      background-size: cover;

      width: 84%;
      padding: 4rem 0 3.5rem;
      margin: 0 auto;
      border-radius: 20px !important;
    }

    h2 {
      color: #fff;
      font-weight: 600 !important;

      &::after {
        background: #fff;
        bottom: -10px;
        transform: translateX(530%) !important;
      }
    }
    .top_h2_under_p {
      color: #fff !important;
      line-height: 2.8rem !important;
      margin-bottom: 27px;
    }

    p {
      font-weight: 600 !important;
      line-height: 2.2rem;
    }
    figure {
      width: 630px;
      margin: 0 auto;
    }

    .swell-block-button {
      justify-content: center;
      display: flex;
      margin: 2.5rem 0 0;
    }
  }

  .top_sec08 {
    width: 69%;
    padding-bottom: 4rem !important;
    margin: 0 auto;
  }
}
.blog{
	.l-mainContent{
		max-width: 100%;
	}
	.c-tabBody{
		ul{
			column-gap: 0.5rem !important;
			li{
				width: calc(96%/3) !important;
				border-radius:8px;
				border:1px solid #CFCFCF !important;
				padding: 0 !important;
				
				.p-postList__thumb {
					box-shadow:none !important;
					overflow:initial;
					
					figure{
						height:274px;
					}
					.c-postThumb__cat {
  position: absolute;
  top: 0;
  left: 0;

  display: inline-block !important;
  width: auto !important;
  height: auto;
	white-space: nowrap;
  padding: .2em .5em;
  background: #007005;;
  color: #fff;
  border-radius: 4px;
}
				}
				.p-postList__body {
  					display: flex;
  					flex-direction: column-reverse;
					row-gap: 0.6rem;
					padding: 0.9rem 1.7rem 1.5rem;
}
				.p-postList__excerpt{
					display:none !important;
				}
				.p-postList__meta{
					time{
						font-size:13px !important;
						&::before{
							display:none;
						}
					}
				}
			}
		}
	}
}
/*------------------------------------------------------------------------------------------------------tb---*/
@media screen and (min-width: 768px) and (max-width: 1279px) {
  /* =========================================================
//  ヘッダー
// ========================================================= */
  .-series .l-header__inner {
    padding: 0 0 0 1rem;
  }
  .l-header {
    background-color: transparent !important;
  }
  .c-headLogo {
    img {
      height: 30px !important;
      margin: -20px 0 0;
    }
  }
  .-right .p-spMenu__closeBtn {
    right: 40px;
    top: 30px;
  }
  /* メインビジュアル */
  .p-mainVisual__img {
    object-position: top left !important;
  }
  .p-mainVisual__textLayer {
    position: relative;

    [data-partsid="460"] {
      position: absolute;
      top: 80%;
      left: 25%;
      transform: translate(-50%, -50%);
      width: 100%;

      h2 {
        font-size: 27px !important;
        font-weight: 700 !important;
        line-height: 2.8rem;
        margin: 0 0 0.5rem;
      }
      .catch_p {
        align-items: self-end;
        line-height: 4rem;
        margin: 0 0 1rem;

        span {
          line-height: 4.5rem;
        }
      }
      .contact_p {
        margin: 0 0 1rem auto;
      }
      .cta_line a,
      .cta_contact a {
        font-size: 18px;
        width: 250px;
      }
      .cta_contact a {
        &::before {
          width: 25px;
          height: 19px;
        }
      }
      .cta_line a {
        &::before {
          width: 25px;
          height: 24px;
        }
      }

      .swell-block-columns {
        margin: 0 0 0 auto;
      }
    }
  }
  /* =========================================================
//  フッター
// ========================================================= */
  [data-partsid="532"] {
    .cta_inner {
      .swell-block-columns {
        .swell-block-columns__inner {
          flex-direction: column;
          .telbox {
            width: 100%;
            padding: 3rem 0;

            .midashi_txt {
              margin: 0 0 1.5rem;
            }

            .kojin_tel,
            .houjin_tel {
              a {
                &::before {
                  width: 62px;
                  height: 62px;
                }
              }
            }
          }
          .linkbox {
            width: 100%;
            padding: 3rem 0;

            .midashi_txt {
              margin: 0 0 1rem;
            }
          }
        }
      }
    }
	 .add_inner {
    padding:2rem 0 1rem !important;
  }
  }
  /* =========================================================
//  共通（下層）
// ========================================================= */
  .l-topTitleArea {
    min-height: 160px !important;

    h1 {
      padding-left: 10vw !important;
      margin-top: 0;

      small {
        top: -4rem;
      }
    }
  }
  .bf_af {
    column-gap: 1rem;
    .bf {
      figure {
        width: 230px;
        height: 160px;
      }
    }
    .af {
      figure {
        width: 380px;
        height: 260px;
      }
    }
  }

  .single-case {
    .bf_af {
      .bf {
        figure {
          width: 290px !important;
          height: 200px !important;
        }
      }
      .af {
        figure {
          width: 430px !important;
          height: 310px !important;
        }
      }
    }
    .wp-block-lazyblock-gallery {
      .sub-img {
        width: 100%;
        li {
          width: calc(95% / 5) !important;
        }
      }
    }
  }
/* =========================================================
//  お問合せ(tb)
// ========================================================= */
.Contact_wrap {
  padding: 0 !important;
}
.Contact_wrap h3{
  padding: 0 !important;
}
.Contact_wrap .swell-block-fullWide__inner {
  width: 90%;
  margin: 0 auto;
}
.Contact_wrap .swell-block-columns__inner {
  -moz-column-gap: 0 !important;
       column-gap: 0 !important;
}
.Contact_wrap .titlebox {
  width: 100%;
}
.Contact_wrap .titlebox .wp-block-group {
  text-align: center;
}
.Contact_wrap .titlebox .wp-block-group a {
  justify-content: center;
}
.Contact_wrap .titlebox .wp-block-group .small {
  padding: 0 !important;
}
.Contact_wrap .formbox {
  width: 100%;
margin-top: 3rem;
}

.kojinbox,.houjinbox{
	h3{
		padding: 0 !important;;
	}
}
  /* =========================================================
//  トップ
// ========================================================= */
  .top_wrap {
    .top_sec01 {
      padding: 80px 0 50px !important;
    }
    .top_sec02 {
      padding: 50px 0 200px !important;

      .sec02_box {
        font-size: 15px !important;
        padding: 30px 10px !important;

        p {
          br {
            display: none;
          }
        }
      }
      h2 {
        font-size: 25px !important;
        margin: 0 0 3rem !important;
      }
    }

    .top_sec03 {
      .swell-block-columns {
        .swell-block-columns__inner {
          flex-direction: column-reverse;

          .sec03_box_right {
            width: 90% !important;
            margin: 0 0 0 auto;
          }
          .sec03_box_left {
            width: 90% !important;
            padding: 2rem 3rem 0 0;
            margin: 0 0 0 auto;
          }
        }
      }
    }
    .top_sec04 {
      padding: 50px 0 100px !important;
    }

    .top_sec05 {
      .swiper-wrapper {
        .swiper-slide {
          width: 700px !important;

          .case-card {
            width: 700px !important;
          }
        }
      }
    }

    .top_sec06 {
      padding: 5rem 0 4rem !important;

      .swell-block-columns {
        .swell-block-columns__inner {
          flex-direction: column;
        }
        .sec06_box_left {
          width: 80%;

          figure {
            img {
              border-radius: 20px;
            }
          }
        }
        .sec06_box_right {
          width: 80%;
        }
      }
    }
    .top_sec07 {
      padding-bottom: 4rem !important;
    }
    .top_sec08 {
      width: 85%;
      padding-bottom: 0 !important;
    }
  }
  /*----*/
}
/*------------------------------------------------------------------------------------------------------sp---*/
@media screen and (max-width: 767px) {
  a[href^="tel:"] {
    pointer-events: auto;
  }
  p {
    font-size: 14px;
  }
  .br_pc,
  .br_tb_n,
  .br_tb_b {
    display: none;
  }
  .br_sp {
    display: block;
  }
  /* =========================================================
//  ヘッダー
// ========================================================= */
  .-series .l-header__inner {
    padding: 0 0 0 1rem;
  }
  .l-header {
    background-color: transparent !important;
  }
  .c-headLogo {
    img {
      height: 30px !important;
      margin: -20px 0 0;
    }
  }
  .l-header__menuBtn.sp_ {
    padding: 47px 42px 40px !important;
  }
  .c-iconBtn__icon {
    color: #fff;
  }
  .p-spMenu__closeBtn {
    color: #007005;
    right: 15px !important;
    top: 25px !important;
  }
  /* メインビジュアル */
  .p-mainVisual__img {
    object-position: top left !important;
  }
  .p-mainVisual__textLayer {
    position: relative;

    [data-partsid="460"] {
      position: absolute;
      top: 72%;
      left: 45%;
      transform: translate(-50%, -50%);
      width: 100%;

      h2 {
        font-size: 20px !important;
        font-weight: 700 !important;
        line-height: 2.8rem;
        margin: 0 0 0.5rem;
      }
      .catch_p {
        align-items: self-end;
        line-height: 4rem;
        margin: 0 0 1rem;

        span {
          line-height: 4.5rem;
        }
      }
      .contact_p {
        font-size: 13px;
        padding: 0 1rem;
        margin: 0 0 1rem auto;

        &::before {
          left: -10px;
          transform: translateY(0) rotate(70deg);
        }
        &::after {
          right: 0;
          transform: translateY(0) rotate(-70deg);
        }
      }
      .cta_line a,
      .cta_contact a {
        font-size: 18px;
        width: 250px;
        padding: 0.5rem 0 0.5rem 0.5rem !important;
        margin: 0 auto;
        display: block;
      }
      .cta_contact a {
        &::before {
          left: 2.6vw;
          width: 25px;
          height: 19px;
        }
      }
      .cta_line a {
        &::before {
          left: 3.6vw;
          width: 25px;
          height: 24px;
        }
      }

      .swell-block-columns {
        margin: 0 auto;

        .swell-block-columns__inner {
          row-gap: 0.7rem;
        }
      }
    }
  }
  /* =========================================================
//  フッター
// ========================================================= */
  [data-partsid="532"] {
    .cta_inner {
      .swell-block-columns {
        .swell-block-columns__inner {
          flex-direction: column;
          .telbox {
            width: 100%;
            padding: 3rem 0;

            .midashi_txt {
              margin: 0 0 1.5rem;
            }

            .kojin_tel,
            .houjin_tel {
              width: 85%;
              a {
                font-size: 35px;

                &::before {
                  width: 55px;
                  height: 55px;
                }
              }
            }
            .kojin_tel {
              margin: 0 auto 1rem !important;
            }
          }
          .linkbox {
            width: 100%;
            padding: 3rem 0;

            .midashi_txt {
              margin: 0 0 2rem;
            }

            a {
              width: 80%;
            }
            .line_a {
              a {
                &::before {
                  width: 40px;
                  height: 41px;
                }
              }
            }
            .contact_a {
              a {
                &::before {
                  width: 36px;
                  height: 30px;
                }
              }
            }
          }
        }
      }
    }
  }
  .l-footer__nav {
    display: none;
  }
  /* =========================================================
//  共通（下層）
// ========================================================= */
  .l-topTitleArea {
    min-height: 100px !important;

    h1 {
		font-size:18px !important;
      padding-left: 10vw !important;
      margin-top: 0;

      small {
        font-size: 60px !important;
        top: -4rem;
      }
    }
  }
  .cat_ul {
    column-gap: 0.5rem;
    row-gap: 0.5rem;
    padding: 0 0 2rem !important;
  }

  .txt_box {
    .metabox1 {
      .works_cat {
        width: 120px;
      }
    }
  }
  .bf_af {
    flex-direction: column !important;
    row-gap: 3rem;

    .bf {
      figure {
        width: 80% !important;
        height: 160px !important;

        &::before {
          width: 65px;
          height: 65px;
        }

        &::after {
          width: 80px;
          height: 77px;
          bottom: -75px;
          right: 80px;
          transform: rotate(29deg);
        }
      }
    }
    .af {
      figure {
        width: 100% !important;
        height: 230px !important;

        &::before {
          width: 70px;
          height: 70px;
        }
      }
    }
  }

  .single-case {
    width: 100% !important;

    .wp-block-lazyblock-gallery {
      .sub-img {
        width: 100% !important;
        li {
          width: calc(94% / 4) !important;
          height: 80px !important;
        }
      }
    }
  }
/* =========================================================
//  お問い合せ(sp)
// ========================================================= */
.Contact_wrap {
  padding: 0 !important;
}
.Contact_wrap .swell-block-fullWide__inner {
  padding: 0 2rem !important;
}
.Contact_wrap .swell-block-columns__inner {
  -moz-column-gap: 0 !important;
       column-gap: 0 !important;
}
.Contact_wrap .titlebox {
  width: 100%;
}
.Contact_wrap .titlebox .wp-block-group {
  text-align: center;
}
.Contact_wrap h2 {
  font-size: 20px !important;
}
.Contact_wrap .titlebox .wp-block-group a {
  font-size: 34px;
  justify-content: center;
}
.Contact_wrap .titlebox .wp-block-group .small {
  padding: 0 !important;
}
.Contact_wrap .formbox {
  width: 100%;
}
.Contact_wrap .form_inner {
  padding: 3.2rem 1.5rem 0;
  padding-bottom: 3rem !important;
}
.Contact_wrap .wpcf7-acceptance {
  font-size: 14px !important;
}
.Contact_wrap .custom-submit-button {
  font-size: 14px !important;
  min-width: 200px !important;
}
.kojinbox,.houjinbox{
	h3{
		padding: 0 !important;;
	}
}
  /* =========================================================
//  トップ
// ========================================================= */
  .top_wrap {
    .top_sec01 {
      padding: 80px 0 50px !important;

      ul {
        flex-direction: column;
        row-gap: 1rem !important;

        li {
          width: 95% !important;
          a {
            display: flex;

            .p-postList__thumb {
              width: 30% !important;
            }

            figure {
              width: 100% !important;
              height: 100%;
              border-radius: 8px 0px 0px 8px;
            }
            .p-postList__body {
              width: 70%;
              h3 {
                font-size: 14px !important;
              }
            }
          }
        }
      }
    }
    .top_sec02 {
      padding: 50px 0 200px !important;

      h2 {
        font-size: 16px !important;
        margin: 0 0 3rem !important;
      }
      .sec02_box {
        padding: 30px 10px !important;
        p {
          font-size: 18px !important;
        }
      }
      .sec02_right_img {
        width: 45%;
        position: relative;
        left: 100px;
      }
    }

    .top_sec03 {
      padding: 150px 0 60px !important;

      .sec03_h2 {
        font-size: 24px !important;
      }

      .sec03_top_p {
        margin: 0 auto 26px;
      }

      .swell-block-columns {
        .swell-block-columns__inner {
          flex-direction: column-reverse;

          .sec03_box_right {
            width: 90% !important;
            margin: 0 0 0 auto;
          }
          .sec03_box_left {
            width: 90% !important;
            padding: 2rem 3rem 0 0;
            margin: 0 0 0 auto;
          }
        }
      }
    }
    .top_sec04 {
      padding: 50px 0 100px !important;
      h2 {
        &::after {
          transform: translateX(-50%) !important;
          left: 50%;
        }
      }
      .top_h2_under_p {
        margin: 0 auto 1.5rem;
      }
      p {
        width: 90%;
        margin: 0 auto 3rem;
      }
    }
    .top_sec05 {
      h2 {
        &::after {
          transform: translateX(-50%) !important;
          left: 50%;
        }
      }

      p {
        margin: 0 auto 3rem;
        width: 85%;
      }

      .swiper-wrapper {
        .swiper-slide {
          width: 320px !important;

          .case-card {
            width: 320px !important;
            height: auto !important;
          }
        }
      }
    }
    .top_sec06 {
      padding: 8rem 0 6rem !important;

      .swell-block-columns {
        .swell-block-columns__inner {
          flex-direction: column;
        }
        .sec06_box_left {
          width: 85%;

          figure {
            img {
              border-radius: 20px;
            }
          }
        }
        .sec06_box_right {
          width: 80%;
        }
      }
    }
    .top_sec07 {
      padding-bottom: 0 !important;

      h2 {
        &::after {
          bottom: -10px;
          transform: translateX(-50%) !important;
          left: 50%;
        }
      }
      .swell-block-fullWide__inner {
        width: 90%;
        padding: 4rem 1rem 3.5rem;
      }
    }
    .top_sec08 {
      width: 90%;
      padding-bottom: 0 !important;
    }
  }
  /*----*/
}