@charset "utf-8";
/* CSS Document */
.numbox {
  justify-content: flex-start;
  gap: 10px;
}
.numbox .pointlabel {
  background-color: #3C533F;
  color: #fff;
  padding: 1px 8px;
  font-size: 16px;
}
.numbox .num1 {
  font-size: 45px;
  color: #3C533F;
  font-weight: 500;
}
.cate3 {
  flex-direction: column;
}
.cate3 .titlebox {
  margin-bottom: 40px;
}
.cate3 .more1 {
  margin: 40px auto 0 0;
}
.cate3 .column2_c {
  margin-bottom: 80px;
}
.titleboxwrap1 .dot1 {
  position: relative;
  padding-left: 1.6em;
  margin-bottom: 4px;
}
.titleboxwrap1 .dot1::before {
  content: "●";
  position: relative;
  left: -8px;
  font-size: 0.5em;
  color: #A89778;
}
.titleboxwrap1 {
  align-items: flex-start;
  gap: 30px;
  padding-bottom: 50px;
  border-bottom: 1px solid #DDDDDD;
  width: 1280px;
}
.titleboxwrap1 .titlebox3 {
  flex: 0 0 220px;
}
.titleboxwrap1 .txtbox {
  flex: 1 1 auto;
  min-width: 0;
}
.titleboxwrap1 .titlebox3 .title {
  margin-bottom: 30px;
}
.cate1 .txtbox {
  padding-bottom: 150px;
}
.cate1 .boxwrap {
  align-items: flex-start;
}
.cate1 .imgboxwrap {
        max-width: 800px;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
/* 1枚目：大きい画像（右側・幅70%） */
.cate1 .imgboxwrap .imgbox:first-child {
  width: 70%; /* ← ここを 70% に */
}
.cate1 .imgboxwrap .imgbox:first-child img {
  display: block;
  width: 100%;
  height: auto;
}
/* 2枚目：左に寄せて重ねる */
.cate1 .imgboxwrap .imgbox:last-child {
  position: absolute;
  bottom: -28%; /* 好きに調整 */
  left: 0; /* 左端から */
  width: 45%; /* 1枚目より少し小さめ */
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.18);
}
.cate1 .imgboxwrap .imgbox:last-child img {
  display: block;
  width: 100%;
  height: auto;
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px) {}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px) {
  .cate1 .imgboxwrap {
    max-width: 600px;
  }
  .cate1 .boxwrap {
    flex-direction: column;
    align-items: center;
    gap: clamp(100px, 30vw, 150px);
  }
  .titleboxwrap1 {
    flex-direction: column; /* 上下に積む */
    align-items: flex-start;
    gap: 10px;
  }
  .titleboxwrap1 .titlebox3 {
    flex: 0 0 auto; /* 固定幅を解除 */
    width: 100%; /* 必要なら全幅に */
    margin-bottom: 16px;
  }
  .titleboxwrap1 .txtbox {
    flex: 0 1 auto;
    width: 100%;
    max-width: none; /* もし max-width 指定していたら解除 */
  }
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px) {}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px) {}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px) {}