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

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

/* テーブルの暴走止める */
.section13-info {
  width: 100%;
  table-layout: fixed; /* ←これが一番重要 */
}

/* 折り返し強制 */
.section13-info th,
.section13-info td {
  word-break: break-word;
  overflow-wrap: anywhere;
}

/* URLも折る */
.section13-info__link {
  word-break: break-all;
}

/* スマホだけ調整 */
@media (max-width: 576px) {
  .section13-info__label {
    white-space: normal; /* ←これ重要（nowrap解除） */
    min-width: auto;
  }
}

.section01-intro__title {
    font-size: 3.25rem;
}
@media screen and (max-width: 991px) {
    .section01-intro__title {
        font-size: 2.1rem;
        line-height: 1.35;
    }
}

.section01-intro__label {
    font-size: 1.5rem;
}
.section01-intro__body {
    padding: 0px;
}
.section01-intro__body p {
    font-size: 1rem;
}
@media screen and (max-width: 991px) {
  .section01-intro__label {
      font-size: 1rem;
  }
}
.section01-intro__card {
    margin-top: 6px;
}
.company-card {
    border-radius: 0px;
}
.card-head {
    padding: 10px;
}
.card-head {
  position: relative;
  overflow: visible;
  text-align: center;
}

.card-head::after {
  content: "";
  position: absolute;
  bottom: -19px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #a88b55;
  z-index: 10;
}
.company-card {
  overflow: visible;
}
.company-name {
    margin-bottom: 10px;
}
.catch {
    border-bottom: 0px solid #ccc;
    margin-bottom: 0;
}


.hover-accent {
  transition: all 0.3s ease;
}

.hover-accent:hover {
  background-color: #04AFAC !important;
  border-color: #04AFAC !important;
  color: #fff !important;
}

.company-name-line {
  border-top: 1px solid #896B33;
  border-bottom: 1px solid #896B33;
  padding: 10px 0;
  margin: 10px 0;
  height: 80px;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.company-name-line-02 {
  line-height: 55px;
}

.source a {
  color: #222;
  text-decoration: underline;
}

.bg-btn-red{
  background-color: #D8012B !important;
}
.bg-btn-blue{
  background-color: #0D48B7 !important;
}
.bg-light-gray{
  background-color: #F2F2F2 !important;
}
.bg-light-blue{
  background-color: #D4DEEE !important;
}
.bg-light-blue-02{
  background-color: #CFD5E1 !important;
}
.section12 {
    background: #CFD5E1;
}

.section09 {
    padding: 0;
}
.section08 {
    background: #F2F2F2;
}

.compare-head::after {
  content: "";
  position: absolute;
  bottom: -18px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 10px;
  border-style: solid;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #1D3F78;
  z-index: 10;
}

.section03 {
    background: #E3E9F1;
}
@media (min-width: 992px) {

  .check-list.caution {
    min-height: 240px; /* ←ここ調整 */
  }
}

.text-shadow-black-6 {
  text-shadow:
    1px 1px 2px #000,
   -1px 1px 2px #000,
    1px -1px 2px #000,
   -1px -1px 2px #000,
    0px 1px 2px #000,
    0px -1px 2px #000;
}

.section05__label {
    font-size: 30px;
}
.section05__title {
    font-weight: 700;
}

.section05-card_head {
  background-color: #04AFAC;
  color: #fff;
  padding: 10px 40px 10px 20px;
  display: inline-block;

  /* 右側 逆斜め */
  clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
}


.section05-card__body {
    padding: 30px 10px 30px;
}
@media screen and (min-width: 992px){
  .section05-card__body {
    padding: 30px 20px 36px;
  }
}

.section05__title {
    font-size: 36px;
}
.section06__title {
    font-size: 36px;
}
.section06__title_nb{
    font-size: 40px;
}
.section15__title-accent{
  font-size: 36px;
}
.section15__title {
    font-size: 24px;
}
@media screen and (min-width: 992px){
  .section05__title {
    font-size: 60px;
}
  .section06__title {
    font-size: 50px;
}
  .section06__title_nb{
    font-size: 60px;
}
}

.section15__category-bar {
    background: #04AFAC;
}

.section07 {
    background: linear-gradient(180deg, #1D3F78 0%, #1D3F78 40%, #ffffff 40%, #ffffff 100%);
    width: 100%;
}
.section07__text p {
    color: #222;
}
  .section07__heading-main{
    color: #000;
  }

@media (min-width: 992px) {

  .section07 {
    background: linear-gradient(
      180deg,
      #1D3F78 0%,
      #1D3F78 40%,
      #ffffff 40%,
      #ffffff 100%
    );
    width: 100%;
  }
  .section07__heading-main{
    color: #fff;
    font-size: 4rem;
  }

    .section07__text p {
      color: #222;
    }
}

.mb-3rem {
  margin-bottom: 3rem !important;
}


.cta-link {
  position: relative;
  width: 100%;
  max-width: 438px;
  margin: 0 auto;

  min-height: 80px;
  padding: 16px 24px; /* ← 左右そろえる */

  border-radius: 10px;
  line-height: 1.4;

  display: flex;
  align-items: center;
  justify-content: center;

  text-align: center;

  box-shadow: inset -5px -5px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
}

/* .section07__source a {
    color: #111;
} */
/* スマホ */
@media (max-width: 991px) {
  .cta-link {
    min-height: 72px;
    padding: 14px 20px;
  }
  /* .section07__source{
    color: #fff;
  } */
  /* .section07__source a {
    color: #fff;
} */
}

/* 中のテキストも強制中央 */
.cta-link__label {
  width: 100%;
  text-align: center;
}

.section10-review__headline {
  position: relative;
  padding-left: 20px; /* 線の分余白 */
}

.section10-review__headline::before {
  content: "";
  position: absolute;
  left: 0;
  top: -25px;
  width: 2px;
  height: 50px;
  background-color: #04AFAC;
}


.section13-info {
  border-collapse: collapse !important;
  width: 100%;
}

/* 背景完全削除 */
.section13-info th,
.section13-info td {
  background: transparent !important;
  border: none !important;
  padding: 12px 0;
  vertical-align: top;
}

/* 横線はセルに直接つける ←これが重要 */
.section13-info tr th,
.section13-info tr td {
  border-top: 1px solid #ccc !important;
}

/* 一番下にも線 */
.section13-info tr:last-child th,
.section13-info tr:last-child td {
  border-bottom: 1px solid #ccc !important;
}
.section13-info__label {
  width: 90px;       /* ←ここで調整 */
  white-space: nowrap;
}


#headingSubsidy02 button {
  background-color: #fff !important;
  color: #1D3F78 !important;
  border: 1px solid #1D3F78 !important;
}

/* 背景白＋青枠 */
#headingSubsidy02 button {
  background-color: #fff !important;
  color: #1D3F78 !important;
  border: 1px solid #1D3F78 !important;
  position: relative;
}

/* ホバー */
#headingSubsidy02 button:hover {
  background-color: #1D3F78 !important;
  color: #fff !important;
}

/* 画像アイコン消す */
#headingSubsidy02 picture {
  display: none;
}

/* ＋アイコン */
#headingSubsidy02 button::after {
  content: "+";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  font-weight: bold;
  color: #1D3F78;
  transition: 0.3s;
}

/* 開いたら − */
#headingSubsidy02 button:not(.collapsed)::after {
  content: "−";
}

/* ホバー時アイコン白 */
#headingSubsidy02 button:hover::after {
  color: #fff;
}





.section02 {
  background: #fff;
}

@media (min-width: 992px){
  .section03-title {
      font-size: 48px;
      font-weight: bold;
  }
}

@media (min-width: 992px) {
    .section07_bg_linear {
        background: linear-gradient(180deg, #1D3F78 0%, #1D3F78 45%, #ffffff 45%, #ffffff 100%);
        width: 100%;
    }
}


/* .check-list li::before {
    content: "▯";
    position: absolute;
    left: 0;
    top: 2px;
    color: #04AFAC;
    font-weight: bold;
} */

.check-list {
  list-style: none;
  padding-left: 30px;
}

.check-list li {
  position: relative;
  margin-bottom: 10px;
}

/* 共通：アイコン表示 */
.check-list li::before {
  content: "";
  position: absolute;
  left: -30px;
  top: 4px;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
}

/* ===== メリット ===== */
.check-list.merit li::before {
  background-image: url("../../assets/img/icon_check01.png");
}

/* WebP対応 */
@supports (background-image: url("image.webp")) {
  .check-list.merit li::before {
    background-image: url("../../assets/img/icon_check01.webp");
  }
}

/* ===== 注意点 ===== */
.check-list.caution_02 li::before {
  background-image: url("../../assets/img/icon_check02.png");
}

/* WebP対応 */
@supports (background-image: url("image.webp")) {
  .check-list.caution_02 li::before {
    background-image: url("../../assets/img/icon_check02.webp");
  }
}

@media (min-width: 992px) {
    .check-list {
      list-style: none;
      padding-left: 30px;
      height: 240px;
    }
}