/* ========================================
   CSS変数
   ======================================== */
:root {
  --c-key: #04aa3a;
  --c-key-dark: #1f9e47;
  --c-key-light: #08bb41;
  --c-text: #4D4D4D;
  --c-sub: #6b7280;
  --c-line: #DBDBDB;
  --c-link: #06c;
  --font-inter: "Inter", sans-serif;
  --font-family--zen-kaku-gothic-new: 'Zen Kaku Gothic New', sans-serif;
  --max: 1000px;

  /*
  swellのデフォルトCSSを削除する場合があるので、
  swell親テーマの変数を再定義しておく
  */
  --c-text: #4d4d4d;
}

/* ==========================================================================
   Reset Styles
   ========================================================================== */
body {
  width: 100%;
  margin: 0;
  padding: 0;
  color: var(--c-text);
  font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
  -webkit-font-smoothing: antialiased;
}

ul,
ol {
  margin: 0;
  padding: 0;
}

b,
strong {
  font-weight: 700;
}

sub,
sup {
  font-size: smaller;
}

ruby>rt {
  font-size: 50%;
}

main {
  display: block;
}

:where(ol:not([type])),
:where(ul:not([type])) {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote::after,
blockquote::before,
q::after,
q::before {
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}

:where(th, td) {
  word-break: break-all;
  border: 0;
}

code,
pre {
  tab-size: 4;
  tab-size: 4;
  tab-size: 4;
}

svg:not([fill]) {
  fill: currentcolor;
}

[hidden] {
  display: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[type="button"],
[type="reset"],
[type="submit"],
button {
  display: inline-block;
  cursor: pointer;
  appearance: button;
}

[role="button"] {
  cursor: pointer;
}

fieldset {
  padding: .35em .75em .625em;
}

legend {
  display: table;
  max-width: 100%;
  padding: 0;
  box-sizing: border-box;
  color: inherit;
  white-space: normal;
}

button,
input,
select,
textarea {
  padding: .25em .5em;
  border: 1px solid hsl(0deg 0% 78% / 50%);
  border-radius: 0;
  background-color: #f7f7f7;
  color: var(--c-text);
}

[type="color"] {
  padding: 0;
}

[type="range"] {
  vertical-align: middle;
}

[aria-busy="true"] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled] {
  cursor: default;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  color: var(--c-key);
  text-decoration: none;
}

button,
input,
select,
textarea {
  outline: 0;
  box-sizing: border-box;
  font-size: 100%;
}

.main-content .post_content>*,
p {
  margin: 0;
}

:where(h1, h2, h3, h4, h5, h6) {
  margin: 0;
}

:is(.none--pc) {
  @media (width >=1100px) {
    display: none;
  }
}

:is(.visually-hidden) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;

  &.--sp {
    @media (width <=767px) {
      display: none;
    }
  }

  &.--tb {
    @media (width >=768px) {
      display: none;
    }
  }

  &.--pc {
    @media (width >=1100px) {
      display: none;
    }
  }
}

/* ========================================
swellのスタイルを上書き
======================================== */
.-body-solid .p-breadcrumb.-bg-on {
  box-shadow: none;
}

.p-breadcrumb.-bg-on {
  background: none;
}

.breadcrumb-area .p-breadcrumb__list {
  align-items: center;
  display: flex;
  font-size: 14px;
  gap: 0.5em;
  list-style: none;
  overflow: hidden;

  @media (width <=767px) {
    overflow: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
}

.breadcrumb-area .p-breadcrumb__item:last-child span {
  opacity: 1;
}

.breadcrumb-area .p-breadcrumb:not(.-bg-on) {
  padding-top: 12px;
}

.p-breadcrumb__text {
  font-size: 10px;
}

.breadcrumb-area {
  padding-block: 13px;
  background-color: rgb(47 162 66);

  @media (width <=1100px) {
    padding-inline: 16px;
  }

  .p-breadcrumb {
    width: min(calc(100%), 1100px);
    margin-inline: auto;
    color: #fff;

    &:has(.category-posts) {
      padding-block-end: 50px;
    }
  }
}

:is(.page-id-1122, .page-id-1119, .page-id-22) {
  .breadcrumb-area {
    background-color: transparent;

    .p-breadcrumb {
      color: #4d4d4d;
    }

    .p-breadcrumb__text {
      font-size: 14px;
    }
  }
}

.breadcrumb-area .p-breadcrumb__item {
  align-items: center;
  display: inline-flex;
  gap: 0.5em;
  position: relative;
}

.breadcrumb-area .p-breadcrumb__item::after {
  background-color: currentcolor;
  clip-path: polygon(45% 9%, 75% 51%, 45% 90%, 30% 90%, 60% 50%, 30% 10%);
  content: "";
  display: block;
  height: 10px;
  margin: 0;
  opacity: 0.8;
  width: 10px;
}

.breadcrumb-area .p-breadcrumb__item:last-child::after {
  content: none;
}

.breadcrumb-area .p-breadcrumb__text {
  align-items: center;
  color: inherit;
  display: inline-flex;
  text-decoration: none;
  white-space: nowrap;
}

.breadcrumb-area .p-breadcrumb__text::before {
  margin-right: 3px;
}

.breadcrumb-area .p-breadcrumb__text:hover span {
  opacity: 0.76;
}

.breadcrumb-area .p-breadcrumb__text .__home {
  align-items: center;
  display: inline-flex;
  gap: 4px;
}

.breadcrumb-area .p-breadcrumb__text .__home::before {
  line-height: inherit;
}

.icon-home::before {
  display: none;
  content: "\e922";
}

.hero-image+p,
.p-breadcrumb~p {
  display: none;
}

.category {
  .l-mainContent__inner>.post_content {
    padding: 0;
  }
}

.c-postTitle {
  display: none;
}

.p-articleMetas {
  display: none;
}

.p-authorBox__desc.u-thin {
  @media (width <=767px) {
    text-align: left;
  }
}

/* パンくずリスト-カテゴリーページ */
.category .p-breadcrumb__list {
  align-items: center;
  display: flex;
  font-size: 11px;
  gap: 0.5em;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;

  @media (width <=767px) {
    overflow: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
}

.category .p-breadcrumb__item:last-child span {
  opacity: .8;
}

.category .p-breadcrumb {
  margin: 0 auto;
  padding: 8px 0;
  position: relative;
}

.category .p-breadcrumb:not(.-bg-on) {
  padding-top: 12px;
}

.category .p-breadcrumb__list {
  align-items: center;
  display: flex;
  font-size: 10px;
  gap: 0.5em;
  list-style: none;
  overflow: hidden;
  width: 100%;
}

.category .p-breadcrumb__item {
  align-items: center;
  display: inline-flex;
  gap: 0.5em;
  position: relative;
}

.category .p-breadcrumb__item::after {
  background-color: currentcolor;
  clip-path: polygon(45% 9%, 75% 51%, 45% 90%, 30% 90%, 60% 50%, 30% 10%);
  content: "";
  display: block;
  height: 10px;
  margin: 0;
  opacity: 0.8;
  width: 10px;
}

.category .p-breadcrumb__item:last-child::after {
  content: none;
}

.category .p-breadcrumb__text {
  align-items: center;
  color: inherit;
  display: inline-flex;
  text-decoration: none;
  white-space: nowrap;
}

.category .p-breadcrumb__text::before {
  margin-right: 3px;
}

.category .p-breadcrumb__text:hover span {
  opacity: 0.76;
}

.category .p-breadcrumb__text .__home {
  align-items: center;
  display: inline-flex;
  gap: 4px;
}

.category .p-breadcrumb__text .__home::before {
  line-height: inherit;
}

.icon-home::before {
  display: none;
  content: "\e922";
}

.hero-image+p,
.p-breadcrumb~p {
  display: none;
}

.category {
  .l-mainContent__inner>.post_content {
    padding: 0;
  }
}

.c-postTitle {
  display: none;
}

.p-articleMetas {
  display: none;
}


/* ========================================
カテゴリアーカイブページ
======================================== */

/* ========================================
h1コンテンツ
======================================== */

.sec01 .hero-image__text {
  padding-block: 15px;
}

.news_txt h1 {
  margin: 0;
  background-color: rgb(47 162 66);
  color: #fff;
  font-size: 16px;
  text-align: center;
  padding-block: 7px;

  @media (width <=767px) {
    font-size: 11px;
    padding-block: 10px;
  }
}

/* ========================================
テストページスタイル
======================================== */
/*
一時的にコメントアウト
h2 {
  margin-bottom: clamp(16px, 2.5vw, 30px);
  font-size: clamp(23px, 3.2vw, 31px);
  line-height: 1.6;
} */

/* ===================== flex実装 ===================== */

/* flex ラッパ */
.flex {
  display: flex;
  flex-wrap: wrap;
  gap: 54px 27px
}

@media (width <=767px) {
  .flex {
    gap: 0;
  }
}

.flex>* {
  flex: 1 1 100%
}

/* SPは1列 */

/* 2カラム（>=768px） */
@media (width >=768px) {
  .flex.flex-2>* {
    flex: 1 1 calc((100% - 27px)/2)
  }
}



/* 3カラム（768px〜は2列、992px〜3列） */
.flex.flex-3 {
  gap: 0;
}

@media (width >=768px) {
  .flex.flex-3>* {
    flex: 1 1 calc((100% - 27px)/3)
  }
}

@media (width >=992px) {
  .flex.flex-3>* {
    flex: 1 1 calc((100% - 32px)/3)
  }
}

/* セクション - 基本構造 */
.sec {
  padding: 60px 0;
}

/* .section-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
} */

/* タイトル・見出し */

.h3 {
  margin: 16px 0 12px;
  font-size: 20px;
  font-weight: bold;
}

/* テキスト */
.lead {
  color: var(--c-sub);
  margin-block-end: 45px;
  line-height: 1.78;
}

.p {
  color: var(--c-text);
  font-size: 14px;
  line-height: 1.7;
}

/* Flexboxレイアウト */
.flex {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

.flex-2 {
  flex-wrap: wrap;
}

.flex-2>* {
  flex: 1 1 calc(50% - 10px);
  min-width: 280px;
}

/* ボックス・カード */

/* .box {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 20px;
  transition: box-shadow 0.3s ease;
}

.box:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
} */

/* リンク付きボックス */

/* .link_abso {
  position: relative;
}

.link_abso .link::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
} */

/* セクション余白 */
.sec:not(:last-child) {
  padding-block: 100px;
}

.sec:last-child {
  padding-top: 100px;
}

.sec:first-child {
  padding-block: 0 100px;
}

@media (width <=767px) {
  .sec:not(:last-child) {
    padding-block: 50px;
  }

  .sec:last-child {
    padding-top: 50px;
  }

  .sec:first-child {
    padding-block: 0 50px;
  }
}

/* セクション内側の枠 */
.section-inner {
  width: min(92vw, 1000px);
  padding: 40px 40px 0;
  margin-inline: auto;
  border-radius: 16px;
  background: #fff;


  @media (width <=767px) {
    padding: 48px 5px;
  }
}

/* セクションタイトル */

/* セクション本文ラッパー */
/* ボックス */
.box {
  background: #fff;
}

.box.list {
  margin-bottom: 50px;
}

.box.list .p {
  padding: 10px 20px 20px;
}

@media (width <=767px) {
  .box.list {
    margin-bottom: 30px;
  }

  .box.list .p {
    padding: 5px 0 10px;
  }
}

/* 見出し */
.h3 {
  margin: 0 0 10px;
  padding: 16px 0;
  color: var(--c-key);
  font-weight: 700;
  border-bottom: 1px solid var(--c-key);
}

.h3--fill {
  margin: 0 0 10px;
  padding: 14px 18px;
  border: none;
  background: var(--c-key);
  color: #fff;
  line-height: 1.4;
}

@media (width <=767px) {
  .h3 {
    padding: 10px 0;
  }

  .h3--fill {
    margin: 0 0 5px;
    padding: 7px 9px;
  }
}

/* 段落 */
.p {
  margin: 0 0 10px;
}

/* プレースホルダー画像 */
.ph {
  position: relative;
  margin-bottom: 16px;
  overflow: hidden;
}

.ph img {
  object-fit: cover;
  display: block;
  border-radius: 8px;
}

/* .ph::before {
  content: '';
  display: block;
  background: linear-gradient(135deg, #e0e0e0 25%, transparent 25%),
    linear-gradient(225deg, #e0e0e0 25%, transparent 25%),
    linear-gradient(45deg, #e0e0e0 25%, transparent 25%),
    linear-gradient(315deg, #e0e0e0 25%, #f0f0f0 25%);
  background-size: 20px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
} */

/* リンク */
.linkline {
  margin-top: 16px;
}

.link {
  display: inline-block;
  position: relative;
  padding-right: 20px;
  color: var(--c-link);
  text-decoration: none;
}

.link::after {
  position: absolute;
  right: 0;
  transition: right 0.3s ease;
  content: '→';
}

.link:hover {
  text-decoration: underline;
}

.link:hover::after {
  right: -4px;
}

/* レスポンシブ対応 */
@media screen and (width <=767px) {
  .sec {
    padding: 40px 0;
  }

  .sec-title {
    font-size: 24px;
  }

  .lead {
    font-size: 14px;
  }

  .flex-2 {
    flex-direction: column;
  }

  .flex-2>* {
    flex: 1 1 100%;
  }

}

/* ========================================
コンテナ・レイアウト
======================================== */
#container {
  background-color: #fff;
}

/* ========================================
   コピーライト
   ======================================== */
#copyright,
.footer-copyright {
  z-index: 10;
  box-sizing: border-box;
  background-color: var(--c-key-light);
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding-block: 20px;
}

/* ========================================
   ページコンテンツ
   ======================================== */
.page-content p,
.content p {
  margin: 0 0 2em;
  line-height: 2.5;
}

.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6,
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  margin: 0 0 10px;
  padding: 10px 0 0;
  line-height: 1.4;
  clear: both;
}

.page-content h2,
.content h2 {
  font-size: 24px;
}

.page-content h3,
.content h3 {
  font-size: 22px;
}

/* .page-id-25 #b01 {
  margin-top: 7em;
} */

/* ========================================
   改行制御
   ======================================== */
br.sp {
  display: none;
}

@media screen and (width <=767px) {
  br.sp {
    display: inline;
  }

  br.pc {
    display: none;
  }
}

@media (width <=767px) {
  span.sp {
    display: none;
  }
}

/* ========================================
   改行制御2
   ======================================== */
.br-sp {
  display: none;
}

@media screen and (width <=767px) {
  .br-sp {
    display: inline;
  }

  .br-pc {
    display: none;
  }
}

/* スマホ非表示 */
@media screen and (width <=767px) {
  .sp-none {
    display: none;
  }
}

/* PC時非表示 */
.pc--none {
  @media (width >=768px) {
    display: none;
  }
}

/* SP時非表示 */
.sp--none {
  @media (width <=767px) {
    display: none;
  }
}

/* ========================================
   スクロールマージン
   ======================================== */
#company {
  scroll-margin-top: 12em;
}

#before-after,
#service,
#price,
#area,
#gallery {
  scroll-margin-top: 9em;
}

@media (width <=767px) {
  #company {
    scroll-margin-top: 2em;
  }

  #before-after,
  #service,
  #price,
  #area,
  #gallery {
    scroll-margin-top: 0;
  }
}

/* ========================================
   テキストユーティリティ
   ======================================== */
.text-lg--price {
  font-size: 50px;
  font-weight: 700;

  @media (width <=767px) {
    font-size: 33px;
  }
}

.text-center {
  text-align: center;
}

.text-center--md {
  @media (width >=768px) {
    text-align: center;
  }
}

/* ========================================
コンテナ・セクション
======================================== */
.section-container {
  --margin-bottom: 170px;

  width: min(calc(100% - 30px), 1100px);
  margin: 0 auto var(--margin-bottom);

  @media (width >=1100px) {
    border: solid 1px #dbdbdb;
  }

  @media (width <=767px) {
    --margin-bottom: 70px;
  }

  &:has(.faq-items) {
    padding-block-end: 60px;
  }
}

.category {
  .post_content {
    .hero-image {
      margin-bottom: 0;
    }

    >:last-child {
      --margin-bottom: 170px;

      margin-bottom: var(--margin-bottom) !important;

      @media (width <=767px) {
        --margin-bottom: 60px;
      }
    }
  }

  .p-breadcrumb .p-breadcrumb__list {
    margin-right: 0;
    margin-left: 0;
    overflow: visible;
  }
}

/* セクションスタイル (test.css由来) */


/* セクション枠/幅 */


.section-plain {
  width: min(92vw, var(--max));
  margin-inline: auto;
}



/* セクション本文 */


.section-body.wide {
  padding-right: 10px;
  padding-left: 10px;
}

@media (width <=767px) {
  .section-body.wide {
    padding-right: 0;
    padding-left: 0;
  }
}

.section-intro:has(.link-text--icon) {
  padding-block-end: 50px;
}

.section-intro__title {
  --font-size: 31px;
  --padding: 18px;

  padding: var(--padding);
  background-color: var(--c-key);
  color: #fff;
  font-size: var(--font-size);
  text-align: center;

  @media (width <=767px) {
    --font-size: 23px;
    --padding: 12px;
  }
}

.section-intro__desc {
  --padding: 30px 30px 60px;

  padding: var(--padding);

  @media (width <=767px) {
    --padding: 15px 0 30px;
  }
}

/* ========================================
  リード文
  ======================================== */


.lead.lead-law {
  margin: 0 0 30px;
  color: var(--c-sub);
}

@media (width <=767px) {
  .lead.lead-law {
    margin: 0 0 15px;
  }
}

.small {
  color: #777;
  font-size: 12px;
}

/* ========================================
   ボックス
   ======================================== */


.p_0pb {
  padding: 10px 20px 0;
}

@media (width <=767px) {
  .p_0pb {
    padding: 10px 0 0;
  }
}

/* ========================================
   画像プレースホルダ
   ======================================== */
.ph {
  position: relative;
  width: 100%;
}

.ph span {
  position: absolute;
  bottom: 0;
  left: 10px;
  color: #fff;
  font-size: 32px;
  font-weight: 700;
}

.ph--5x4 img {
  aspect-ratio: 5/4;
}

.ph--16x9 img {
  aspect-ratio: 16/9;
}

.ph--wide img {
  aspect-ratio: 12/3.3;

  @media (width <=767px) {
    aspect-ratio: 12 / 7;
  }
}

@media (width <=767px) {
  .spph--5x7 {
    aspect-ratio: 5 / 7;
  }
}

.ph--1x1 {
  aspect-ratio: 1/1;
}

.triangle-wrap {
  position: absolute;
  inset: 0 0 5%;
  margin: auto;
}

.ph-triangle {
  position: absolute;
  inset: 0 0 5%;
  width: 0;
  height: 0;
  margin: auto;
  border-style: solid;
  border-top: 28px solid transparent;
  border-bottom: 28px solid transparent;
  border-left: 21px solid var(--c-key);
  border-right: 0;
}

@media (width <=767px) {
  .before-after.updown .triangle-wrap {
    position: relative;
  }

  .before-after.updown .ph-triangle {
    border-bottom: none;
    border-right: 28px solid transparent;
    border-left: 28px solid transparent;
    border-top: 21px solid var(--c-key);
  }
}



.p {
  margin: 0 0 10px;
}

/* ========================================
   リンク
   ======================================== */
.link {
  display: inline-flex;
  position: relative;
  align-items: center;
  gap: 10px;
  color: var(--c-key);
  font-weight: 700;
  line-height: 1;
}

.link::before {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--c-key);
  content: "";
  flex-shrink: 0;
}

.link::after {
  position: absolute;
  top: 50%;
  left: 5px;
  width: 6px;
  height: 6px;
  transform: translateY(-50%) rotate(-45deg);
  content: "";
  pointer-events: none;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.linkline {
  margin: 15px auto 30px;
  text-align: center;
}

.linkline.more {
  margin-bottom: 50px;
  text-align: center;
}

@media (width <=767px) {
  .linkline.more {
    margin-bottom: 20px;
  }
}

article.box {
  position: relative;
}

article.box.link_abso {
  padding-bottom: 60px;
}

@media (width <=767px) {
  article.box.link_abso {
    margin-bottom: 30px;
    padding-bottom: 0;
  }
}

article.box.wide-img:not(:last-child) {
  margin-bottom: 60px;
}

article.box .linkline {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}

@media (width <=767px) {
  article.box .linkline {
    position: relative;
    margin: 0;
  }
}

/* ========================================
   説明リスト
   ======================================== */
.desc-lists {
  display: block flex;
  flex-direction: column;
  row-gap: 24px;
  padding-block-end: 60px;
}

.desc-list__title {
  --font-size: 20px;

  padding: 12px 20px;
  background-color: var(--c-key);
  color: #fff;
  font-size: var(--font-size);

  @media (width <=480px) {
    --font-size: 16px;
  }
}

.desc-list__data {
  --padding: 20px;

  padding: var(--padding);

  @media (width <=480px) {
    font-size: 14px;

    --padding: 20px 0;
  }
}

.link-text--icon {
  width: fit-content;
  margin-inline: auto;

  >a {
    display: inline flex;
    column-gap: 6px;
    align-items: center;
    font-weight: 700;
    line-height: 1;

    &::before {
      display: inline-block;
      width: 18px;
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMzggMTguNzZDMTQuNTYwNCAxOC43NiAxOC43NiAxNC41NjA0IDE4Ljc2IDkuMzhDMTguNzYgNC4xOTk1NyAxNC41NjA0IDAgOS4zOCAwQzQuMTk5NTcgMCAwIDQuMTk5NTcgMCA5LjM4QzAgMTQuNTYwNCA0LjE5OTU3IDE4Ljc2IDkuMzggMTguNzZaIiBmaWxsPSIjMDRBQTNBIi8+CjxwYXRoIGQ9Ik04LjQxMDAzIDQuOTUwMkwxMi44NCA5LjM4MDI1TDguNDEwMDMgMTMuODAwMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
      background-size: contain;
      background-repeat: no-repeat;
      content: "";
      aspect-ratio: 1;
      translate: 0 1px;
    }
  }
}

/* ========================================
   カード
   ======================================== */
.card-items {
  --padding--x: 30px;

  display: block flex;
  flex-wrap: wrap;
  gap: 28px 60px;
  padding: 0 var(--padding--x) 60px;

  @media (width <=767px) {
    --padding--x: 0;
  }
}

.card-item {
  @media (width >=768px) {
    width: calc(50% - 30px);
  }
}

.card-item__image {
  img {
    width: stretch;
  }
}

.card-item__title {
  color: var(--c-key);
  font-size: 20px;
  font-weight: 700;
  padding-block: 18px;
  margin-block-end: 18px;
  border-bottom: solid 1px var(--c-key);
}

.card-item__desc:has(+ .link-text--icon) {
  margin-block-end: 20px;
}

/* ========================================
   カラムレイアウト
   ======================================== */
.columns {
  padding-block-end: 50px;
}

.columns-items {
  --padding--x: 30px;

  display: flex;
  flex-direction: column;
  row-gap: 60px;
  padding-inline: var(--padding--x);

  @media (width <=767px) {
    --padding--x: 0;
  }

  &:has(+ .link-text--icon) {
    --padding-bottom: 50px;

    padding-bottom: var(--padding-bottom);

    @media (width <=767px) {
      --padding-bottom: 30px;
    }
  }
}

.columns-item {
  display: flex;
  gap: 20px;

  @media (width <=767px) {
    flex-direction: column;
  }
}

.columns-item__image {
  @media (width >=768px) {
    flex: 1;
  }

  img {
    width: stretch;
  }
}

.columns-items__text {
  flex: 2.4;
}

.columns-item__title {
  --space--x: 18px;

  color: var(--c-key);
  font-size: 20px;
  font-weight: 700;
  padding-block-end: var(--space--x);
  margin-block-end: var(--space--x);
  border-bottom: solid 1px var(--c-key);

  @media (width <=767px) {
    --space--x: 8px;
  }
}

.columns-single__items {
  display: flex;
  flex-direction: column;
  row-gap: 60px;

  @media (width >=768px) {
    padding-inline: 30px;
  }

  &:has(+ .link-text--icon) {
    padding-block-end: 50px;
  }
}

.columns-single__item__image {
  margin-block-end: 20px;

  >img {
    width: stretch;
    height: 260px;
    object-fit: cover;
  }
}

.columns-single__item__title {
  margin-block-end: 10px;
  text-align: center;
}

/* ========================================
   メディアオブジェクト
   ======================================== */
.media {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.media .thumb {
  flex: 0 0 140px;
}

.media .thumb .ph {
  width: 100%;
  aspect-ratio: 1/1;
}

.media h4 {
  margin: 0 0 6px;
  font-size: 16px;
}

@media (width <=560px) {
  .media {
    flex-direction: column;
  }

  .media .thumb {
    flex-basis: auto;
    width: 100%;
  }
}

/* mediaLR */
.mediaLR {
  display: flex;
  align-items: flex-start;
  gap: 25px;
}

@media (width <=767px) {
  .mediaLR {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    margin-bottom: 30px;
  }
}

.mediaLR:last-child {
  margin-bottom: 30px;
}

.mediaLR .img {
  flex: 1 1 35%;
}

body .mediaLR img {
  object-fit: cover;
  display: block;
  aspect-ratio: 12 / 10;
}

@media (width <=767px) {
  .mediaLR .img {
    aspect-ratio: 12 / 7;
  }
}

.mediaLR>div:last-child {
  flex: 1 1 65%;
}

.mediaLR>div:last-child h3.h3 {
  padding-top: 0;
}

/* ========================================
   Before/After
   ======================================== */
.before-after {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 35px;
  margin-bottom: 30px;
}

.before-after>* {
  flex: 1 1 100%;
}

.before-after>* {
  flex: 1 1 calc((100% - 35px)/2);
}

@media (width <=767px) {
  .before-after>* {
    flex: 1 1 calc((100% - 35px)/2);
  }

  .before-after.updown>* {
    flex: 1 1 100%;
  }
}

.caption-center {
  margin-top: 20px;
  color: #555;
  font-size: 16px;
  text-align: center;
}

@media (width <=767px) {
  .caption-center {
    margin-top: 10px;
  }
}

/* ========================================
   テーブル
   ======================================== */
.table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid var(--c-line);
  overflow: hidden;
}

.table th,
.table td {
  padding: 10px 12px;
  border-top: 1px solid var(--c-line);
  text-align: left;
}

.table thead th {
  background: #f2fbf5;
}

.table.table--thlabel,
.table.table--thlabel td {
  border: none;
}

.table.table--thlabel tr {
  display: flex;
}

.table.table--thlabel tr:not(:last-child) {
  margin-bottom: 10px;
}

.table.table--thlabel th,
.table.table--thlabel td {
  display: block;
  padding: 3px 10px;
}

.table.table--thlabel th {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 160px;
  border: 1px solid var(--c-sub);
  color: #666;
  text-align: center;
}

@media (width <=767px) {
  .table.table--thlabel th {
    width: 110px;
  }
}

.table.table--thlabel td {
  width: calc(100% - 160px);
  padding-left: 20px;
}

@media (width <=767px) {
  .table.table--thlabel td {
    width: calc(100% - 110px);
    padding-left: 10px;
  }
}

/* ========================================
   価格表示
   ======================================== */
p.yen {
  text-align: center;
}

p.yen span {
  display: block;
  font-weight: 700;
}

p.yen40 span {
  font-size: 40px;
}

@media (width <=767px) {
  p.yen40 span {
    font-size: 33px;
  }
}

p.yen50 span {
  font-size: 50px;
}

@media (width <=767px) {
  p.yen50 {
    margin-top: 10px;
  }

  p.yen50 span {
    font-size: 30px;
  }
}

/* ========================================
   FAQ
   ======================================== */
.qa {
  display: block;
  list-style: none;
}

.qa .q,
.qa .a {
  position: relative;
  padding-left: 45px;
}

.qa .q.bracket,
.qa .a.bracket {
  padding-left: 35px;
}

.qa .q {
  font-size: 20px;
}

.qa .a {
  margin-bottom: 45px;
  background: #fff;
}

.qa span {
  position: absolute;
  top: 4px;
  left: 10px;
  font-family: Inter;
  font-size: 30px;
  font-weight: 700;
}

@media (width <=767px) {
  .qa span {
    top: 2px;
    font-size: 25px;
  }
}

.qa .a span {
  line-height: 1;
}

@media (width <=767px) {
  .qa .a span {
    color: var(--c-key);
  }
}

/* リンク群 */
.links-center {
  margin-bottom: 30px;
  line-height: 1.3;
  text-align: center;
  word-break: keep-all;
}

.links-center a {
  display: inline-block;
  padding: 2px 4px;
  color: var(--c-text);
  font-size: clamp(14px, 2.2vw, 16px);
  text-decoration: underline;

  &:hover {
    text-underline-offset: 3px;
  }
}

/* 目次 */

@media (width <=767px) {
  .box.link-list h3 {
    text-align: center;
  }
}

.box.mokuji ul {
  list-style: none;
  width: 100%;
}

.box.mokuji ul li {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}

.box.mokuji ul.parent {
  margin-bottom: 10px;
  padding-left: 10px;
}

.box.mokuji ul.parent li {
  font-size: 16px;
}

.box.mokuji ul.parent li a {
  color: var(--c-text);
  font-size: 16px;
}

@media (width <=767px) {
  .box.mokuji ul.parent li a {
    font-size: 14px;
  }
}

.box.mokuji ul.parent li ul.child {
  list-style: none;
  padding-top: 10px;
  padding-left: 15px;
}

.box.mokuji ul.parent li ul.child li {
  margin-bottom: 8px;
}

.box.mokuji .en {
  display: flex;
  position: relative;
  top: 1px;
  left: -8px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding-bottom: 1px;
  border-radius: 100%;
  background: var(--c-key);
  color: #fff;
}

.box.mokuji .en.daen {
  width: 44px;
  border-radius: 5rem;
}

@media (width <=767px) {
  .box.mokuji .en {
    width: 23px;
    height: 23px;
  }

  .box.mokuji .en.daen {
    width: 39px;
  }
}

/* 相場ボックス */
.souba-box {
  margin-bottom: 30px;
  border: solid 1px #DBDBDB;
}

.souba-box .item {
  padding: 16px;
  background-color: #EBF3DB;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  border-top: solid 1px #DBDBDB;
}

@media (width <=767px) {
  .souba-box .item {
    padding: 4px;
    font-size: 16px;
  }
}

.souba-box .cost {
  padding: 16px;
  text-align: center;
  border-top: solid 1px #DBDBDB;
}

.souba-box .cost span {
  font-size: 20px;
  font-weight: 500;
}

@media (width <=767px) {
  .souba-box .cost {
    padding: 4px;
  }

  .souba-box .cost span {
    font-size: 14px;
  }
}

.souba-item:not(:last-child) .item,
.souba-item:not(:last-child) .cost {
  border-right: solid 1px #DBDBDB;
}

@media (width <=767px) {

  .souba-item:not(:last-child) .item,
  .souba-item:not(:last-child) .cost {
    border-right: none;
  }
}

.no-mg {
  margin: 0;
}

/* ========================================
   ace410-block (test.css由来)
   ======================================== */
.ace410-block {
  padding: 5em 0;
}

.ace410-block-inner {
  width: 1000px;
  margin: 0 auto;
}

.ace410-block img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

.ace410-block,
.ace410-block span,
.ace410-block p {
  font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
  font-size: 16px;
  line-height: 1.6;
}

@media (width <=1100px) {
  .ace410-block {
    padding: 4em 0;
  }

  .ace410-block-inner {
    width: auto;
    margin: 0 2em;
  }

  .ace410-block,
  .ace410-block span,
  .ace410-block p {
    font-size: 14px;
  }
}

@media (width <=767px) {
  .ace410-block {
    padding: 3em 0;
  }

  .ace410-block-inner {
    margin: 0 1.5em;
  }
}

/* ========================================
   ヘッダーロゴのフォーカス枠を消す
   ======================================== */
.header-address a:focus,
.header-address a:focus-visible,
.header-logo a:focus,
.header-logo a:focus-visible {
  outline: none;
  box-shadow: none;
}

.header-logo__copy {
  font-weight: 700;
  line-height: 1.8;
  padding-left: 3px;
  font-size: 16px;

  @media (width <=1100px) {
    font-size: 8px;
  }

}

/* ========================================
   ヘッダー
   ======================================== */
#header_fix {
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 999;
  width: 100%;
  height: 120px;
  background-color: rgb(255 255 255 / 95%);
  opacity: 0;
  transition: all;
  transform: translateY(-20%) translateX(0%);
  visibility: hidden;
  transition-duration: 1s;
  border-bottom: none;
}

#header_fix.active {
  opacity: 1;
  transform: translateY(0%) translateX(0);
  visibility: visible;
  transition-duration: 1s;
}

@media (width >=1101px) {
  #header_fix {
    display: none !important;
  }
}

@media (width <=767px) {
  #header_fix.active {
    display: none;
  }
}

h1.spacer {
  display: none;
}

#header_blok {
  display: flex;
  width: 100%;
  height: 120px;
  background-color: #fff;
  border-bottom: 8px solid var(--c-key-dark);
}

.header01 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1200px;
  margin: 0 auto;
}

.header01 img {
  vertical-align: bottom;
  width: 100%;
  height: auto;
}

.header10 {
  width: 38%;
}

.header20 {
  width: 48%;
}

#header-button ul {
  display: flex;
  justify-content: flex-end;
  margin: 0;
  list-style: none;
}

#header-button ul li {
  padding-right: 0.5em;
  line-height: 0;
}

#header-button ul li:last-of-type {
  padding-right: 0;
}

@media (width >=768px) and (width <=1100px) {
  #header-button ul li:first-child {
    display: none;
  }

  #header-button ul li:has(.btn-img.page-link) {
    flex: 180px 0 1;
  }
}

button.btn-img {
  border: none;
  background-color: transparent;
}

.btn-img img {
  transition: all 0.4s;
}

.btn-img:hover img {
  opacity: 0.6;
}

.company {
  margin: 8em 0;
  background-color: #fff;
}

.thanks {
  padding-top: 100px;
  background-color: #fff;
}

@media (width <=1300px) {
  .header01 {
    width: 100%;
    padding: 0 2em;
    box-sizing: border-box;
  }
}

@media (width <=1200px) {

  #header_fix,
  #header_blok {
    height: 110px;
  }

  #header_blok {
    border-bottom: 5px solid var(--c-key-dark);
  }

  #page_header {
    margin-top: 110px;
  }

  .company {
    margin: 6em 0;
  }

  .thanks {
    padding-top: 80px;
  }
}

@media (width <=1050px) {

  #header_fix,
  #header_blok {
    height: 100px;
  }

  #page_header {
    margin-top: 100px;
  }

  .company {
    margin: 5em 0;
  }

  .acecontact {
    padding-top: 70px;
  }

  .thanks {
    padding-top: 60px;
  }
}

@media (width <=900px) {

  #header_fix,
  #header_blok {
    height: 80px;
  }

  #page_404_header,
  #page_header {
    margin-top: 80px;
  }

  .company {
    margin: 4em 0;
  }

  .acecontact {
    padding-top: 60px;
  }

  .thanks {
    padding-top: 40px;
  }
}

@media (width <=800px) {

  #header_fix,
  #header_blok {
    height: 70px;
  }

  #page_header {
    margin-top: 70px;
  }

  .acecontact {
    padding-top: 50px;
  }

  .thanks {
    padding-top: 20px;
  }
}

@media (width <=767px) {
  #header_blok {
    position: static;
    width: auto;
    height: 60px;
    padding: 0 4.5em;
    border-top: none;
    border-bottom: 3px solid var(--c-key-dark);
  }

  #page_404_header,
  #page_header,
  .top_content {
    margin-top: 0;
  }

  .company {
    margin: 3em 0 2em;
  }

  .acecontact {
    padding-top: 20px;
  }

  .thanks {
    margin-top: 20px;
    padding: 15px;
  }

  .header01 {
    padding: 0;
  }

  .header10 {
    width: auto;
  }

  .header20 {
    display: none;
  }
}

.header-block {
  @media (width <=1100px) {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
    background-color: #fff;
  }

  @media (width >=1101px) {
    padding: 20px 28px 0;
    position: static;
    z-index: 100;
    background-color: #fff;
  }
}

.header-container {
  width: min(100%, 1200px);
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
  column-gap: 10px;
}

.header-logo {
  align-content: center;

  @media (width <=1100px) {
    padding-inline-start: 8px;
  }

  >a {
    >img {
      width: 347px;
      vertical-align: bottom;

      @media (width <=1100px) {
        width: 214px;
      }
    }
  }
}

.header-buttons-sp {
  display: flex;

}

.header-address {
  display: flex;
  flex: 1 1 auto;
  justify-content: flex-end;
  align-items: center;
  gap: 15px;
  width: auto;
  min-width: 0;

  @media (width <=1100px) {
    display: none;
  }
}

.header-tel__button {
  display: flex;
  row-gap: 3px;
  background-color: #04aa3a;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5px 9px;

  @media (width >=768px) {
    display: none;
  }


  >a {
    display: contents;
    color: #fff;
    font-weight: 700;

    img {
      display: block;
      width: 25px;
      aspect-ratio: 1;
    }

    >span {
      font-size: 8px;
    }
  }
}

.header-address__list {
  display: flex;
  column-gap: 1em;
  align-items: center;
  font-family: Arial, Helvetica, sans-serif;
}

.header-block--clone {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10;
  background-color: rgb(255 255 255 / 95%);
  opacity: 0;
  transition: all;
  transform: translateY(-20%) translateX(0%);
  visibility: hidden;
  padding-block: 25px;
  border-bottom: 5px solid var(--c-key-dark);
  transition-duration: 1s;

  &.active {
    visibility: visible;
    opacity: 1;
    transform: translateY(0%) translateX(0);
  }
}

.header-form {
  flex: 0 1 clamp(140px, 18vw, 230px);
  min-width: 0;

  img {
    @media (width >=768px) {
      width: 100%;
      max-width: 250px;
      transition: all 0.4s;
    }
  }
}

.header-tel {
  display: flex;
  flex: 0 1 auto;
  min-width: 0;
  white-space: nowrap;
  column-gap: 6px;

  >a {
    display: flex;
    flex-direction: column;
    color: #4b4b4b;
    font-weight: 700;
    line-height: 1.2;
  }
}

.header-tel__time {
  padding-left: 3px;
  font-size: min(0.92svw, 12.5px);
}

.header-tel__nember {
  font-size: min(3.2svw, 42px);
  letter-spacing: -0.5px;

  &::before {
    display: inline-block;
    width: min(2.86svw, 55px);
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTUiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCA1NSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQ5LjM3MDggMy40NzgyMkgwLjkzNDkzN1YzMS4yODc2SDQ5LjM3MDhWMy40NzgyMloiIGZpbGw9IndoaXRlIiBzdHJva2U9IndoaXRlIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz4KPHBhdGggZD0iTTIuNSAyLjVWNy4xMzI1N0M2LjA2MzUxIDcuMTMyNTcgOS4zNzU0OSA3LjgyNDMxIDEyLjI0MDMgOC45NDkyNkMxMi43NzgzIDkuMTU4ODggMTMuMjk1NCA5LjM4OTQ2IDEzLjc5ODQgOS42MjcwM0MxNC45NDQzIDkuMDc1MDMgMTYuMTc0MSA4LjU5OTkgMTcuNDgwNyA4LjIxNTZDMTkuODI4NSA3LjUyMzg2IDIyLjQwNjggNy4xMjU1OCAyNS4xMzE4IDcuMTI1NThDMjguNzA5MyA3LjEyNTU4IDMyLjA0MjIgNy44MTAzMyAzNC45MTQgOC45NDIyN0MzNS40NTIgOS4xNTE4OSAzNS45NjkxIDkuMzgyNDcgMzYuNDcyMiA5LjYyMDA0QzM3LjYxODEgOS4wNjgwNCAzOC44NDc4IDguNTkyOTEgNDAuMTYxNCA4LjIwODYxQzQyLjQ5NTIgNy41MjM4NiA0NS4wNTk1IDcuMTI1NTggNDcuNzcwNiA3LjExODU5VjIuNUgyLjVaIiBmaWxsPSIjMDRBQTNBIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMzAuODQ3NCAyMC4wNjZDMzAuODQ3NCAyMS4yMzI5IDMxLjIwMzggMjIuMzA4OSAzMS44MDQ3IDIzLjIxMDNDMzIuNDEyNiAyNC4xMTE3IDMzLjI3MiAyNC44MjQ0IDM0LjI4NTIgMjUuMjUwNkMzNC45NTYgMjUuNTM3MSAzNS42OTY2IDI1LjY5MDggMzYuNDcyMiAyNS42OTA4QzM3LjY0NjEgMjUuNjkwOCAzOC43MTUxIDI1LjMzNDQgMzkuNjE2NSAyNC43MzM1QzQwLjUxNzggMjQuMTI1NiA0MS4yMzA1IDIzLjI2NjIgNDEuNjU2OCAyMi4yNTNDNDEuOTQzMiAyMS41ODIzIDQyLjA5NyAyMC44NDE2IDQyLjA5NyAyMC4wNjZDNDIuMDk3IDE5LjUwNyA0MS45NzgyIDE4LjkxMzEgNDEuNzMzNiAxOC4yOTgyQzQxLjQ4OTEgMTcuNjc2NCA0MS4xMTE4IDE3LjAzMzUgNDAuNjE1NyAxNi4zOTA3QzM5LjY1ODQgMTUuMTYxIDM4LjI0IDEzLjk1MjIgMzYuNDY1MiAxMi45MzJDMzUuMTAyNyAxMy43MTQ2IDMzLjk0OTggMTQuNjAyIDMzLjA2MjQgMTUuNTM4M0MzMi4xMTIxIDE2LjUyMzUgMzEuNDYyMyAxNy41NTA2IDMxLjEyNjkgMTguNTA3OUMzMC45MzEzIDE5LjA1MjkgMzAuODQwNSAxOS41NzY5IDMwLjg0MDUgMjAuMDczTDMwLjg0NzQgMjAuMDY2WiIgZmlsbD0iIzA0QUEzQSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTQxLjk4NTIgMTMuNTA1QzQzLjE2NjEgMTQuNzM0NyA0NC4wNjA0IDE2LjA4MzMgNDQuNTcwNSAxNy41MjI3QzQ0Ljg1NyAxOC4zNDcyIDQ1LjAxNzcgMTkuMTk5NiA0NS4wMTc3IDIwLjA1OUM0NS4wMTc3IDIxLjgxOTggNDQuNDc5NyAyMy40NzU4IDQzLjU1NzQgMjQuODM4M0M0Mi42MzUgMjYuMjAwOSA0MS4zMzU0IDI3LjI4MzkgMzkuNzk4MiAyNy45MzM3QzM4Ljc3ODEgMjguMzY2OSAzNy42NDYxIDI4LjYwNDUgMzYuNDcyMyAyOC42MDQ1QzM0LjcwNDUgMjguNjA0NSAzMy4wNTU1IDI4LjA2NjUgMzEuNjkzIDI3LjE0NDFDMzAuMzMwNCAyNi4yMjE4IDI5LjI0NzQgMjQuOTIyMiAyOC41OTc2IDIzLjM4NUMyOC4xNjQ0IDIyLjM2NDggMjcuOTI2OCAyMS4yMzI5IDI3LjkyNjggMjAuMDU5QzI3LjkyNjggMTguNzY2NCAyOC4yOTAxIDE3LjUwMTcgMjguOTA1IDE2LjMxMzlDMjkuNTI2OSAxNS4xMjYgMzAuNDA3MyAxNC4wMDgxIDMxLjQ4MzMgMTIuOTg3OUMzMi4wNDkzIDEyLjQ1NjkgMzIuNjY0MiAxMS45NTM4IDMzLjMzNSAxMS40NzE3QzMyLjg4NzggMTEuMzExIDMyLjQyNjYgMTEuMTU3MiAzMS45NTg1IDExLjAxNzVDMjkuODc2MyAxMC40MDI2IDI3LjU3MDUgMTAuMDQ2MyAyNS4xMzE5IDEwLjA0NjNDMjIuMTM0NCAxMC4wNDYzIDE5LjM0NjQgMTAuNTg0MyAxNi45Mjg4IDExLjQ3MTdDMTcuODA5MiAxMi4xMDA1IDE4LjYwNTggMTIuNzg1MyAxOS4zMDQ1IDEzLjUwNUMyMC40ODU0IDE0LjczNDcgMjEuMzc5NyAxNi4wODMzIDIxLjg4OTggMTcuNTIyN0MyMi4xODMzIDE4LjM0NzIgMjIuMzQ0IDE5LjE5OTYgMjIuMzQ0IDIwLjA1OUMyMi4zNDQgMjEuODE5OCAyMS44MDYgMjMuNDc1OCAyMC44ODM2IDI0LjgzODNDMTkuOTYxMyAyNi4yMDA5IDE4LjY2MTcgMjcuMjgzOSAxNy4xMjQ1IDI3LjkzMzdDMTYuMTA0MyAyOC4zNjY5IDE0Ljk3MjQgMjguNjA0NSAxMy43OTg1IDI4LjYwNDVDMTIuMDMwNyAyOC42MDQ1IDEwLjM4MTcgMjguMDY2NSA5LjAxOTIzIDI3LjE0NDFDNy42NTY3MSAyNi4yMjE4IDYuNTczNjggMjQuOTIyMiA1LjkyMzg2IDIzLjM4NUM1LjQ5MDY1IDIyLjM2NDggNS4yNTMwOCAyMS4yMzI5IDUuMjUzMDggMjAuMDU5QzUuMjUzMDggMTguNzY2NCA1LjYxNjQyIDE3LjUwMTcgNi4yMzEzIDE2LjMxMzlDNi44NTMxNyAxNS4xMjYgNy43MzM1NyAxNC4wMDgxIDguODE2NiAxMi45ODc5QzkuMzc1NTggMTIuNDU2OSA5Ljk5NzQ1IDExLjk1MzggMTAuNjY4MiAxMS40NzE3QzEwLjIyMSAxMS4zMTEgOS43NTk4OCAxMS4xNTcyIDkuMjkxNzMgMTEuMDE3NUM3LjIyMzUgMTAuNDA5NiA0LjkzMTY3IDEwLjA1MzMgMi41MDcwOCAxMC4wNDYzVjMyLjIwMjlINDcuNzc3N1YxMC4wNDYzQzQ0LjgwMTEgMTAuMDQ2MyA0Mi4wMjAyIDEwLjU5MTMgMzkuNjE2NSAxMS40NzE3QzQwLjQ5NjkgMTIuMTAwNSA0MS4yOTM1IDEyLjc4NTMgNDEuOTkyMiAxMy41MDVINDEuOTg1MloiIGZpbGw9IiMwNEFBM0EiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik04LjE2Njc4IDIwLjA2NkM4LjE2Njc4IDIxLjIzMjkgOC41MjMxMyAyMi4zMDg5IDkuMTI0MDQgMjMuMjEwM0M5LjczMTkzIDI0LjExMTcgMTAuNTkxNCAyNC44MjQ0IDExLjYwNDUgMjUuMjUwNkMxMi4yNzUzIDI1LjUzNzEgMTMuMDE2IDI1LjY5MDggMTMuNzkxNSAyNS42OTA4QzE0Ljk1ODQgMjUuNjkwOCAxNi4wMzQ1IDI1LjMzNDQgMTYuOTM1OCAyNC43MzM1QzE3LjgzNzIgMjQuMTI1NiAxOC41NDk5IDIzLjI2NjIgMTguOTc2MSAyMi4yNTNDMTkuMjYyNiAyMS41ODIzIDE5LjQxNjMgMjAuODQxNiAxOS40MTYzIDIwLjA2NkMxOS40MTYzIDE5LjUwNyAxOS4yOTc1IDE4LjkxMzEgMTkuMDUzIDE4LjI5ODJDMTguODA4NCAxNy42NzY0IDE4LjQzMTEgMTcuMDMzNSAxNy45MzUgMTYuMzkwN0MxNi45Nzc3IDE1LjE2MSAxNS41NTkzIDEzLjk1MjIgMTMuNzg0NiAxMi45MzJDMTIuNDIyIDEzLjcxNDYgMTEuMjY5MSAxNC42MDIgMTAuMzgxNyAxNS41MzgzQzkuNDMxNDggMTYuNTIzNSA4Ljc4MTY2IDE3LjU1MDYgOC40NDYyNyAxOC41MDc5QzguMjUwNjIgMTkuMDUyOSA4LjE1OTc5IDE5LjU3NjkgOC4xNTk3OSAyMC4wNzNMOC4xNjY3OCAyMC4wNjZaIiBmaWxsPSIjMDRBQTNBIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMi41IDIuNVY3LjEzMjU3QzYuMDYzNTEgNy4xMzI1NyA5LjM3NTQ5IDcuODI0MzEgMTIuMjQwMyA4Ljk0OTI2QzEyLjc3ODMgOS4xNTg4OCAxMy4yOTU0IDkuMzg5NDYgMTMuNzk4NCA5LjYyNzAzQzE0Ljk0NDMgOS4wNzUwMyAxNi4xNzQxIDguNTk5OSAxNy40ODA3IDguMjE1NkMxOS44Mjg1IDcuNTIzODYgMjIuNDA2OCA3LjEyNTU4IDI1LjEzMTggNy4xMjU1OEMyOC43MDkzIDcuMTI1NTggMzIuMDQyMiA3LjgxMDMzIDM0LjkxNCA4Ljk0MjI3QzM1LjQ1MiA5LjE1MTg5IDM1Ljk2OTEgOS4zODI0NyAzNi40NzIyIDkuNjIwMDRDMzcuNjE4MSA5LjA2ODA0IDM4Ljg0NzggOC41OTI5MSA0MC4xNjE0IDguMjA4NjFDNDIuNDk1MiA3LjUyMzg2IDQ1LjA1OTUgNy4xMjU1OCA0Ny43NzA2IDcuMTE4NTlWMi41SDIuNVoiIGZpbGw9IiMwNEFBM0EiLz4KPHBhdGggZD0iTTMwLjg0NzQgMjAuMDY2QzMwLjg0NzQgMjEuMjMyOSAzMS4yMDM4IDIyLjMwODkgMzEuODA0NyAyMy4yMTAzQzMyLjQxMjYgMjQuMTExNyAzMy4yNzIgMjQuODI0NCAzNC4yODUyIDI1LjI1MDZDMzQuOTU2IDI1LjUzNzEgMzUuNjk2NiAyNS42OTA4IDM2LjQ3MjIgMjUuNjkwOEMzNy42NDYxIDI1LjY5MDggMzguNzE1MSAyNS4zMzQ0IDM5LjYxNjUgMjQuNzMzNUM0MC41MTc4IDI0LjEyNTYgNDEuMjMwNSAyMy4yNjYyIDQxLjY1NjggMjIuMjUzQzQxLjk0MzIgMjEuNTgyMyA0Mi4wOTcgMjAuODQxNiA0Mi4wOTcgMjAuMDY2QzQyLjA5NyAxOS41MDcgNDEuOTc4MiAxOC45MTMxIDQxLjczMzYgMTguMjk4MkM0MS40ODkxIDE3LjY3NjQgNDEuMTExOCAxNy4wMzM1IDQwLjYxNTcgMTYuMzkwN0MzOS42NTg0IDE1LjE2MSAzOC4yNCAxMy45NTIyIDM2LjQ2NTIgMTIuOTMyQzM1LjEwMjcgMTMuNzE0NiAzMy45NDk4IDE0LjYwMiAzMy4wNjI0IDE1LjUzODNDMzIuMTEyMSAxNi41MjM1IDMxLjQ2MjMgMTcuNTUwNiAzMS4xMjY5IDE4LjUwNzlDMzAuOTMxMyAxOS4wNTI5IDMwLjg0MDUgMTkuNTc2OSAzMC44NDA1IDIwLjA3M0wzMC44NDc0IDIwLjA2NloiIGZpbGw9IiMwNEFBM0EiLz4KPHBhdGggZD0iTTQxLjk4NTIgMTMuNTA1QzQzLjE2NjEgMTQuNzM0NyA0NC4wNjA0IDE2LjA4MzMgNDQuNTcwNSAxNy41MjI3QzQ0Ljg1NyAxOC4zNDcyIDQ1LjAxNzcgMTkuMTk5NiA0NS4wMTc3IDIwLjA1OUM0NS4wMTc3IDIxLjgxOTggNDQuNDc5NyAyMy40NzU4IDQzLjU1NzQgMjQuODM4M0M0Mi42MzUgMjYuMjAwOSA0MS4zMzU0IDI3LjI4MzkgMzkuNzk4MiAyNy45MzM3QzM4Ljc3ODEgMjguMzY2OSAzNy42NDYxIDI4LjYwNDUgMzYuNDcyMyAyOC42MDQ1QzM0LjcwNDUgMjguNjA0NSAzMy4wNTU1IDI4LjA2NjUgMzEuNjkzIDI3LjE0NDFDMzAuMzMwNCAyNi4yMjE4IDI5LjI0NzQgMjQuOTIyMiAyOC41OTc2IDIzLjM4NUMyOC4xNjQ0IDIyLjM2NDggMjcuOTI2OCAyMS4yMzI5IDI3LjkyNjggMjAuMDU5QzI3LjkyNjggMTguNzY2NCAyOC4yOTAxIDE3LjUwMTcgMjguOTA1IDE2LjMxMzlDMjkuNTI2OSAxNS4xMjYgMzAuNDA3MyAxNC4wMDgxIDMxLjQ4MzMgMTIuOTg3OUMzMi4wNDkzIDEyLjQ1NjkgMzIuNjY0MiAxMS45NTM4IDMzLjMzNSAxMS40NzE3QzMyLjg4NzggMTEuMzExIDMyLjQyNjYgMTEuMTU3MiAzMS45NTg1IDExLjAxNzVDMjkuODc2MyAxMC40MDI2IDI3LjU3MDUgMTAuMDQ2MyAyNS4xMzE5IDEwLjA0NjNDMjIuMTM0NCAxMC4wNDYzIDE5LjM0NjQgMTAuNTg0MyAxNi45Mjg4IDExLjQ3MTdDMTcuODA5MiAxMi4xMDA1IDE4LjYwNTggMTIuNzg1MyAxOS4zMDQ1IDEzLjUwNUMyMC40ODU0IDE0LjczNDcgMjEuMzc5NyAxNi4wODMzIDIxLjg4OTggMTcuNTIyN0MyMi4xODMzIDE4LjM0NzIgMjIuMzQ0IDE5LjE5OTYgMjIuMzQ0IDIwLjA1OUMyMi4zNDQgMjEuODE5OCAyMS44MDYgMjMuNDc1OCAyMC44ODM2IDI0LjgzODNDMTkuOTYxMyAyNi4yMDA5IDE4LjY2MTcgMjcuMjgzOSAxNy4xMjQ1IDI3LjkzMzdDMTYuMTA0MyAyOC4zNjY5IDE0Ljk3MjQgMjguNjA0NSAxMy43OTg1IDI4LjYwNDVDMTIuMDMwNyAyOC42MDQ1IDEwLjM4MTcgMjguMDY2NSA5LjAxOTIzIDI3LjE0NDFDNy42NTY3MSAyNi4yMjE4IDYuNTczNjggMjQuOTIyMiA1LjkyMzg2IDIzLjM4NUM1LjQ5MDY1IDIyLjM2NDggNS4yNTMwOCAyMS4yMzI5IDUuMjUzMDggMjAuMDU5QzUuMjUzMDggMTguNzY2NCA1LjYxNjQyIDE3LjUwMTcgNi4yMzEzIDE2LjMxMzlDNi44NTMxNyAxNS4xMjYgNy43MzM1NyAxNC4wMDgxIDguODE2NiAxMi45ODc5QzkuMzc1NTggMTIuNDU2OSA5Ljk5NzQ1IDExLjk1MzggMTAuNjY4MiAxMS40NzE3QzEwLjIyMSAxMS4zMTEgOS43NTk4OCAxMS4xNTcyIDkuMjkxNzMgMTEuMDE3NUM3LjIyMzUgMTAuNDA5NiA0LjkzMTY3IDEwLjA1MzMgMi41MDcwOCAxMC4wNDYzVjMyLjIwMjlINDcuNzc3N1YxMC4wNDYzQzQ0LjgwMTEgMTAuMDQ2MyA0Mi4wMjAyIDEwLjU5MTMgMzkuNjE2NSAxMS40NzE3QzQwLjQ5NjkgMTIuMTAwNSA0MS4yOTM1IDEyLjc4NTMgNDEuOTkyMiAxMy41MDVINDEuOTg1MloiIGZpbGw9IiMwNEFBM0EiLz4KPHBhdGggZD0iTTguMTY2NjYgMjAuMDY2QzguMTY2NjYgMjEuMjMyOSA4LjUyMzAxIDIyLjMwODkgOS4xMjM5MSAyMy4yMTAzQzkuNzMxODEgMjQuMTExNyAxMC41OTEyIDI0LjgyNDQgMTEuNjA0NCAyNS4yNTA2QzEyLjI3NTIgMjUuNTM3MSAxMy4wMTU4IDI1LjY5MDggMTMuNzkxNCAyNS42OTA4QzE0Ljk1ODMgMjUuNjkwOCAxNi4wMzQzIDI1LjMzNDQgMTYuOTM1NyAyNC43MzM1QzE3LjgzNzEgMjQuMTI1NiAxOC41NDk4IDIzLjI2NjIgMTguOTc2IDIyLjI1M0MxOS4yNjI1IDIxLjU4MjMgMTkuNDE2MiAyMC44NDE2IDE5LjQxNjIgMjAuMDY2QzE5LjQxNjIgMTkuNTA3IDE5LjI5NzQgMTguOTEzMSAxOS4wNTI4IDE4LjI5ODJDMTguODA4MyAxNy42NzY0IDE4LjQzMSAxNy4wMzM1IDE3LjkzNDkgMTYuMzkwN0MxNi45Nzc2IDE1LjE2MSAxNS41NTkyIDEzLjk1MjIgMTMuNzg0NCAxMi45MzJDMTIuNDIxOSAxMy43MTQ2IDExLjI2OSAxNC42MDIgMTAuMzgxNiAxNS41MzgzQzkuNDMxMzUgMTYuNTIzNSA4Ljc4MTU0IDE3LjU1MDYgOC40NDYxNSAxOC41MDc5QzguMjUwNSAxOS4wNTI5IDguMTU5NjcgMTkuNTc2OSA4LjE1OTY3IDIwLjA3M0w4LjE2NjY2IDIwLjA2NloiIGZpbGw9IiMwNEFBM0EiLz4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI5OF81NikiPgo8cGF0aCBkPSJNNTEuMDY3NCAyOC40ODcxSDUyLjE3MDhDNTIuMzcwNyAyOC40ODcxIDUyLjU0MTkgMjguNTIxMyA1Mi42ODQ1IDI4LjU4OThDNTIuODI3MSAyOC42NTgzIDUyLjkzNjIgMjguNzU2MSA1My4wMTIyIDI4Ljg4MzJDNTMuMDg4IDI5LjAxMDIgNTMuMTI2IDI5LjE2MzMgNTMuMTI2IDI5LjM0MjNWMjkuMzQ2QzUzLjEyNiAyOS41MjI1IDUzLjA4MjQgMjkuNjc4OSA1Mi45OTU1IDI5LjgxNTJDNTIuOTA4NSAyOS45NTE3IDUyLjc5MDggMzAuMDQ4OCA1Mi42NDI4IDMwLjEwNjhMNTMuMjA1NyAzMS4xNTg1SDUyLjU3MDdMNTIuMDc0NiAzMC4xOTIxSDUxLjYyNjZWMzEuMTU4NUg1MS4wNjc0VjI4LjQ4NzFaTTUyLjEwOTggMjkuNzY2NEM1Mi4yNDggMjkuNzY2NCA1Mi4zNTY2IDI5LjcyOTQgNTIuNDM1NiAyOS42NTU0QzUyLjUxNDUgMjkuNTgxMyA1Mi41NTQxIDI5LjQ3OSA1Mi41NTQxIDI5LjM0ODFWMjkuMzQ0NEM1Mi41NTQxIDI5LjIxNjEgNTIuNTEzMSAyOS4xMTQxIDUyLjQzMSAyOS4wMzlDNTIuMzQ4OSAyOC45NjM3IDUyLjIzOTUgMjguOTI2IDUyLjEwMjUgMjguOTI2SDUxLjYyNjhWMjkuNzY2Nkg1Mi4xMUw1Mi4xMDk4IDI5Ljc2NjRaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNNTIuMDA1IDMyLjM1MTVDNTAuNjI2NSAzMi4zNTE1IDQ5LjUwNSAzMS4yMjk5IDQ5LjUwNSAyOS44NTE1QzQ5LjUwNSAyOC40NzMgNTAuNjI2NSAyNy4zNTE1IDUyLjAwNSAyNy4zNTE1QzUzLjM4MzUgMjcuMzUxNSA1NC41MDUgMjguNDczIDU0LjUwNSAyOS44NTE1QzU0LjUwNSAzMS4yMjk5IDUzLjM4MzUgMzIuMzUxNSA1Mi4wMDUgMzIuMzUxNVpNNTIuMDA1IDI3LjY5MTlDNTAuODE0MyAyNy42OTE5IDQ5Ljg0NTQgMjguNjYwNyA0OS44NDU0IDI5Ljg1MTVDNDkuODQ1NCAzMS4wNDIyIDUwLjgxNDMgMzIuMDExIDUyLjAwNSAzMi4wMTFDNTMuMTk1NyAzMi4wMTEgNTQuMTY0NiAzMS4wNDIyIDU0LjE2NDYgMjkuODUxNUM1NC4xNjQ2IDI4LjY2MDcgNTMuMTk1NyAyNy42OTE5IDUyLjAwNSAyNy42OTE5WiIgZmlsbD0iYmxhY2siLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yOThfNTYiPgo8cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDkuNTA1IDI3LjM1MTUpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+');
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    aspect-ratio: 33 / 19;
  }
}

.header-form:hover img {
  opacity: 0.6;
}

/* ========================================
   ナビゲーション
   ======================================== */

/* iOS Safari対応: レイヤー背景 */
.l-gnav__layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgb(0 0 0 / 60%);
  opacity: 0;
  transition: opacity 0.4s ease, visibility 0.4s ease;
  transform: translateZ(0);
  transform: translateZ(0);
  pointer-events: none;
  backdrop-filter: blur(3px);
  visibility: hidden;
  backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: opacity, backdrop-filter;
}

:root.is-active .l-gnav__layer {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

@media (width >=1101px) {
  .l-gnav__layer {
    display: none;
  }
}

:root.is-active .menu-page-global-container,
:root.is-active .header-nav__body {
  transform: translateX(0) translateZ(0);
  transform: translateX(0) translateZ(0);
}

.header-nav__container {
  width: min(100%, 1200px);
  margin-inline: auto;

  @media (width <=1100px) {
    display: none;
    opacity: 0;
    transition: opacity .5s ease-in;
  }
}

.menu-open {
  position: relative;
  align-content: center;
  z-index: 100;
  background-color: var(--c-key);
  inline-size: 50px;
  padding: 5px 0;

  /* SPヘッダー: 電話ボタンとの区切り（線の上下に5pxの余白） */
  &::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 5px;
    bottom: 5px;
    inline-size: 1px;
    background-color: rgb(255 255 255 / 1);
    pointer-events: none;

    @media (width >=768px) {
      display: none;
    }
  }

  @media (width >=1101px) {
    display: none;
  }

  @media (width >=768px) {
    padding: 12px 0px;
  }

  >div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    inline-size: 100%;
    block-size: 100%;
    border: unset;
    background: none;
    color: #fff;
    padding: 0;
  }
}

.menu-open__label {
  font-family: var(--font-family--zen-kaku-gothic-new);
  font-size: 8px;
  font-weight: 700;
  text-transform: uppercase;
  translate: 0 6px;
}

.header-hamburger {
  position: relative;
  display: none;
  width: 24px;
  height: 16px;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: none;

  @media (width <=1100px) {
    display: block;
  }
}

.header-hamburger__line {
  position: absolute;
  left: 0;
  display: block;
  width: 24px;
  height: 3px;
  background: #fff;
  border-radius: 6px;
  transition: transform 0.3s ease, opacity 0.3s ease;

  &:nth-child(1) {
    top: 0;
  }

  &:nth-child(2) {
    top: 8px;
  }

  &:nth-child(3) {
    top: 16px;
  }
}

.header-hamburger--active {
  .header-hamburger__line:nth-child(1) {
    top: 8px;
    transform: rotate(45deg);
  }

  .header-hamburger__line:nth-child(2) {
    opacity: 0;
  }

  .header-hamburger__line:nth-child(3) {
    top: 8px;
    transform: rotate(-45deg);
  }
}

:root:has(.header-hamburger--active) {
  @media (width <=1100px) {
    .header-block {
      position: fixed;
      inset: 0;
      z-index: 110;
      display: flex;
      flex-direction: column;
      background-color: #fff;
      block-size: 100dvh;
      z-index: 10000;
    }
  }

  .header-nav__container {
    display: block;
    opacity: 1;
    background-color: #fff;

    @starting-style {
      opacity: 0;
    }
  }

  @media (width <=1100px) {

    /* ヘッダー上段（ロゴ・電話・ハンバーガー）は縮めず固定 */
    .header-container {
      flex: 0 0 auto;
    }

    /* ナビ領域はflex連鎖で残り高さに収め、内部だけをスクロール */
    .header-nav__container {
      width: 60%;
      margin-inline: auto 0;
      flex: 1 1 auto;
      display: flex;
      flex-direction: column;
      min-height: 0;
      overflow: hidden;

      @media (width <=480px) {
        width: 100%;
      }
    }

    .header-nav__body {
      flex: 1 1 auto;
      display: flex;
      flex-direction: column;
      min-height: 0;
      overflow: hidden;
    }

    .menu-page-global-container {
      flex: 1 1 auto;
      display: flex;
      flex-direction: column;
      min-height: 0;
      overflow: hidden;
    }

    .header-menu__list {
      flex: 1 1 auto;
      min-height: 0;
      overflow-y: auto;
      overscroll-behavior: contain;
      -webkit-overflow-scrolling: touch;

      ul {
        border-left: 10px solid var(--c-key);
      }
    }
  }
}

.header-menu__list {

  @media (width >=1101px) {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  >li {
    >a {
      @media (any-hover: hover) {
        &:hover {
          opacity: 0.7;
        }
      }
    }
  }

  .menu-item {
    @media (width >=1101px) {
      position: relative;
    }

    a {
      --nav-link-display: block;
      --nav-link-font-size: var(--font-size-sm);
      --nav-link-text-align: left;

      color: var(--color-text-gray);
      display: var(--nav-link-display);
      flex: 1;
      font-size: var(--nav-link-font-size);
      line-height: 1.3;
      padding-inline: 16px;
      text-align: var(--nav-link-text-align);
      transition: all 0.4s;

      @media (width <=1100px) {
        --nav-link-display: flex;
        --nav-link-font-size: 15px;

        align-items: center;
        border-bottom: solid 1px #e2e2e2;
        color: #000;
        column-gap: 1rem;
        display: block flex;
        font-weight: 700;
        justify-content: space-between;
        padding-block: 14px;
        padding-inline: 1rem;

        &::after {
          aspect-ratio: 25 / 39;
          background-image: url(../images/baxtusai/icon-chevron.svg);
          background-repeat: no-repeat;
          background-size: contain;
          content: "";
          display: inline-block;
          flex: 0 0 12px;
        }
      }

      @media (width >=1101px) {
        --nav-link-text-align: center;

        display: block flex;
        background-color: #fff;
        color: #333;
        font-weight: 700;
        padding-block: 15px;
      }
    }

    &:has(.menu-item__children) {
      >span {
        --nav-link-display: block;
        --nav-link-font-size: var(--font-size-sm);
        --nav-link-text-align: left;

        color: var(--color-text-gray);
        display: var(--nav-link-display);
        flex: 1;
        font-size: var(--nav-link-font-size);
        line-height: 1.3;
        padding-inline: 16px;
        text-align: var(--nav-link-text-align);
        transition: all 0.4s;

        @media (width <=1100px) {
          --nav-link-display: flex;
          --nav-link-font-size: 15px;

          align-items: center;
          color: #000;
          column-gap: 1rem;
          cursor: default;
          display: block flex;
          font-weight: 700;
          justify-content: flex-start;
          padding-block: 14px;
          padding-inline: 1rem;
        }

        @media (width >=1101px) {
          --nav-link-text-align: center;

          display: block flex;
          background-color: #fff;
          color: #333;
          font-weight: 700;
          padding-block: 15px;
        }

        position: relative;
        cursor: default;

        @media (any-hover: hover) {
          &:hover {
            opacity: 0.7;
          }
        }
      }
    }

    &.menu-item-has-children {
      @media (width <=1100px) {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        border-bottom: 1px solid #e2e2e2;

        >.menu-item__children {
          flex: 0 0 100%;
          width: 100%;
        }

        >a,
        >span {
          border-bottom: 0;
        }

        >a::after {
          content: none;
        }
      }
    }
  }

  .menu-item__submenu-toggle {
    position: relative;
    box-sizing: border-box;
    flex: 0 0 48px;
    width: 48px;
    min-width: 48px;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: transparent;
    align-self: stretch;
    cursor: pointer;

    @media (width >=1101px) {
      display: none;
    }

    &::before,
    &::after {
      @media (width <=1100px) {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 20px;
        height: 4px;
        margin-block-start: -2px;
        margin-inline-start: -10px;
        background-color: var(--c-key);
        border-radius: 1px;
        transform: translateY(-50%);
      }
    }

    &::after {
      @media (width <=1100px) {
        transform: translateY(-50%) rotate(90deg);
      }
    }
  }
}

.menu-item--close {
  @media (width >=1101px) {
    display: none;
  }
}

.header-close {
  --close-icon-size: 18px;
  --close-line-width: 2px;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  inline-size: 100%;
  border: none;
  background-color: transparent;
  color: #333;
  cursor: pointer;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  margin-top: 0;
  padding: 12px 1rem;
}

.header-close__icon {
  position: relative;
  display: inline-block;
  inline-size: var(--close-icon-size);
  block-size: var(--close-icon-size);
  flex: 0 0 var(--close-icon-size);

  &::before,
  &::after {
    position: absolute;
    inset: calc(50% - (var(--close-line-width) / 2)) 0 auto;
    content: "";
    block-size: var(--close-line-width);
    background-color: #333;
    border-radius: 999px;
  }

  &::before {
    transform: rotate(45deg);
  }

  &::after {
    transform: rotate(-45deg);
  }
}

.menu-item--active {
  >.menu-item__submenu-toggle::after {
    @media (width <=1100px) {
      visibility: hidden;
    }
  }
}

.menu-item__children:is(.menu-item__children--leaf) {
  li a {
    &::after {
      content: none;
    }
  }
}

.menu-item__children {
  display: none;

  @media (width >=1101px) {
    position: absolute;
    margin: 0;
    padding: 0;
    z-index: 10;
    min-width: 240px;
  }

  ul li.menu-item-has-children {
    position: relative;
  }

  li {
    a {
      display: block;

      @media (any-hover: hover) {
        &:hover {
          background-color: var(--c-key);
          color: #fff;
        }
      }

      @media (width >=1101px) {
        display: block flex;
        column-gap: 1rem;
        align-items: center;
        justify-content: space-between;

        &::after {
          display: inline-block;
          flex: 0 0 12px;
          aspect-ratio: 25 / 39;
          content: "";
          background-image: url(../images/baxtusai/icon-chevron.svg);
          background-repeat: no-repeat;
          background-size: contain;
        }

        &:hover:not(:root) {
          background-color: var(--c-key);
          color: #fff;

          &::after {
            mask-image: url(../images/baxtusai/icon-chevron.svg);
            mask-size: contain;
            background-image: none;
            background-color: #fff;
          }
        }
      }
    }
  }

}

/* 対応エリア（.menu-item__children--area）：階層ドロップダウン */
.menu-item__children--area {
  >.menu-item.menu-item-has-children>.menu-item__children {
    @media (width >=1101px) {
      top: 0;
      left: 100%;
      right: auto;
    }
  }

  >.menu-item>.menu-item__children ul.menu-item__children {
    @media (width >=1101px) {
      top: 0;
      left: 100%;
      margin-left: 0;
      min-width: 220px;
    }
  }

  @media (width <=1100px) {
    .menu-item>.menu-item__children {
      width: 100%;
    }
  }
}

/* @media (width >=1100px) {
  #menu-page-global .menu-item:last-child a {
    border-right: 1px solid #e2e2e2;
  }
} */

/* ========================================
   ファーストビュー
   ======================================== */

/* 伐採ページ */
.baxtusai .top_content01.first-view-pc {
  background-image: url("../../assets/images/baxtusai/fv/baxtusai-pc-1920.webp");
  background-size: auto 100%;
  background-position: center top;
  background-repeat: no-repeat;
  text-align: center;
}

/* フロント */
.home .top_content01.first-view-pc {
  background-image: url("../../image/first-view/sentei/pc930-2.jpg");
  background-size: auto 100%;
  background-position: center top;
  background-repeat: no-repeat;
  text-align: center;
}

.top_content01.first-view-pc img {
  display: block;
  margin: 0 auto;
}

.top_content02 {
  display: block;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: content-box;
}

#container .first-view-tb,
#container .first-view-sp {
  display: none;
}

@media (width <=1100px) {
  #container .first-view-pc {
    display: none;
  }

  #container .first-view-tb {
    display: block;
  }
}

@media (width <=767px) {
  #container .first-view-tb {
    display: none;
  }

  #container .first-view-sp {
    display: block;

    img {
      vertical-align: bottom;
    }
  }
}

.hero-image {
  display: block grid;
}

.hero-image__pic {
  grid-row: 1 / -1;
  grid-column: 1 / -1;

  img {
    width: stretch;
  }
}

.hero-image__text {
  z-index: 1;
  align-self: center;
  width: min(calc(100% - 30px), 1000px);
  padding: 30px;
  border-radius: 6px;
  background-color: rgb(255 255 255 / 92%);
  color: var(--c-text);
  grid-row: 1 / -1;
  grid-column: 1 / -1;
  align-content: center;
  margin-inline: auto;
}

.hero-image__title {
  color: var(--c-key);
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  padding-block-end: 20px;
  margin-block-end: 15px;
  border-bottom: solid 1px var(--c-key);

  @media (width <=480px) {
    padding-block-end: 25px;
    margin-block-end: 10px;
    font-size: 42px;
  }
}

.hero-image__desc {
  font-size: 14px;
  line-height: 1.8;

  @media (width <=767px) {
    font-size: 12px;
  }
}

/* ========================================
   ファーストビュー／伐採
   ======================================== */
#first-view {
  background-color: rgb(47 162 66);

  @media (width >=1921px) {
    background: #fff;
  }
}

.hero-image {
  @media (width >=768px) {
    background-image: url("/wp-content/themes/ace-oniwa/assets/images/baxtusai/fv/baxtusai-pc-1920.webp");
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
  }
}

.hero-image img {
  display: block;
}

.hero-image .hero-image-inner {
  position: relative;

  @media (width >=768px) {
    width: min(83.34svw, 1200px);
    margin-inline: auto;
  }
}

.hero-image-inner .hero-lead {
  position: absolute;
  right: 20px;
  left: auto;
  max-width: min(63.5svw, 910px);
  padding: 10px 16px;
  border-radius: 8px;
  color: var(--c-text);
  font-size: 12px;
  line-height: 1.7;
  text-align: left;
  pointer-events: none;
  min-height: 100px;
  top: 93%;
  transform: translateY(-50%);

  @media (width <=1300px) {
    top: 95%;
    font-size: 10px;
    line-height: 1.2;
  }

  @media (width <=1000px) {
    top: 96%;
  }

  @media (width <=850px) {
    top: 97%;
    font-size: 9px;
  }

  @media (width <=800px) {
    top: 98%;
  }


  @media (width <=767px) {
    right: 0;
    top: 92.5%;
    max-width: 100%;
    font-size: 10px;
    line-height: 1.3;
  }
}

/* ========================================
   スクロールアニメーション
   ======================================== */
@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

_:-ms-lang(x)::-ms-backdrop,
.m_scroll {
  display: grid;
  overflow: hidden;
}

.m_scroll__wrap {
  display: flex;
  overflow: hidden;
}

ul.m_scroll__list {
  display: flex;
  list-style: none;
  margin: 0;
  margin-top: -2px;
}

.m_scroll__list--left {
  animation: infinity-scroll-left 195s infinite linear 0.5s both;
}

li.m_scroll__item {
  line-height: 0;
}

.m_scroll__item,
.m_scroll__item img {
  width: 600px;
}

.top_content_scroll {
  position: relative;
  text-align: center;
}

.top_content_scroll img {
  vertical-align: bottom;
}

.top_content_scroll01 {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  overflow: hidden;
  background-color: rgb(255 255 255 / 50%);
}

.top_content_scroll01 img {
  max-width: 100%;
  height: 600px;
  max-height: 100%;
}

.sp_block {
  display: none;
}

@media (width <=1300px) {
  .top_content_scroll01 img {
    position: absolute;
    bottom: 0;
    left: 50%;
    max-width: calc(100% - 40px);
    height: auto;
    transform: translateX(-50%);
  }
}

@media (width <=1200px) {

  .m_scroll__item,
  .m_scroll__item img {
    width: 550px;
  }
}

@media (width <=1100px) {

  .m_scroll__item,
  .m_scroll__item img {
    width: 500px;
  }
}

@media (width <=1000px) {

  .m_scroll__item,
  .m_scroll__item img {
    width: 480px;
  }
}

@media (width <=950px) {

  .m_scroll__item,
  .m_scroll__item img {
    width: 450px;
  }
}

@media (width <=900px) {

  .m_scroll__item,
  .m_scroll__item img {
    width: 430px;
  }
}

@media (width <=850px) {

  .m_scroll__item,
  .m_scroll__item img {
    width: 410px;
  }
}

@media (width <=800px) {

  .m_scroll__item,
  .m_scroll__item img {
    width: 390px;
  }
}

@media (width <=767px) {
  .pc_block {
    display: none;
  }

  .sp_block {
    display: block;
  }

  .top_content_scroll01 img {
    height: 550px;
    margin: 0 auto;
  }

  .m_scroll__item,
  .m_scroll__item img {
    width: 550px;
  }
}

/* ========================================
   コンテンツブロック
   ======================================== */
.ace400_blok {
  padding: 5em 0;
}

.ace410_blok {
  width: 800px;
  margin: 0 auto;
}

.top_content img,
.ace400_blok img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

#container .nemsp {
  display: none;
}

@media (width <=1100px) {
  .ace400_blok {
    padding: 4em 0;
  }

  .ace410_blok {
    width: auto;
    margin: 0 4em;
  }
}

@media (width <=850px) {
  .ace410_blok {
    margin: 0 2em;
  }
}

@media (width <=767px) {
  .ace410_blok {
    margin: 0 1em;
  }

  #container .nempc {
    display: none;
  }

  #container .nemsp {
    display: block;
  }
}

/* BG画像付きブロック */
@media (width >=750px) {
  .ace400_blok.BG_img {
    background: url("../../image/content/bg-pattern_g.jpg") repeat;
  }

  .ace400_blok.BG_img .arrow {
    border-top: 50px solid #009a31;
  }

  .BG_img .main_content_g1.heading {
    padding: 0;
  }
}

.ace400_blok.BG_img {
  margin-bottom: 0;
  padding: 0;


}

.BG_img .ace410_blok {
  width: auto;
}

.main_content_g1 {
  padding: 4em 1em 8em;
}

.BG_img .main_content_g1.heading img {
  display: block;
  width: 800px;
  margin: 0 auto;
}

@media (width <=1100px) {
  .BG_img .ace410_blok {
    margin: 0;
  }

  .main_content_g1.main1 {
    padding: 4em 6em 8em;
  }
}

@media (width <=850px) {
  .BG_img .main_content_g1.heading img {
    width: auto;
    translate: 0 -1px;
  }

  .main_content_g1.main1 {
    padding: 4em 2em 8em;
  }
}

@media (width <=767px) {
  .ace400_blok.BG_img {
    padding: 0;
  }

  .main_content_g1,
  .main_content_g1.main1 {
    padding: 0;
  }
}

@media (width <=375px) {
  .home .ace400_blok:nth-child(2) {
    margin-top: -1px;
  }
}

/* ========================================
   サービスセクション
   ======================================== */
@media (width >=800px) {
  .BG_img.service .ace410_blok {
    background-image: url("../../image/content/service-title-1920.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    text-align: center;
  }
}

.service .main_content_g1 img {
  width: 1100px;
}

@media (width <=1200px) {
  .service .main_content_g1 img {
    width: auto;
  }
}

.main_content_g1.service_conten3 {
  @media (width >=768px) {
    padding-block-end: 8em;
  }
}

.main_content_g1.service_conten3 {
  @media (width >=768px) {
    padding-block-end: 18em;
  }
}

.local2 .main_content_g1.service_conten3 {
  @media (width >=768px) {
    padding-block-end: 8em;
  }
}

/* ========================================
   動画セクション
   ======================================== */
.video {
  padding: 80px 10px 70px;
  background-image: url("/wp-content/themes/ace-oniwa/image/content/video-haikei-sp.webp");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  margin-block-start: -44px;

  @media (width >=768px) {
    margin-block-start: -11.4svw;
    background-image: url("/wp-content/themes/ace-oniwa/image/content/video-haikei-pc.webp");
  }

  iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
  }
}

.video_title {
  margin-block-end: 24px;

  @media (width >=768px) {
    width: min(62.96svw, 1020px);
    padding-block-start: 12.5svw;
    margin-inline: auto;
  }
}

.video_content {
  @media (width >=768px) {
    width: min(55.56svw, 800px);
    margin-inline: auto;
  }
}

/* ========================================
   ビフォーアフターセクション
   ======================================== */
@media (width >=800px) {
  .BG_img.before-after .ace410_blok {
    background-image: url("../../image/content/baa-title2-1920.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    text-align: center;
  }
}

.before-after .main_content_g1 img {
  display: block;
  width: 700px;
  margin: 0 auto;
}

@media (width <=800px) {
  .before-after .main_content_g1 img {
    width: auto;
  }
}

@media (width <=767px) {
  .ace400_blok.BG_img.before-after.case2 {
    background: url("../../image/content/bg-pattern_g.jpg") repeat;
    background-size: 14px;
  }

  .before-after.case2.before-after .acc-img img:nth-child(n + 2),
  .before-after.case2.before-after .acc-content img {
    padding: 1em 1em 0;
    box-sizing: border-box;
  }

  .acc-btn-block {
    padding: 20px 0 50px;
    background: #fff;
  }

  .acc-btn {
    margin-block-start: 0;
  }

  .acc-btn-block.acc-on {
    background: transparent;
  }
}

/* ========================================
   実績セクション
   ======================================== */
@media (width >=800px) {
  .BG_img.assignment .ace410_blok {
    background-image: url("../../image/content/assignment-title-1920-01.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    text-align: center;
  }
}

.assignment .main_content_g1 img {
  width: 850px;
}

@media (width <=950px) {
  .assignment .main_content_g1 img {
    width: auto;
  }
}

/* ========================================
   料金セクション
   ======================================== */
@media (width >=800px) {
  .BG_img.price .ace410_blok {
    background-image: url("../../image/content/price-title2-1920.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    text-align: center;
  }
}

.price .main_content_g1 img {
  display: block;
  width: 700px;
  margin: 0 auto;
}

@media (width <=800px) {
  .price .main_content_g1 img {
    width: auto;
  }
}

/* ========================================
   エリアセクション
   ======================================== */
.nem1.content3 .ace410_blok {
  margin: 0 auto;
  padding: 0;
}

@media (width <=767px) {
  .nem1.content3 .nemsp {
    padding: 2em 0 5em;
  }
}

.nem1.content3.area .ace410_blok {
  width: 950px;
}

@media (width <=1050px) {
  .nem1.content3.area .ace410_blok {
    width: auto;
    padding: 0 3em;
  }
}

@media (width <=850px) {
  .nem1.content3.area .ace410_blok {
    padding: 0 1em;
  }
}

@media (width <=767px) {
  .ace400_blok.nem2 {
    padding: 0;
    background: url("../../image/content/bg-pattern_g.jpg") repeat;
    background-size: 12px;
  }

  .ace400_blok.nem2 .arrow {
    border-top: 25px solid #0ea33f;
  }

  .nem2 .main_content_g1.main1.nemsp {
    padding: 0 1em;
  }

  .nem2 .main_content_g1.main1.nemsp img {
    padding: 1em 0 5em;
  }
}

.ace400_blok.nem1 {
  padding: 0;
  background: url("../../image/content/bg-pattern_g.jpg") repeat;
}

.nem1 .ace410_blok {
  padding: 5em 0 8em;

  @media (width <=767px) {
    padding: 2em 0 5em;
  }
}

@media (width <=767px) {
  .ace400_blok.nem1 {
    background-size: 12px;
  }
}

/* ========================================
   汎用見出し・矢印
   ======================================== */
.ace410_c2 {
  background-color: #00a73c;
  color: #fff;
  letter-spacing: 0.05em;
  text-align: center;
}

h2.ace410_m2 {
  margin: 0;
  padding: 2em 0 2.5em;
  font-size: 38px;
  line-height: 1.9;
  text-align: center;
}

h2.ace410_m2::after {
  display: block;
  width: 140px;
  height: 4px;
  margin: 0 auto;
  border-radius: 2px;
  background: #fff;
  content: "";
}

.ace400_blok .arrow {
  width: 0;
  border-top: 50px solid #00a73c;
  border-right: 80px solid transparent;
  border-left: 80px solid transparent;
  margin: 0 auto;
}

@media screen and (width <=767px) {
  body h2.ace410_m2 {
    font-size: 22px;
  }

  h2.ace410_m2::after {
    width: 90px;
  }

  .ace400_blok .arrow {
    border-top: 25px solid #00a73c;
    border-right: 40px solid transparent;
    border-left: 40px solid transparent;
  }
}

h2.ace500_m2 {
  position: relative;
  margin: -10px 0 80px;
  margin-top: 1rem;
  margin-bottom: 2rem;
  padding-top: 12px;
  padding-bottom: 1rem;
  color: #1e2d3c;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}

h2.ace500_m2::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 6rem;
  height: 0.375rem;
  border-radius: 0.375rem;
  background-color: var(--c-key-light);
  transform: translate(-50%, 0);
  content: "";
}

@media (width <=767px) {
  h2.ace500_m2 {
    margin: 20px 0 50px;
    font-size: 20px;
  }
}

/* ========================================
   対応エリア
   ======================================== */
.area_ul {
  list-style: none;
}

.area_li {
  margin-bottom: 3em;
  border: 3px solid #00a73c;
  border-radius: 5px;
  background-color: #fff;
}

.area_li:last-of-type {
  margin-bottom: 0;
}

h3.area_m1 {
  padding: 0.8em 0;
  background-color: #00a73c;
  color: #fff;
  font-size: 22px;
  letter-spacing: 0.05em;
  text-align: center;
}

.area_t1 {
  padding: 1em;
  font-size: 18px;
  line-height: 1.5;
}

@media (width <=767px) {
  .area_li {
    margin-bottom: 1em;
  }

  h3.area_m1 {
    font-size: 18px;
  }

  .area_t1 {
    font-size: 16px;
  }
}

/* ========================================
   FAQアイテム (common.css独自スタイル)
   ======================================== */
@media (width >=750px) {
  .ace400_blok.nem1.faq {
    background: #fff;
  }
}

.faq-items {
  --padding--x: 30px;

  display: block flex;
  flex-direction: column;
  row-gap: 60px;
  padding-inline: var(--padding--x);

  @media (width <=767px) {
    --padding--x: 0;
  }

  &:has(+ .link-text--icon) {
    --padding-bottom: 50px;

    padding-bottom: var(--padding-bottom);

    @media (width <=767px) {
      --padding-bottom: 30px;
    }
  }
}

.faq-item__title,
.faq-item__data {
  --icon-font-size: 32px;

  display: block flex;
  column-gap: 10px;

  >span {
    font-family: var(--font-inter);
    font-size: var(--icon-font-size);
    font-weight: 700;

    @media (width <=767px) {
      --icon-font-size: 25px;
    }
  }
}

.faq-item__title {
  --font-size: 20px;

  align-items: center;
  background-color: var(--c-key);
  color: #fff;
  font-size: var(--font-size);
  padding-inline: 15px;

  @media (width <=480px) {
    --font-size: 15px;
  }
}

.faq-item__data {
  padding: 15px;

  >span {
    color: #4d4d4d;
  }
}

.faq dl {
  margin-bottom: 2em;
  padding: 0 0 10px;
  border: 3px solid #00a73c;
  border-radius: 5px;
  overflow: hidden;
  background-color: #fff;
  color: #1a1a1a;
  font-size: 18px;
  line-height: 1.6em;
}

.faq dl:last-of-type {
  margin-bottom: 0;
}

.faq dl dt {
  display: flex;
  position: relative;
  align-items: center;
  margin: 0;
  padding: 20px 50px 20px 60px;
  background-color: #00a73c;
  color: #fff;
  font-family:
    "Sawarabi Mincho",
    "Noto Sans CJK",
    sans-serif;
  font-weight: bold;
}

span.faq_q {
  margin-right: 1em;
  padding: 0 10px 4px;
  border-radius: 20px;
  background-color: #fff;
  color: #00a73c;
  font-size: 17px;
  font-weight: bold;
}

.faq dl dd {
  display: flex;
  position: relative;
  align-items: flex-start;
  margin: 20px 0 5px;
  padding: 0 50px 0 60px;
  font-family:
    "Sawarabi Mincho",
    "Noto Sans CJK",
    sans-serif;
}

span.faq_a {
  margin-right: 1em;
  padding: 1px 12px 4px;
  border-radius: 20px;
  background-color: #00a73c;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
}

span.faq_qText {
  padding-bottom: 0.2em;
}

@media (width <=767px) {
  .faq dl {
    border: 2px solid #00a73c;
    font-size: 14px;
  }

  .faq dl dt {
    padding: 1.5em 1em 1.5em 1.5em;
  }

  span.faq_q {
    margin-right: 0.5em;
    padding: 1px 9px 5px;
    font-size: 16px;
  }

  .faq dl dd {
    padding: 0 1.5em 0.5em;
    font-family:
      "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
  }

  span.faq_a {
    margin-right: 0.5em;
    padding: 2.5px 9px 5px 10px;
    font-size: 18px;
  }

  span.faq_qText {
    padding-bottom: 0;
  }

  span.faq_aText.s1 {
    padding-top: 0.25em;
  }
}

/* ========================================
   ご利用の流れ
   ======================================== */
@media (width >=750px) {
  .ace400_blok.nem1.flow {
    background: #fff;
  }
}

.flow_ul {
  list-style: none;
  border-bottom: none;
  border-top: none;
}

.flow_li {
  display: flex;
  position: relative;
  margin-bottom: 6em;
  padding: 2em 3em;
  border: 3px solid #00a73c;
  border-radius: 5px;
  background-color: #fff;
  font-size: 18px;
  line-height: 1.6em;
}

.flow_li:last-of-type {
  margin-bottom: 0;
}

.flow_li::before {
  display: block;
  position: absolute;
  top: -19px;
  left: 50%;
  padding: 0 10px 4px;
  border: 3px solid #00a73c;
  border-radius: 20px;
  background-color: #fff;
  color: #00a73c;
  line-height: 1.5;
  transform: translateX(-50%);
  content: "step:01";
}

.flow_li:nth-child(2)::before {
  content: "step:02";
}

.flow_li:nth-child(3)::before {
  content: "step:03";
}

.flow_li::after {
  display: block;
  position: absolute;
  bottom: -60px;
  left: 50%;
  border-radius: 3px;
  transform: translateX(-50%);
  content: "";
  border-top: 50px solid #00a73c;
  border-right: 80px solid transparent;
  border-left: 80px solid transparent;
}

.flow_li:last-of-type::after {
  display: none;
}

.flow_li1 {
  width: 40%;
  box-sizing: border-box;
}

.flow_li2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 60%;
  padding-left: 2em;
  box-sizing: border-box;
}

.flow_g1 img {
  vertical-align: bottom;
  width: 100%;
  object-fit: cover;
  aspect-ratio: 3 / 2;
  border-radius: 8px;
}

h3.flow_m1 {
  margin-bottom: 0.5em;
  color: #fe4610;
}

.flow_t1 {
  margin-bottom: 0;
  font-size: 14px;
}

@media screen and (width <=950px) {
  h3.flow_m1 {
    font-size: 16px;
  }

  .flow_t1 {
    font-size: 12px;
    line-height: 2;
  }
}

@media screen and (width <=767px) {
  .nem1.flow .ace410_blok {
    padding: 3em 0 5em;
  }

  .flow_li {
    flex-direction: column;
    margin-bottom: 4em;
    padding: 1.5em 1em 1em;
    border: 2px solid #00a73c;
  }

  .flow_li::before {
    border: 2px solid #00a73c;
    border-radius: 18px;
    line-height: 1.4;
  }

  .flow_li::after {
    bottom: -42px;
    border-top: 30px solid #00a73c;
    border-right: 50px solid transparent;
    border-left: 50px solid transparent;
  }

  .flow_li1 {
    width: auto;
  }

  .flow_li2 {
    width: auto;
    padding-left: 0;
  }

  h3.flow_m1 {
    margin-bottom: 0.2em;
    padding: 1em 0 0 0.3em;
    font-size: 16px;
  }

  .flow_t1 {
    font-size: 14px;
    line-height: 2;
  }
}

/* ========================================
   お客様の声
   ======================================== */
:where(.voice) {
  .ace410_blok {
    width: 700px;

    @media (width <=1100px) {
      width: auto;
    }
  }
}

.voice_ul {
  list-style: none;
  border-bottom: none;
  border-top: none;
}

li.voice_li {
  padding: 2em;
  border: 2px solid #e5e5e5;
  border-radius: 5px;
  background-color: #fff;
}

.voice_c10 {
  display: flex;
  margin-bottom: 2em;
}

.voice_c2 {
  width: 80%;
}

.voice_c3 {
  width: 20%;
}

li.voice_li {
  margin-bottom: 2em;
  padding: 2em;
  border: 2px solid #e5e5e5;
  border-radius: 5px;
  line-height: 1.6;
}

h3.voice_m1 {
  color: #00a73c;
  font-size: 20px;
}

p.voice_t1 {
  margin-top: 0.8em;
  font-weight: bold;
}

p.voice_t2 {
  font-size: 16px;
}

@media (width <=767px) {
  li.voice_li {
    margin-bottom: 1em;
    padding: 1em;
  }

  .voice_c2 {
    width: 75%;
  }

  .voice_c3 {
    width: 25%;
  }

  .voice_c10 {
    margin-bottom: 1em;
  }

  h3.voice_m1 {
    font-size: 14px;
  }

  p.voice_t1 {
    font-size: 10px;
  }

  p.voice_t2 {
    font-size: 12px;
  }
}

/* ========================================
   ギャラリー
   ======================================== */
.gallery ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}

.gallery ul li {
  width: calc(100% / 2);
  line-height: 0;
  list-style: none;
}

.gallery_photo {
  padding: 0.3em;
}

.gallery_photo_1 {
  overflow: hidden;
}

.gallery_photo_1 img {
  vertical-align: bottom;
  object-fit: cover;
  aspect-ratio: 1 / 1;
}

@media (width >=1100px) {
  .gallery .ace410_blok {
    width: 1000px;
  }

  .gallery ul li {
    width: calc(100% / 3);
  }
}

/* ========================================
   お問い合わせ
   ======================================== */
.ace400_blok.contactblok {
  position: relative;
  padding: 3em 0;
  overflow: hidden;
  background: url("../../image/conversion/cv-bg-pc.webp") repeat 8% 21%;
  background-size: 130% auto;
}

.ace400_blok.contactblok::before {
  display: block;
  position: absolute;
  inset: 0;
  z-index: 1;
  background-color: rgb(255 255 255 / 20%);
  content: "";
}

.contactblok .ace410_blok {
  position: relative;
  z-index: 99;
  width: 850px;
}

.contact {
  padding: 1.2em 0 0.9em;
  border: 4px solid var(--c-key-light);
  border-radius: 16px;
  background: #fff url("../../image/content/anshin-kaitai-footer-image-test-03.png") right calc(100% + 1px) no-repeat;
  background-size: 40%;
  letter-spacing: 0.05em;
  text-align: center;
}

.contact_tag {
  margin-bottom: 0.5em;
}

.contact_tag.nempc {
  margin: 0 1em 1em;
}

.contact_box {
  display: flex;
  margin: 0 auto;
}

.contact_box.nempc {
  flex-direction: column;
  width: 65%;
  margin: 0 auto 0 5%;
}

.nempc .contact_item {
  padding: 0.5em;
}

.nempc .contact_item:first-of-type img {
  width: 90%;
  margin: 0 auto;
}

.contact_item {
  flex: 1;
  padding: 1em;
  box-sizing: border-box;
}

.contact_item img {
  transition: all 0.4s;
}

.contact_itembutton:hover img,
.nemsp .contact_item:hover img {
  opacity: 0.7;
}

.contact_item.button_box {
  display: flex;
  gap: 0.5em;
}

.contact_itembutton {
  flex: 1;
}

@media (width <=1100px) {
  .contactblok .ace410_blok {
    width: auto;
  }
}

@media (width <=950px) {
  .contactblok .ace410_blok {
    margin: 0 2em;
  }

  .contact {
    border: 4px solid var(--c-key-light);
  }
}

@media (width <=767px) {
  .ace400_blok.contactblok {
    background: url("../../image/content/pixta_93544403_M.jpg") repeat 0% top;
    background-size: cover;
  }

  .ace400_blok.contactblok::before {
    background-color: rgb(255 255 255 / 30%);
  }

  .contactblok .ace410_blok {
    margin: 0 1em;
  }

  .contact {
    padding: 1.2em 0.8em 0.5em;
    border: 3px solid var(--c-key-light);
    border-radius: 8px;
    background: #fff;
    text-align: left;
  }

  .contact_box {
    width: auto;
  }

  .contact_item {
    padding: 0 0 0.5em;
  }
}

.breadcrumb-area~#mail_form {
  margin-block-start: 80px;

  @media (width <=767px) {
    margin-block-start: 40px;
  }
}

/* ========================================
   固定バー (acebar)
   ======================================== */
@media (width >=768px) {
  #acebar {
    display: none;
  }
}

@media (width <=767px) {
  #acebar {
    position: fixed;
    right: 0;
    bottom: -3px;
    z-index: 100;
    width: 100%;
    opacity: 0;
    transition: all;
    transition-duration: 1s;
    transform: translateY(20%) translateX(0%);
  }

  #acebar.active {
    background: #fff;
    opacity: 1;
    transform: translateY(0%) translateX(0);
    transition-duration: 1s;
  }

  ul.acebar {
    display: flex;
    z-index: 9998;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0;
    background: transparent;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    list-style: none;
  }

  .acebar_item {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
  }

  .acebar a {
    display: block;
  }

  .acebar a img {
    vertical-align: bottom;
    width: 100%;
    height: auto;
  }

}

/* ========================================
   フェードアップアニメーション
   ======================================== */
.fadeUpTrigger {
  opacity: 0;
  transition: all;
  transform: translateY(20px) translateX(0);
}

.fadeUpTrigger.fadeUp {
  opacity: 1;
  transform: translateY(0) translateX(0);
  transition-duration: 3s;
}

/* ========================================
   ローディング
   ======================================== */
.loader,
.loader::after {
  width: 10em;
  height: 10em;
  border-radius: 50%;
}

.loader {
  position: relative;
  margin: 60px auto;
  border: 3px solid rgb(3 110 183 / 20%);
  font-size: 5px;
  transform: translateZ(0);
  transform: translateZ(0);
  transform: translateZ(0);
  animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
  text-indent: -9999em;
  border-top-color: var(--c-key-light);
}

@keyframes load8 {
  0% {
    transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes load8 {
  0% {
    transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* ========================================
   スプラッシュスクリーン
   ======================================== */
#splash2,
#splash {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999;
  width: 100%;
  height: 100%;
  background: #fff;
  color: #fff;
  text-align: center;
}

#splash-logo2,
#splash-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.splashbg {
  display: none;
}

body.appear .splashbg {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 120%;
  height: 100vh;
  background-color: #10b544;
  transform: scaleX(0);
  content: "";
  animation-name: PageAnime;
  animation-duration: 1.2s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}

@media (width <=767px) {
  body.appear .splashbg {
    width: 200%;
    animation-duration: 1s;
    background-color: #0cad3f;
  }
}

@keyframes PageAnime {
  0% {
    transform-origin: left;
    transform: scaleX(0);
  }

  50% {
    transform-origin: left;
    transform: scaleX(1);
  }

  50.001% {
    transform-origin: right;
  }

  100% {
    transform-origin: right;
    transform: scaleX(0);
  }
}

.home #container {
  opacity: 0;
}

body.appear #container {
  animation-name: PageAnimeAppear;
  animation-duration: 1s;
  animation-delay: 0.8s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes PageAnimeAppear {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

#splash2 {
  position: fixed;
  z-index: 9999999;
  width: 100%;
  height: 100%;
  margin-top: 0;
  background: #fff;
  color: #fff;
  text-align: center;
}

body.appear2 #container {
  animation-name: PageAnimeAppear;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  opacity: 0;
}

/* ========================================
  会社概要
  ======================================== */
.company h2.ace500_m2 {
  margin-bottom: 2em;
}

.ace500_table {
  width: 1000px;
  margin: 0 auto;
}

.ace500_table {
  padding: 0 1em 1em;
  font-size: 15px;
  line-height: 2.5;
  text-align: left;
}

.ace500_table table {
  width: 100%;
  border-collapse: collapse;
}

.ace500_table th {
  border-right: 1px solid #ddd;
}

.ace500_table th:last-of-type {
  border-right: none;
}

.ace500_table th,
.ace500_table td {
  padding: 20px 5px 20px 50px;
}

.ace500_table td:nth-child(1) {
  width: 25%;
  font-weight: bold;
  vertical-align: top;
}

.ace500_table tbody tr {
  border-bottom: 1px solid #ddd;
}

@media (width <=1050px) {
  .ace500_table {
    width: 95%;
  }
}

@media (width <=767px) {
  .company h2.ace500_m2 {
    margin-bottom: 1em;
  }

  .ace500_table {
    width: auto;
    font-size: 14px;
  }

  .ace500_table tbody tr {
    display: flex;
    flex-direction: column;
    padding: 1em 0;
  }

  .ace500_table th,
  .ace500_table td {
    padding: 0;
  }

  .ace500_table td a {
    color: #000;
  }

  .ace500_table td:nth-child(1) {
    width: auto;
  }

  .ace500_table td:nth-child(2) {
    padding: 0 1em;
  }

  .ace500_table tbody tr:last-of-type {
    border-bottom: none;
  }
}

ul.ace526 {
  margin: 0;
  list-style: none;
}

li.ace526_item {
  display: flex;
  margin-bottom: 0.8em;
}

.ace526_c1:first-of-type {
  font-weight: bold;
  white-space: nowrap;
}

@media (width <=767px) {
  li.ace526_item {
    flex-direction: column;
    margin: 0.8em 0;
    line-height: 2;
  }

  .ace526_c1:first-of-type {
    border-bottom: 1px dashed #ccc;
  }
}

#container~a:not([class]) {
  display: none;
}

.company_line-height {
  line-height: 1.8;
}

:not(.top) {
  .ace500_table {
    padding-inline: 0;
  }
}

/* ========================================
   アコーディオン
   ======================================== */
.acc-content {
  position: relative;
  width: fit-content;
  max-height: 80px;
  transition: max-height 1s ease-in-out;
  margin-inline: auto;
  overflow-y: hidden;
}

.acc-item {
  &:not(:has(.acc-on)) {
    .acc-content {
      &::before {
        display: block;
        position: absolute;
        bottom: -4px;
        left: 0;
        z-index: 9999;
        width: 100%;
        height: 80px;
        background: linear-gradient(to bottom,
            rgb(255 255 255 / 0%) 0%,
            rgb(255 255 255 / 80%) 50%,
            rgb(255 255 255 / 80%) 50%,
            #fff 100%);
        content: "";
      }
    }
  }
}

.acc-btn {
  display: block;
  width: 100%;
  max-width: 280px;
  border: 0;
  border: solid 2px var(--c-key-dark);
  border-radius: 30px;
  background-color: #fff;
  color: var(--c-key-dark);
  transition: opacity 0.3s;
  cursor: pointer;
  padding-inline: 30px;
  padding-block: 15px;
  margin-block-start: 20px;
  margin-inline: auto;
}

@media (hover: hover) {
  .acc-btn:hover {
    opacity: 0.7;
  }
}

/* ========================================
   フッターサイトマップ
   ======================================== */
.footer-sitemap {
  padding-block: 20px;

  @media (width <=767px) {
    padding-block: 18px;
  }

  ul {
    list-style: none;
    display: flex;
    justify-content: center;

    li {
      &:nth-child(n + 2)::before {
        content: "|";
      }

      a {
        margin: 0 1.5em;
        color: var(--c-text);
        transition-property: color;
        transition-duration: 0.3s;
        transition-timing-function: ease;

        &:hover {
          @media (hover: hover) {
            text-decoration: underline;
          }
        }
      }
    }
  }
}

/* ========================================
  フッターナビ
  ======================================== */
.footer-navi {
  width: min(round(calc(100% - 60px), 1px), 1200px);
  margin-inline: auto;
  margin-block-end: 48px;
  padding-block-start: 48px;

  @media screen and (width <=768px) {
    width: 100%;
  }
}

.footer-navi__layout {
  display: flex;
  gap: 32px;
}

.footer-navi__company-wrap {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.footer-navi__brand {
  margin: 0;
}

.footer-navi__brand img {
  display: block;
  max-width: 100%;
  height: auto;

  @media (width <=767px) {
    max-width: 70%;
    margin: 0 auto;
  }
}

.footer-navi__company {
  border-radius: 13px;
  background: #f2f2f2;
  padding: 24px 36px;
  display: flex;
  flex-direction: column;
  gap: 24px;

  @media (width <=767px) {
    border-radius: 5px;
  }
}

.footer-navi__title {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}

.footer-navi__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
}

.footer-navi__item {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.footer-navi__label {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}

.footer-navi__value {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

.footer-navi__contact {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 16px;
  line-height: 1.4;
}

.footer-navi__contact a {
  color: var(--c-text);
}

.footer-navi__contact strong {
  font-weight: 700;
}

.footer-navi__permit {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding-block: 8px;
  font-size: 16px;
  line-height: 1.4;
}

.footer-navi__permit-title {
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}

.footer-navi__permit p {
  margin: 0;
}

.footer-navi-menu {
  display: flex;
  flex: 1.1 1 0;
  flex-direction: column;
  gap: 40px;
  min-width: 0;
  width: 100%;
}

.footer-navi-menu__top {
  margin: 0;
}

.footer-navi-menu__top a {
  display: inline-flex;
  align-items: center;
  column-gap: 5px;
  color: var(--c-key-dark);
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
  transition: opacity 0.3s ease;
}

.footer-navi-menu__home-icon {
  display: block;
  width: 20px;
  height: auto;
  flex-shrink: 0;
}

.footer-navi-menu__section {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 24px;
}

.footer-navi-menu__heading {
  flex-basis: min(round(17svw, 1px), 245px);
  margin: 0;
  color: var(--c-key-dark);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}

.footer-navi-menu__links {
  display: flex;
  flex-basis: min(round(38.2svw, 1px), 550px);
  flex-wrap: wrap;
  row-gap: 10px;
  column-gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-navi-menu__links li {
  min-width: fit-content;
}

.footer-navi-menu__links a {
  display: inline-flex;
  align-items: center;
  column-gap: 6px;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
  transition: all 0.4s;

  &::before {
    display: inline-block;
    width: 11px;
    background-image: url("../images/baxtusai/icon-chevron.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    aspect-ratio: 11 / 17;
    flex-shrink: 0;
  }
}

.footer-navi-menu__links--area {
  column-gap: 26px;
  row-gap: 10px;
}

@media (hover: hover) {

  .footer-navi-menu__top a:hover,
  .footer-navi-menu__links a:hover {
    opacity: 0.7;
  }
}

@media (width <=767px) {

  .footer-navi {
    border-radius: 7px;
    padding: 12px 0 12px;
    margin-block-end: 24px;
  }

  .footer-navi__layout {
    flex-direction: column;
    gap: 24px;
  }

  .footer-navi__company-wrap {
    gap: 32px;
    padding: 20px 16px;
  }

  .footer-navi__company {
    gap: 16px;
    padding: 18px 12px;
  }

  .footer-navi__title {
    font-size: 16px;
  }

  .footer-navi__list {
    gap: 12px;
  }

  .footer-navi__item {
    gap: 3px;
  }

  .footer-navi__label,
  .footer-navi__value,
  .footer-navi__contact,
  .footer-navi__permit,
  .footer-navi__permit-title {
    font-size: 14px;
  }

  .footer-navi-menu {
    order: -1;
    gap: 0;
  }

  .footer-navi-menu__top {
    display: none;
  }

  .footer-navi-menu__section {
    display: block;
  }

  .footer-navi-menu__heading {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 12px;
    background: var(--c-key-dark);
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
  }

  .footer-navi-menu__links {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
  }

  .footer-navi-menu__links li {
    flex: 50% 0 0;
    min-width: 0;
  }

  .footer-navi-menu__links a {
    justify-content: space-between;
    width: 100%;
    min-height: 48px;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    color: #000;
    font-size: 13px;
    padding: 18px 15px;

    &::before {
      display: none;
    }

    &::after {
      display: inline-block;
      width: 11px;
      background-image: url("../images/baxtusai/icon-chevron.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      content: "";
      aspect-ratio: 11 / 17;
      flex-shrink: 0;
    }
  }

  /* .footer-navi-menu__links li:nth-child(2n + 1) a {
    border-left: 1px solid #999;
  } */

  .footer-navi-menu__links:has(li:last-child:nth-child(2n + 1))::after {
    display: block;
    flex: 50% 0 0;
    min-height: 48px;
    /* border-right: 1px solid #999;
    border-bottom: 1px solid #999; */
    content: "";
  }

  .footer-navi-menu__links--area {
    column-gap: 0;
    row-gap: 0;
  }
}

@media screen and (width >=768px) {
  .footer-navi__company-wrap {
    flex: 348px 0 1;
  }
}


.footer-navi__brand.brand-sp {
  margin-block: 60px 20px;
}

/* ========================================
   この記事を書いた人
   ======================================== */
.l-articleBottom {
  width: min(calc(100% - 30px), 950px);
  margin-inline: auto;
  padding-block-end: 100px;
}

/* ========================================
   プライバシーポリシー
   ======================================== */
.aceprivacy {
  padding-block-start: 90px;

  @media (width <=800px) {
    padding-block-start: 50px;
  }

  @media (width <=767px) {
    padding-block-start: 20px;
  }
}

.ttlbox h2 {
  font-size: 36px;
  text-align: center;
}

/* breadcrumb-areaと兄弟要素のcntbox */
.breadcrumb-area~.cntbox {
  padding-block: 80px 100px;

  @media (width <=767px) {
    padding-block-start: 40px;
  }
}

.inner {
  display: block;
  max-width: 1000px;
  margin: 0 auto;
  padding-right: 20px;
  padding-left: 20px;
  font-size: 14px;

  dd {
    margin: 0;
  }
}

#content-page-privacy .ttlbox .inner {
  padding-top: 50px;
  padding-bottom: 0;
}

#content-page-privacy .cntbox .inner {
  /* padding-top: 80px; */
  /* padding-bottom: 100px; */
  text-align: left;

  @media (width <=767px) {
    /* padding-top: 40px; */
  }
}

#content-page-privacy .cntbox .inner dl:nth-of-type(n + 2) {
  margin-top: 30px;
}

#content-page-privacy .cntbox .inner {
  font-size: 18px;
  line-height: 1.5;

  @media (width <=767px) {
    font-size: 14px;
  }
}

#content-page-privacy .cntbox .inner dt {
  margin-bottom: 5px;
  font-weight: bold;
}

#content-page-privacy .cntbox .prfbox {
  margin-top: 50px;
  padding: 30px;
  border: 1px solid #ccc;

  @media (width <=767px) {
    padding: 25px;
  }
}

#content-page-privacy .cntbox .prfbox .cmp {
  margin-bottom: 10px;
}

/* ========================================
404ページ
======================================== */
#page_404_header {
  position: relative;
  width: 100%;
  height: calc(100vh - 151px);
  height: calc(100vh - 151px);
  background-image: url("../../image/404/pixta_33696581_M.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  text-align: center;
}

#page_404_header .catch_area {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  text-align: center;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#page_404_header .catch {
  font-size: 48px;
  font-weight: 500;
}

#page_404_header .desc {
  margin: 20px 0 0;
  font-size: 16px;
  font-weight: 500;
}

#page_404_header .overlay {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.error404 .post_content {
  display: none;
}

.error404 .c-ttl404 {
  margin-top: 60px;

  @media (width <=767px) {
    margin-top: 130px;
  }
}

.error404 .footer-navi {
  padding-block-start: 108px;
}

/* ========================================
パーツ専用
======================================== */

/* ----------------------------------------
  共通：ページ基本スタイル（.ace-content--main）
---------------------------------------- */
:root:has(.ace-content--main) {
  body {
    color: #000;
  }

  img {
    vertical-align: bottom;
  }

}

/* ----------------------------------------
  共通：セクション（.ace-content__section）
  共通：インナー（.ace-section__inner）
  共通：リード文（.ace-section__lead）
  共通：セクションタイトル（.ace-section__title）
  b01 伐採とは、b02 伐採が必要な理由 … 全セクション共通
---------------------------------------- */
.ace-content__section {
  padding-block: 20px;

  @media (width <=767px) {
    padding-block: 20px;
    padding-inline: 5px;
  }
}

.ace-section__inner {
  width: min(100%, 950px);
  padding: 40px;
  margin-inline: auto;
  border-radius: 16px;
  background: #fff;

  &.--toc {
    width: min(100%, 600px);
    border: 2px solid #dbdbdb;

    @media (width <=767px) {
      width: min(100%, 318px);
      margin-inline: 0 auto;
      padding-inline: 10px;
    }
  }

  @media (width <=767px) {
    padding: 20px 10px;
  }

}

.ace-section__lead {
  padding-block-end: 50px;

  @media (width >=860px) {
    padding-inline: 25px;
  }

  @media (width <=767px) {
    padding-block-end: 20px;
  }
}

.ace-section__title {
  color: #04aa3a;
  letter-spacing: 0.04em;
  text-align: center;
  margin-block-end: 35px;
  font-size: 32px;

  @media (width <=767px) {
    padding: 6px;
    font-size: 22px;
  }

  &::after {
    display: block;
    width: 72px;
    height: 3px;
    margin: 10px auto 0;
    border-radius: 3px;
    background-color: currentColor;
    content: "";
  }
}

/* ========================================
b01 伐採とは（2カラムレイアウト）
b09 伐採のやり方
b11 庭木の伐採とは
======================================== */
.ace-content--2columns {
  .ace-content__columns {
    @media (width >=860px) {
      display: flex;
    }
  }

  .ace-content__columns-image {
    @media (width >=860px) {
      flex: 1;
    }
  }

  .ace-content__columns-desc {
    @media (width >=860px) {
      flex: 1;
    }
  }
}

.ace-content__columns {
  gap: 23px;

  &:not(:last-child) {
    padding-block-end: 56px;

    @media (width <=767px) {
      padding-block-end: 28px;
    }
  }
}

.ace-content__columns-image {
  img {
    border-radius: 16px;
  }
}

.ace-content__columns-title {
  display: flex;
  align-items: center;
  column-gap: 14px;
  color: #04aa3a;
  font-size: 20px;
  margin-block: 16px 24px;

  &::before {
    width: 3px;
    height: 24px;
    background-image: linear-gradient(to bottom, #04aa3a 49%, #145e00 50%);
    content: "";
  }
}

/* ========================================
共通：リンクライン（.ace-content__linkline）
各セクションのリンクボタン
======================================== */
.ace-content__linkline {
  text-align: center;

  /* デフォルト余白（カード内など小さいコンテキスト用） */
  padding-block-start: 50px;

  @media (width <=767px) {
    padding-block-start: 0;
  }

  &:has(+.ace-content--2columns) {
    padding-block: 36px;
  }

  >a {
    display: inline-flex;
    position: relative;
    align-items: center;
    gap: 10px;
    color: #04aa3a;
    font-weight: 700;
    line-height: 1;
    transition: all 0.4s;

    @media (width >=860px) {
      font-size: 18px;
    }

    &:hover {
      opacity: .7;
      /* text-decoration: underline; */
      text-underline-offset: 3px;
    }

    &:hover::before {
      opacity: .7;
    }

    &::after {
      top: 60%;
      left: 6px;
    }

    &::before {
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: var(--c-key);
      content: "";
      flex-shrink: 0;
      transition: all 0.4s;
      transform: translateY(2px);
    }

    &::after {
      position: absolute;
      top: 60%;
      left: 5.5px;
      width: 6px;
      aspect-ratio: 1;
      transform: translateY(-50%) rotate(-45deg);
      border-right: 2px solid #fff;
      border-bottom: 2px solid #fff;
      content: "";
    }
  }
}

.ace-content__columns {
  .ace-content__linkline {
    padding-block-start: 16px;
  }
}

/* ========================================
b02 伐採が必要な理由（説明リスト）
b03 伐採におすすめの時期
b04 伐採の種類
b06 伐採業者の選び方
b13 伐採の料金・相場
b20 伐採の料金・相場
======================================== */
/* .ace-desc-list {
  dt {
    padding: 8px 24px;
    border-radius: 8px;
    background-color: #42a03d;
    color: #fff;
    font-size: 20px;
    font-weight: 700;

    @media (width <=767px) {
      padding: 10px 16px;
      font-size: 14px;
    }
  }

  dd {
    padding: 24px;
    line-height: 1.7;

    @media (width <=767px) {
      padding: 16px 8px 20px;
    }

    &:has(.ace-desc-list__image) {
      display: flex;
      column-gap: 48px;

      @media (width <=767px) {
        column-gap: 16px;
      }
    }
  }
} */
.ace-desc-list__title {
  padding: 8px 24px;
  border-radius: 8px;
  background-color: #42a03d;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  margin-block: 0;

  @media (width <=767px) {
    padding: 10px 16px;
    font-size: 14px;
  }
}

.ace-desc-list__content {
  padding: 24px;
  line-height: 1.7;

  @media (width <=767px) {
    padding: 16px 8px 40px;
  }
}

.ace-desc-list__content:has(.ace-desc-list__image) {
  display: flex;
  column-gap: 48px;

  @media (width <=767px) {
    column-gap: 16px;
    flex-direction: column;
  }
}

/* ========================================
b05 伐採の流れ（フロー）
======================================== */
.ace-flow {
  &:has(.ace-flow__number) {
    counter-reset: flow;

    .ace-flow__image {
      >img {
        border-radius: 16px 16px 0 0;
      }
    }
  }

  .ace-flow__number {

    &::after {
      counter-increment: flow;
      content: counter(flow, decimal-leading-zero);
    }
  }

}

.ace-flow__item {
  &:has(.ace-flow__number) {
    display: grid;
  }

  &:not(:last-of-type) {
    &::after {
      display: inline-block;
      width: 66px;
      aspect-ratio: 96/52;
      margin: 18px auto;
      background-image: url("../images/flow-triangle.webp");
      background-size: contain;
      background-repeat: no-repeat;
      content: "";
    }
  }

}

.ace-flow__number {
  grid-area: 1/1/-1/-1;

  &::after {
    display: block;
    width: 114px;
    border-radius: 16px 0 0;
    background-color: #04aa3a;
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    clip-path: polygon(0 0, 0% 100%, 100% 0);
    aspect-ratio: 114/117;
    padding-inline-start: 5px;
  }
}

.ace-flow__body {
  grid-area: 1/1/-1/-1;
  align-items: center;
  padding: 50px 42px;
  border: 1px solid #999;
  border-radius: 16px;

  @media (width >=860px) {
    display: flex;
    flex-direction: row-reverse;
  }

  @media (width <=860px) {
    padding: 0 0 16px;
  }
}

.ace-flow__text {
  @media (width <=860px) {
    padding: 24px 8px 0;
  }

  @media (width >=861px) {
    flex: 1;
  }
}

.ace-flow__title {
  color: #04aa3a;
  font-size: 28px;
  font-weight: 700;
  padding-block-end: 8px;

  @media (width <=767px) {
    font-size: 20px;
  }
}

.ace-flow__desc {
  line-height: 1.7;
}

.ace-flow__image {
  @media (width >=860px) {
    flex: 1;
    padding-inline-start: 24px;
  }

  img {
    @media (width >=860px) {
      border-radius: 18px;
    }
  }
}

/* ========================================
b07 伐採の事例（ビフォーアフター）
======================================== */
.ace-case__item {
  &:not(:last-of-type) {
    margin-block-end: 32px;
  }
}

.ace-case__name {
  padding: 16px;
  border: 1px solid #ccc;
  border-radius: 16px 16px 0 0;
  border-bottom: 0;
  background-color: #42a03d;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  margin-block: 0;

  @media (width <=767px) {
    font-size: 14px;
  }
}

.ace-case__body {
  padding: 40px 16px 10px;
  border: 1px solid #ccc;
  border-radius: 0 0 16px 16px;

  @media (width <=767px) {
    padding: 22px 12px 12px;
  }
}

.ace-case__item__image {
  padding-block-end: 24px;

  @media (width <=767px) {
    padding-block-end: 0;
  }
}

.ace-case__item__text {
  line-height: 1.7;

  @media (width >=860px) {
    padding-inline: 36px;
  }
}

.ace-case__image-before-after {
  display: flex;
  align-items: center;

  img {
    grid-area: 1/1/-1/-1;
    border-radius: 16px;
    object-fit: cover;
    aspect-ratio: 4 / 3;
  }

  figcaption {
    padding-block-start: 16px;
    color: #4d4d4d;
    text-align: center;

    @media (width <=767px) {
      padding-block-start: 8px;
      font-size: 14px;
    }
  }

  @media (width <=767px) {
    flex-direction: column;
    gap: 20px;
  }
}


.ace-case__image-wrapper {
  display: grid;
}

.ace-case__image-label {
  z-index: 1;
  width: 120px;
  height: fit-content;
  padding: 8px 13px;
  border-radius: 16px 0;
  background-color: #145e00;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  text-transform: capitalize;
  grid-area: 1/1/-1/-1;

  &.--label-after {
    background-color: #04aa3a;
  }

  @media (width <=767px) {
    width: 80px;
    padding: 4px 10px;
    font-size: 14px;
  }
}

img[src$="icon-arrow--right.svg"] {
  margin-inline: 10px;
  translate: 0 -100%;

  @media (width <=767px) {
    width: 25px;
    translate: 0 -37%;
    transform: rotate(90deg);
  }
}

/* ========================================
b08 よくある質問（FAQ）
======================================== */
.ace-faq {
  &:not(:last-of-type) {
    padding-block-end: 36px;

    @media (width <=767px) {
      padding-block-end: 30px;
    }
  }

  @media (width <=767px) {
    margin-bottom: 30px;
  }
}

/* .ace-faq__item {
  &:not(:last-of-type) {
    margin-block-end: 34px;
  }

  dt {
    display: flex;
    align-items: center;
    column-gap: 28px;
    padding: 16px 32px;
    border-radius: 8px 8px 0 0;
    background-color: #04aa3a;
    color: #fff;
    font-weight: 700;

    @media (width <=767px) {
      column-gap: 12px;
      padding: 8px 16px;
      font-size: 16px;
    }

    @media (width >=768px) {
      font-size: 24px;
    }

    &::before {
      display: inline-block;
      width: 35px;
      background-image: url("../images/icon-q.svg");
      background-size: contain;
      background-repeat: no-repeat;
      content: "";
      aspect-ratio: 35/28;
      flex-shrink: 0;

      @media (width <=767px) {
        width: 28px;
      }
    }
  }

  dd {
    margin: 0;
    padding: 24px 32px;
    border: 4px solid #04aa3a;
    border-top: none;
    border-radius: 0 0 8px 8px;

    @media (width <=767px) {
      padding: 16px;
    }
  }
} */

.ace-faq__item {
  &:not(:last-of-type) {
    margin-block-end: 34px;

    @media (width <=767px) {
      margin-block-end: 16px;
    }
  }

  .ace-faq__question {
    display: flex;
    align-items: center;
    column-gap: 28px;
    padding: 16px 32px;
    border-radius: 8px 8px 0 0;
    background-color: #04aa3a;
    color: #fff;
    font-weight: 700;

    @media (width <=767px) {
      column-gap: 12px;
      padding: 12px 16px;
      font-size: 16px;
    }

    @media (width >=768px) {
      font-size: 22px;
    }

    &::before {
      display: inline-block;
      width: 35px;
      background-image: url("../images/icon-q.svg");
      background-size: contain;
      background-repeat: no-repeat;
      content: "";
      aspect-ratio: 35/28;
      flex-shrink: 0;

      @media (width <=767px) {
        width: 28px;
      }
    }
  }

  .ace-faq__answer {
    margin: 0;
    padding: 24px 32px;
    border: 4px solid #04aa3a;
    border-top: none;
    border-radius: 0 0 8px 8px;

    @media (width <=767px) {
      padding: 16px;
    }
  }
}

/* ========================================
b10 お客様の声（レビュー）
======================================== */
.ace-reviews__item {
  border: 5px solid #42a03d;
  border-radius: 16px;
  background-color: #42a03d;

  &:nth-of-type(even) {
    border: 5px solid #156611;
    background-color: #156611;

    .ace-reviews__item__body {
      background-color: #156611;
    }
  }

  &:not(:last-of-type) {
    margin-block-end: 40px;
  }
}

.ace-reviews__item-head {
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 8.5px 24px;
  border-radius: 12px;
  background-color: #fff;

  @media (width <=767px) {
    gap: 16px;
    padding: 8px 16px;
  }
}

.ace-reviews__item-avator {
  flex: 120px 0 1;
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;

  @media (width <=767px) {
    flex-basis: 80px;
  }

  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}

.ace-reviews__item-meta {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;

  @media (width <=767px) {
    gap: 12px;
  }
}

.ace-reviews__item-title {
  color: #333;
  font-family: var(--font-family-gothic);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.48px;

  @media (width <=767px) {
    font-size: 18px;
    letter-spacing: 0.36px;
  }
}

.ace-reviews__item-label {
  display: flex;
  align-items: center;
  gap: 16px;

  @media (width <=767px) {
    gap: 8px;
  }

  span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 4px 8px;
    border-radius: 8px;
    background-color: #42a03d;
    color: #fff;
    font-size: 16px;
    font-weight: 700;

    &:nth-of-type(even) {
      background-color: #156611;
    }

    @media (width <=767px) {
      padding: 3px 6px;
      font-size: 12px;
    }
  }
}

.ace-reviews__item-body {
  padding: 16px 32px;

  @media (width <=767px) {
    padding: 12px;
  }

  p {
    color: #fff;
    font-size: 20px;
    line-height: 1.7;

    @media (width <=767px) {
      font-size: 16px;
    }
  }
}

/* ========================================
b12 選ばれる4つの理由
======================================== */
.ace-reason__item {
  position: relative;
  padding: 50px 16px;
  border: solid 1px #ccc;
  border-radius: 16px;

  @media (width <=860px) {
    padding: 20px 5px;
  }

  @media (width >=860px) {
    display: flex;
    flex-direction: row-reverse;
    gap: 24px;
  }

  &:not(:last-of-type) {
    margin-block-end: 48px;

    @media (width <=860px) {
      margin-block-end: 16px;
    }
  }
}

.ace-reason__desc {
  flex: 1;
}

.ace-reason__title {
  color: #04aa3a;
  font-size: 28px;
  padding-block: 24px 8px;

  @media (width <=767px) {
    font-size: 20px;
    text-align: center;
  }

  b {
    color: #ff8400;
    font-size: 36px;

    @media (width <=767px) {
      font-size: 24px;
    }
  }
}

.ace-reason__image {
  flex: 1;

  img {
    border-radius: 16px;
  }
}

.ace-reason__point {
  display: inline-flex;
  position: absolute;
  top: 20px;
  left: 0;
  align-items: center;
  margin-inline-start: -10px;
  padding: 0 40px;
  border-radius: 0 3px 3px 0;
  background-color: #4caf50;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  white-space: nowrap;
  text-transform: uppercase;

  @media (width <=767px) {
    top: 10px;
    padding: 0 22px;
    font-size: 20px;
  }

  &::before {
    position: absolute;
    top: 100%;
    left: 0;
    content: "";
    border-top: 5px solid #166730;
    border-right: 0 solid transparent;
    border-left: 12px solid transparent;
  }
}

/* ========================================
b13 伐採の料金・相場（説明リスト＋アイコン画像・料金）
b20 伐採の料金・相場
======================================== */
.ace-desc-list__image {
  flex: 112px 1 0;

  @media (width <=767px) {
    text-align: center;

    img {
      width: 50svw;
    }
  }
}

.ace-desc-list__price {
  display: block;
  padding-block-start: 24px;
  font-size: 32px;
  font-weight: 700;
  text-align: center;

  @media (width <=767px) {
    font-size: 24px;
  }
}

/* ========================================
b14 伐採対応エリア（エリアリスト・対応都市）
b16 埼玉県の伐採対応エリア
b17 各県の伐採事例
b18 近隣エリアのお客様の声
======================================== */
.ace-section__area-list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 16px;

  >li {
    flex: 20% 0 0;
    list-style: none;

    @media (width <=767px) {
      flex: 33.3% 0 0;
    }

    a {
      transition: all 0.4s;
      color: #333;
      font-weight: 700;

      &:hover {
        opacity: .7;
        /* text-decoration: underline;
        text-underline-offset: 3px; */
      }

      &::before {
        display: inline-block;
        width: 7px;
        margin-inline-end: 7px;
        background-image: url("../images/icon-arrow-right-rounded.svg");
        background-size: contain;
        background-repeat: no-repeat;
        content: "";
        aspect-ratio: 5/11;
        flex-shrink: 0;
        translate: 0 3px;
      }
    }

    >span {
      font-size: 18px;
      font-weight: 700;

      @media (width <=767px) {
        font-size: 16px;
      }

      &::before {
        display: inline-block;
        width: 7px;
        margin-inline-end: 7px;
        background-image: url("../images/icon-arrow-right-rounded.svg");
        background-size: contain;
        background-repeat: no-repeat;
        content: "";
        aspect-ratio: 5/11;
        flex-shrink: 0;
        translate: 0 3px;
      }
    }
  }
}

.ace-title__bg-rouned {
  margin-block-end: 16px;
  padding: 8px 24px;
  border-radius: 8px;
  background-color: #42a03d;
  color: #fff;
  font-size: 20px;
  font-weight: 700;

  &:has(+.ace-section__area-list) {
    margin-block-start: 30px;
  }

  @media (width <=767px) {
    margin-block-end: 24px;
    padding: 16px;
    font-size: 16px;
  }
}

.ace-logging-area__city {
  &:not(:last-of-type) {
    padding-block-end: 40px;
  }
}

.ace-logging-area__notice {
  display: block;
  padding-block-start: 16px;
  font-size: 14px;
  font-weight: 400;
  text-align: right;

  @media (width <=767px) {
    font-size: 16px;
  }

}

.ace-logging-area__data {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.7;

  @media (width <=767px) {
    font-size: 15px;
  }

}

.ace-logging-area__note {
  padding-block-start: 40px;
  font-weight: 700;

  @media (width <=767px) {
    padding-block-start: 20px;
    font-size: 16px;
  }

  @media (width >=768px) {
    text-align: right;
  }

}

/* ========================================
b15 樹種別 伐採方法（スリムボックス）
======================================== */
.ace-box--slim {
  &[class="ace-box--slim"] {
    padding: 1rem 1.5rem;
  }

  &.--lg {
    @media (width >=768px) {
      padding: 0 1rem 1.5rem;
      font-weight: bold;
    }
  }
}

/* ========================================
b19 近隣エリアのお客様の声（説明リストテーブル）
======================================== */
.ace-desc__list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;

  a {
    color: inherit;
    color: #04aa3a;
    text-decoration: underline;
    /* text-underline-offset: 2px; */
    transition: all 0.4s;

    &:hover {
      opacity: .7;
      text-decoration: none;
    }
  }

  >dt,
  >dd {
    font-size: 16px;
    margin: 0;
  }

  >dt {
    flex: 160px 0 0;
    align-content: center;
    padding: 4px;
    border-radius: 8px;
    background-color: #42a03d;
    color: #fff;
    font-weight: 700;
    text-align: center;

    @media (width <=767px) {
      flex: 130px 0 0;
      font-size: 14px;
    }
  }

  >dd {
    flex: calc(100% - 160px) 0 0;
    padding-inline-start: 20px;
    align-content: center;
  }
}

.voice-breadcrumb__item::after {
  background-color: currentcolor;
  clip-path: polygon(45% 9%, 75% 51%, 45% 90%, 30% 90%, 60% 50%, 30% 10%);
  content: "";
  display: inline-block;
  height: 14px;
  opacity: 0.8;
  width: 14px;
  margin: 0 6px;
  transform: translateY(1.5px);
}

/* ========================================
b21 目次（TOC）
======================================== */
.ace-section__toc-title {
  color: #04aa3a;
  padding-block-end: 35px;
  font-size: 32px;

  @media (width <=767px) {
    padding-block-end: 23px;
    font-size: 24px;
  }
}

.ace-toc__list {
  >li {
    >.ace-toc__list-number {
      aspect-ratio: 1;
      padding-inline: 7px;
    }

    ~li:not(:has(ul)) {
      padding-block-start: 16px;

      @media (width <=767px) {
        /* padding-block-start: 10px; */
      }
    }

  }

  li {
    display: flex;
    align-items: center;
    column-gap: 8px;

    .ace-toc__list-number {
      flex: fit-content 0 0;
      border-radius: 4px;
      background-color: #04aa3a;
      color: #fff;
      font-size: 18px;
      font-weight: 500;
      text-align: center;

      @media (width <=767px) {
        font-size: 15px;
      }
    }

    &>ul {
      padding: 16px 0 0 1.2em;

      @media (width <=767px) {
        padding-block-start: 10px;
      }

      >li {
        &:not(:last-of-type) {
          padding-block-end: 16px;

          @media (width <=767px) {
            padding-block-end: 8px;
          }
        }

        >.ace-toc__list-number {
          padding: 0 10px;
          border-radius: 15px;
          font-size: 15px;
        }
      }

    }

    a {
      color: #333;
      font-size: 16px;
      font-weight: 500;
    }
  }
}

/* ========================================
b22 伐採料金・相場の目安は980円〜（相場表）
======================================== */
.ace-souba {
  @media (width >=768px) {
    padding-inline: 24px;
  }

  &:not(:last-of-type) {
    padding-block-end: 24px;
  }

}

.ace-souba__table {
  width: 100%;
  border: solid 1px #ccc;
  border-collapse: collapse;

  th,
  td {
    padding: 14px 10px;
    border: solid 1px #ccc;
    font-size: 20px;
    font-weight: 700;
    text-align: center;

    @media (width <=767px) {
      font-size: 16px;
      padding-block: 11px;
    }
  }

  th {
    width: 38.5%;
    background-color: #04aa3a;
    color: #fff;

    @media (width <=767px) {
      width: 45%;
    }
  }
}

/* ========================================
カテゴリーページ
======================================== */
.category .container {
  width: min(100%, 950px);
  padding: 40px;
  margin-inline: auto;

  @media (width <=767px) {
    width: auto;
    padding: 20px 15px;
  }
}

.category h1.c-pageTitle {
  color: #04aa3a;
  letter-spacing: 0.04em;
  text-align: center;
  margin-block-end: 35px;
  font-size: 32px;

  @media (width <=767px) {
    padding: 6px;
    font-size: 24px;
  }

  &::after {
    display: block;
    width: 72px;
    height: 3px;
    margin: 10px auto 0;
    border-radius: 3px;
    background-color: currentColor;
    content: "";
  }
}

.category #main_content {
  margin-inline: auto;
}

.category .p-termHead {
  margin-block: 10px 20px;
}

.category .l-container {
  padding-left: 0;
}

.category .ace-content__linkline {
  padding-block: 20px 40px;

  &>a {
    &::after {
      left: 6px;
    }
  }
}

.category-posts a,
.category-posts p {
  color: #333;
  font-size: 14px;
}

.category-posts h2.post-title {
  margin-bottom: 8px;
  font-size: 16px;
}

.category-posts {
  display: flex;
  gap: 30px 10px;
  flex-wrap: wrap;
  margin-bottom: 50px;

  @media (width <=950px) {
    gap: 30px 20px;
  }

  @media (width <=767px) {
    flex-direction: column;
    gap: 40px;
  }
}

.category-post-link {
  flex: 0 0 calc((100% - 20px) / 3);
  min-width: 0;

  @media (width <=950px) {
    flex: 0 0 calc((100% - 20px) / 2);
  }
}

.category-post-item {
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 3px 10px rgb(0 0 0 / 8%);
}

.category-post-item .post-content {
  padding: 14px 14px 18px;
  min-height: 214px;
  transition: all 0.4s;

  &:hover {
    opacity: 0.7;
  }

  @media (width <=950px) {
    min-height: 180px;
  }

  @media (width <=800px) {
    min-height: 190px;
  }

  @media (width <=767px) {
    min-height: auto;
  }
}

.post-thumbnail {
  width: 100%;
  overflow: hidden;

  img {
    width: 100%;
    height: auto;
    display: block;
    transition: all 0.6s;
    object-fit: cover;
    aspect-ratio: 3 / 2;

    &:hover {
      transform: scale(1.2);
    }
  }
}


/* ========================================
庭木伐採事例-投稿ページ
======================================== */
.single-post h1.ace-section__title.style1 {
  /* color: #04aa3a;
  letter-spacing: 0.04em;
  text-align: center;
  margin-block-end: 35px;
  font-size: 32px;
  display: inline-block; */
  margin: 0;
  background-color: rgb(47 162 66);
  color: #fff;
  font-size: 16px;
  text-align: center;
  padding-block: 7px;

  @media (width <=767px) {
    padding: 10px 6px;
    font-size: 18px;
  }

  &::after {
    display: block;
    width: 105%;
    height: 3px;
    border-radius: 3px;
    background-color: currentColor;
    content: "";
    margin-top: 15px;
    margin-inline: auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    display: none;
  }
}

.single-post .ace-content__section.style1 {
  border-bottom: 1px solid #ddd;
}

.single-post .style1 .ace-section__inner {
  text-align: center;
}

.single-post .style1 .ace-section__lead {
  padding-block-end: 0;
  text-align: left;
}

.single-post .breadcrumb-area {
  background-color: transparent;
}

.single-post .breadcrumb-area .p-breadcrumb__list {
  font-size: 11px;
}

.single-post .p-breadcrumb__item:last-child span {
  opacity: .8;
}

.single-post .breadcrumb-area .p-breadcrumb__text {
  color: #4d4d4d;
  font-size: 11px;
}

.single-post .breadcrumb-area .p-breadcrumb__item::after {
  background-color: #4d4d4d;
}

.p-postListWrap {
  width: min(100%, 950px);
  padding: 40px;
  margin-inline: auto;

  @media (width <=767px) {
    padding: 20px 15px;
  }
}

.p-postListWrap ul {
  display: flex;
  gap: 30px 10px;
  flex-wrap: wrap;

  @media (width <=950px) {
    gap: 30px 20px;
  }

  @media (width <=767px) {
    flex-direction: column;
    gap: 40px;
  }
}

.p-postListWrap ul li {
  flex: 0 0 calc((100% - 20px) / 3);
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 3px 10px rgb(0 0 0 / 8%);

  @media (width <=950px) {
    flex: 0 0 calc((100% - 20px) / 2);
  }
}

.p-postListWrap a,
.p-postListWrap p {
  color: #333;
}

:where(figure) {
  margin: 0;
}

.p-postList__thumb {
  position: relative;
}

.c-postThumb__figure {
  overflow: hidden;

  img {
    width: 100%;
    height: auto;
    display: block;
    transition: all 0.6s;
    object-fit: cover;
    aspect-ratio: 3 / 2;

    &:hover {
      transform: scale(1.2);
    }
  }
}

.p-postList__body {
  padding: 14px 14px 22px;
  transition: all 0.4s;

  &:hover {
    opacity: 0.7;
  }
}

.c-postThumb__cat {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: #42a03d;
  color: #fff;
  padding: 8px 14px;
  font-size: 12px;
  line-height: 1;
  border-radius: 0 0 12px 0;
}

.icon-folder:before {
  position: relative;
  display: inline-block;
  transform: translate(-3px, 1px);
}

.p-postList__excerpt {
  font-size: 14px;
}

/* ========================================
固定ページ／投稿リスト
======================================== */
section.ace-content__section.postlist {
  padding-block: 20px 0;
}

.postlist .ace-section__inner {
  padding: 40px 40px 0;

  @media (width <=767px) {
    padding: 20px 10px;
  }
}

.postlist .ace-section__lead {
  padding-block-end: 5px;
}

.swell-block-linkList__link {
  display: none;
}

.is-style-more_btn {
  text-align: center;
  padding-block-start: 50px;

  @media (width <=767px) {
    padding-block-start: 30px;
  }

  a {
    font-size: 14px;
    display: inline-flex;
    position: relative;
    align-items: center;
    gap: 10px;
    color: #04aa3a;
    font-weight: 700;
    line-height: 1;
    transition: all 0.4s;

    @media (width >=860px) {
      font-size: 18px;
    }

    &:hover {
      opacity: .7;
      /* text-decoration: underline; */
      text-underline-offset: 3px;
    }

    &:hover::before {
      opacity: .7;
    }

    &::after {
      top: 60%;
      left: 6px;
    }

    &::before {
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: var(--c-key);
      content: "";
      flex-shrink: 0;
      transition: all 0.4s;
      transform: translateY(2px);

      @media (width <=767px) {
        width: 18px;
        height: 18px;
      }
    }

    &::after {
      position: absolute;
      top: 60%;
      left: 5.5px;
      width: 6px;
      aspect-ratio: 1;
      transform: translateY(-50%) rotate(-45deg);
      border-right: 2px solid #fff;
      border-bottom: 2px solid #fff;
      content: "";

      @media (width <=767px) {
        top: 62%;
        left: 6.5px;
        width: 5px;
      }
    }
  }
}

.ace-section__footer {
  margin-bottom: 50px;

  .ace-content__linkline {
    padding-block-start: 20px;
  }
}

.p-postList__title {
  margin-bottom: 8px;
  font-size: 16px;
}

/* ========================================
b23 伐採の作業風景
======================================== */
#b23 .ace-case__body {
  @media (width <=767px) {
    padding: 23px 12px 15px;
  }
}

.scenery-items {
  display: flex;
  gap: 20px;
  width: min(calc(100% - 30px), 1000px);
  flex-wrap: wrap;
  margin-inline: auto;
  margin-bottom: 20px;

  @media (width <=767px) {
    flex-direction: column;
    width: auto;
    margin-bottom: 5px;
  }
}

.scenery-item {
  flex: 0 0 calc((100% - 20px) / 2);

  img {
    border-radius: 16px;
    object-fit: cover;
    aspect-ratio: 4 / 3;
  }

  figcaption {
    padding-block-start: 5px;
    color: #4d4d4d;
    text-align: center;

    @media (width <=767px) {
      font-size: 14px;
    }
  }

  @media (width <=767px) {
    flex: 0 0 calc((100% - 8px) / 2);
  }
}