/*# sourceMappingURL=add.css.map */
@charset "UTF-8";


.bg-fv {
    height: 515px;
}

.header-nav.change-color {
    background-color: #a3a349;
}


.mt-40 {
    margin-top: 40px;
}

.bg-section01 , .bg-section02, .bg-section03 , .bg-section06 , .bg-detail , .bg-company {
  min-height: auto;
  background-size: cover;
}

.max-width-350{
  max-width: 350px;
}
.max-width-600{
  max-width: 600px;
}

.btn-hover-blue:hover {
  background-color: #00BFD7 !important;
}

.btn-hover-blue {
  transition: 0.3s;
}

.bg_light_gray{
  background: #999999 !important;
}
.f12px {
    font-size: 12px !important;
}

th {
  vertical-align: middle;
}


.bg-section05 {
  background-image: url(../../assets/img/section05_bg.png);
  position: relative;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
@supports (background-image: url(../../assets/img/section05_bg.webp)) {
  .bg-section05 {
    background-image: url(../../assets/img/section05_bg.webp);
  }
}

.bg-detail {
    background-position: bottom center;
}


.bg_triangle {
  position: relative;
}

.bg_triangle::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -20px; /* はみ出させる */
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-top: 20px solid #999999; /* ▼の色 */
  z-index: 10;
}

.black-title {
  position: relative;
  text-align: center;
}

/* 下中央の三角 ▼ */
.black-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #000; /* 黒 */
  z-index: 2;
}

.top-15{
  top: 15px;
}
.top-p20{
  top: -20px !important;
}



.border-bottom-black-solid {
  border-bottom: 1px solid #000000;
}

.bg_gray {
  background-color: #707070 !important;
}

.gray {
  color: #CCCCCC !important;
}

/* * {
  outline: 2px solid blue;
} */


.arrow-cut {
  clip-path: polygon(
    0 0,
    calc(100% - 24px) 0,
    100% 50%,
    calc(100% - 24px) 100%,
    0 100%
  );
}

.corner-cut {
  clip-path: polygon(
    0 0,
    100% 0,
    100% calc(100% - 45px),
    calc(100% - 45px) 100%,
    0 100%
  );
}

.corner-cut_02 {
  clip-path: polygon(
    0 0,
    100% 0,
    100% calc(100% - 15px),
    calc(100% - 15px) 100%,
    0 100%
  );
}


.gradation_black {
  background-image: linear-gradient(90deg, #777171, #222222);
}

/* テーブル */
.th-empty {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
}

.table-responsive table {
  border-collapse: separate;
  border-spacing: 0;
}

/* thead 左2マスを消す */
th.th-empty {
  background: transparent !important;
  border-top: none !important;
  border-left: none !important;
  border-bottom: none !important;
}


@media (max-width: 991px) {

  .table-responsive {
    overflow-x: auto;
  }

  .table-responsive table {
    border-collapse: separate;
    border-spacing: 0;
  }

  /* ① 縦書きカテゴリ列 */
  .table-responsive td[style*="background: #5f6062"] {
    position: sticky;
    left: 0;
    z-index: 3;
  }

  /* ② 項目名列（必ずズラす） */
  .table-responsive td[style*="background: #f3f3f3"] {
    position: sticky;
    left: 50px; /* ← ここが肝 */
    z-index: 2;
  }

}