@charset "utf-8";
.box .detail_block {
  width: 100%;
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid #dedede;
}
.cate2 .boxwrap .box .detail_block .txtbox {
  width: 100%;
}
/* 見出し行 */
.box .ttl_row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}
.box .ttl_icon {
  width: 8px;
  height: 8px;
  background: #ff3b30;
  flex-shrink: 0;
}
.box .ttl_txt {
  margin: 0;
  font-weight: 700;
}
/* detail_block内の文章エリア */
.box .detail_block .txtbox {
  padding-left: 10px;
}
/* 箇条書き */
.box .list_item {
  position: relative;
  padding-left: 12px;
  margin-bottom: 10px;
}
.box .list_item::before {
  content: "";
  width: 4px;
  height: 4px;
  background: #333;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
}
.box .list_item p {
  margin: 0;
  line-height: 1.9;
}
/* =========================
  比較表
========================= */
.box .compare_wrap {
  margin-top: 10px;
}
.box .compare_row {
  display: flex;
  justify-content: space-between;
  gap: 100px;
  margin-top: 16px;
}
.box .compare_item {
  width: 48%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.box .compare_label p {
  margin: 0;
}
/* 星（文字） */
.box .compare_star {
  display: flex;
  align-items: center;
  gap: 2px;
}
.box .compare_star p {
  font-size: 30px;
}
.box .star_on {
  margin: 0;
  color: #ff3b30;
}
.box .star_off {
  margin: 0;
  color: #d9d9d9;
}
/* =========================
  レスポンシブ
========================= */
@media screen and (max-width: 768px) {
  .box .compare_row {
    flex-direction: column;
    gap: 12px;
  }
  .box .compare_item {
    width: 100%;
  }
}

.cate2 .boxwrap {
  gap: 80px;
}
.cate2 .boxwrap .box {
  width: 100%;
  gap: 0px 50px;
}
.cate2 .boxwrap .box:nth-of-type(even) {
  flex-direction: row-reverse;
}
.cate2 .boxwrap .box .imgbox {
  width: calc(40% - 50px /2);
}
.cate2 .boxwrap .box .txtbox {
  width: calc(60% - 50px /2);
}
.cate2 .boxwrap .box .txtbox .num {
  justify-content: flex-start;
  margin-bottom: 10px;
  gap: 10px;
}
.cate2 .boxwrap .box .num .en_title {
  font-size: clamp(30px, 4vw, 38px);
}
.cate2 .boxwrap .box .txtbox .num p {
  color: #F35122;
}
.cate2 .boxwrap .box .txtbox h3 {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #C4C4C4;
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px) {}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px) {
  .news_d .cate-wrap {
    top: 0px;
  }
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px) {
  .cate2 .boxwrap .box .imgbox {
    width: 100%;
    max-width: 400px;
  }
  .cate2 .boxwrap .box .txtbox {
    width: 100%;
    max-width: 600px;
  }
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px) {
  .box .list_item::before {
    content: "";
    width: 4px;
    height: 4px;
    background: #333;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0.9em;
  }
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px) {}