@charset "UTF-8";
/*----------------------------------------
  clearfix
----------------------------------------*/
/*----------------------------------------
  家族信託組成サービス
----------------------------------------*/

/*ヒーローエリア
-----------------------------*/
.l-hero {
  padding-bottom: 16px;
}
.m-hero {
  padding-bottom: 40px;
}
.m-hero-type1__body .illust01 {
  width: 35%;
}
.m-hero-type1__body .illust02 {
  width: 42%;
}

@media screen and (min-width: 769px), print {
  .l-hero {
    padding-bottom: 60px;
  }
  .m-hero-type1__body {
    margin-top: 0;
    align-items: flex-end;
  }
  .m-hero-type1__body .illust01 {
    flex-grow: 1;
  }
  .m-hero-type1__body .illust02 {
    flex-grow: 1;
    width: 32%;
  }
  .m-hero-type1__probrem .bubble {
    width: 345px;
  }
}

/*家族信託と後見人制度の比較
-----------------------------*/
.p-comparison-table__wrap {
  overflow-x: auto;
  padding-bottom: 20px;
}
.p-comparison-table__wrap::-webkit-scrollbar{
  width: 8px;
  height: 8px;
}
.p-comparison-table__wrap::-webkit-scrollbar-track{
  background-color: #ddd;
}
.p-comparison-table__wrap::-webkit-scrollbar-thumb{
  background-color: var(--proBlue);
}
@media (max-width: 900px) {
  .p-comparison-table__wrap {
    margin-right: -16px;
  }
}
.p-comparison-table {
  width: 900px;
  margin: auto;
  border-collapse: collapse;
}
.p-comparison-table__th {
  padding: 15px;
  background-color: var(--proBlue);
  color: #fff;
  font-size: 20px;
  font-size: 2.0rem;
  line-height: 1;
}
.p-comparison-table__th:nth-child(2) {
  width: 260px;
}
.p-comparison-table__th:nth-child(3) {
  width: 359px;
  border-left: 1px solid #fff;
}

.p-comparison-table tbody th,
.p-comparison-table tbody td {
  padding: 10px 20px;
  border: 1px solid #707070;
  vertical-align: middle;
  line-height: 1.44;
}
.p-comparison-table tbody th {
  width: 280px;
  text-align: left;
  font-weight: 500;
}
.p-comparison-table tbody td:nth-child(2) {
  background-color: #DCE2E6;
}
.p-comparison-table__mark {
  width: 46px;
  height: 46px;
  margin: auto;
}
.p-comparison-table__text span {
  font-size: 24px;
  font-size: 2.4rem;
}



/*解決策
-----------------------------*/
.p-solution {
  margin-top: 60px;
}
.p-solution__ttl {
  max-width: 424px;
  margin: auto;
  border-radius: 50px;
  background-color: var(--proBlue_light2);
  color: var(--proBlue);
}
.p-solution__fig {
  margin-top: 40px !important;
}
.p-solution__body {
  margin-top: 40px;
}
.p-solution__body .txt {
  text-align: left;
}
.p-solution__body .illust {
  width: 140px;
  margin-top: 20px;
  margin-left: auto;
}
@media screen and (min-width: 769px),print {
  .p-solution {
    margin-top: 160px;
  }
  .p-solution__fig {
    margin-top: 80px !important;
  }
  .p-solution__body {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
  }
  .p-solution__body .txt {
    width: 444px;
  }
  .p-solution__body .illust {
    width: 204px;
    margin: 0;
  }
}

/*サービスの流れ
-----------------------------*/
.m-flow__fig_note {
  width: 67%;
  margin-left: auto;
  margin-top: 20px;
  text-align: right;
}