@charset "UTF-8";
/*----------------------------------------
	clearfix
----------------------------------------*/
/*----------------------------------------
	相続登記サービス
----------------------------------------*/
/* ヒーローエリア
-----------------------------*/
.p-hero__ttl img {
  width: 184px;
}

/*PC*/
@media screen and (min-width: 769px), print {
  .l-hero {
    padding-bottom: 60px;
  }
  .p-hero__ttl img {
    width: 286px;
  }
  .m-hero-type2__task .illust {
    bottom: -40px;
  }
}

/* こんな方にお勧め
-----------------------------*/
@media screen and (min-width: 769px), print {
  .m-user__body .c-list__disc01 {
    white-space: nowrap;
  }
}

/* サービスの内容
-----------------------------*/
.p-service {
  max-width: 720px;
  margin: 0 auto;
}

.p-service__body {
  margin-top: 50px;
}

.p-service__body .txt {
  text-align: left;
  font-weight: bold;
}

.p-service__body .c-txt__note {
  margin-top: 10px;
}

.p-service__body .illust {
  margin-top: 20px;
  text-align: right;
}

/*PC*/
@media screen and (min-width: 769px), print {
  .p-service__body {
    display: flex;
    justify-content: space-between;
  }
  .p-service__body .c-list__check01 li {
    font-size: 20px;
    font-size: 2rem;
  }
  #animation_container0 {
    width: 480px;
  }
}


/* サービスの流れ
-----------------------------*/
.p-flow__fig {
  margin-top: 60px !important;
}

/*PC*/
@media screen and (min-width: 769px), print {
  .p-flow {
    margin-top: 80px !important;
  }
}

/* 法定相続情報一覧図
-----------------------------*/
.p-sample {
  max-width: 904px;
  margin: 120px auto;
  padding: 40px 15px;
  border: 2px solid var(--proBlue);
  border-radius: 15px;
}

.p-sample .c-txt__lead {
  margin-top: 20px;
  text-align: left;
}

.p-sample__fig {
  width: 90%;
  max-width: 400px;
  margin: 40px auto 0 !important;
}

/*PC*/
@media screen and (min-width: 769px), print {
  .p-sample {
    padding: 80px 40px 80px 40px;
    border: 4px solid var(--proBlue);
    border-radius: 48px;
  }
}

/* サービスの特長
-----------------------------*/
.p-feature {
  max-width: 904px;
  margin: 0 auto;
}

.p-feature .c-ttl_2 {
  margin-bottom: 60px;
  margin-bottom: calc(60px - 0.3em);
}

.p-feature__item {
  margin-top: 40px;
  padding: 40px 15px;
  border: 2px solid var(--proBlue);
  border-radius: 15px;
  text-align: left;
}

.p-featrue__txt-main {
  color: var(--proBlue);
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
}

/*PC*/
@media screen and (min-width: 769px), print {
  .p-feature .c-ttl_2 {
    margin-bottom: 80px;
    margin-bottom: calc(80px - 0.3em);
  }
  .p-feature__item {
    margin-top: 20px;
    padding: 40px;
    border: 4px solid var(--proBlue);
  }
  .p-featrue__txt-main {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 0.1em;
  }
}