@charset "UTF-8";
/*----------------------------------------
	clearfix
----------------------------------------*/
/*----------------------------------------
	相続税立替払サービス
----------------------------------------*/
/* ヒーローエリア
-----------------------------*/
.p-hero__ttl img {
  width: 184px;
}
.p-hero .illust {
  width: 31.4%;
  bottom: -60px;
}

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

/* こんな方にお勧め
-----------------------------*/
.m-user .illust {
  width: 55%;
  margin-top: 10px;
}
@media screen and (min-width: 769px), print {
  .m-user__body {
    display: block;
  }
  .m-user__body .c-list__disc01 {
    white-space: nowrap;
  }
  .m-user .illust {
    width: 226px;
    margin-top: -40px;
  }
}

/* サービスの特長
-----------------------------*/
.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-service-case {
  margin-top: 60px;
}

.p-service-case__ttl {
  padding: 5px 15px;
  border-radius: 20px;
  background: var(--proBlue);
  color: #ffffff;
  font-size: 1.25em;
  font-family: fot-tsukuardgothic-std, sans-serif;
  line-height: 1.5;
}

.ie .p-service-case__ttl {
  padding-top: 10px;
  padding-bottom: 2px;
}

.p-service-case__txt {
  margin-top: 40px;
  text-align: left;
}

.p-service-case__fig {
  margin-top: 40px !important;
  text-align: left;
}

/*PC*/
@media screen and (min-width: 769px), print {
  .p-service-case {
    margin-top: 80px;
  }
  .p-service-case__ttl {
    font-size: 24px;
    font-size: 2.4rem;
    border-radius: 24px;
  }
}

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

.p-flow__fig {
  margin-top: 60px !important;
}

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