@charset "UTF-8";
/*----------------------------------------
  clearfix
----------------------------------------*/
/*----------------------------------------
  不動産保有会社設立サポート
----------------------------------------*/

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

@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 {
    margin-top: 0;
  }
  .m-hero-type1__probrem .bubble {
    width: 345px;
  }
}

/*こんな方におすすめ
-----------------------------*/
.p-recommend {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  max-width: 704px;
  margin: 0 auto;
}
.p-recommend__item {
  width: 50%;
  max-width: 168px;
  margin-top: 40px;
  padding: 0 15px;
  text-align: center;
}
.p-recommend__txt {
  margin-top: 10px;
}
@media screen and (min-width: 769px), print {
  .p-recommend {
    justify-content: space-between;
    margin-top: 20px;
  }
  .p-recommend__item {
    margin-top: 0;
  }
}


/*相談事例
-----------------------------*/
.p-case {
  max-width: 904px;
  margin: 0 auto;
}

.p-case__item {
  margin-bottom: 60px;
  padding: 40px 15px;
  background: #ffffff;
  border-radius: 15px;
}

.p-case__illust {
  width: 126px;
  margin: 0 auto;
}

.p-case__body .ttl {
  margin-top: 20px;
  color: #000000;
  font-size: 1.25em;
  font-weight: bold;
}

.p-case__body .ttl .label {
  display: block;
  width: 5em;
  margin: 10px auto 0px auto;
  border-radius: 20px;
  background: var(--proBlue_light2);
  color: var(--proBlue);
  font-size: 0.7em;
}

.p-case__body .txt {
  margin-top: 10px;
  color: #000000;
  text-align: left;
}

/*PC*/
@media screen and (min-width: 769px), print {
  .p-case__item {
    display: flex;
    margin-bottom: 80px;
    padding: 40px;
    border-radius: 20px;
    border: 4px solid #ffffff;
  }
  .p-case__illust {
    flex-shrink: 0;
    width: 168px;
  }
  .p-case__body {
    width: 616px;
    margin-left: 40px;
    text-align: left;
  }
  .p-case__body .ttl {
    margin-top: 0;
    font-size: 1.33333em;
  }
  .p-case__body .ttl .label {
    display: inline-block;
    margin-left: 10px;
    text-align: center;
  }
}

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

.p-features__logo {
  width: 69.56%;
  max-width: 400px;
  margin: 0 auto;
}

.p-features__ttl {
  margin-top: 80px;
}

.p-features__list {
  margin-top: 80px;
}

.p-features__list .inner {
  display: flex;
  align-items: center;
  margin-top: 20px;
  border: 2px solid var(--proBlue);
  border-radius: 15px;
  padding: 40px;
  text-align: left;
}

.p-features__list .num {
  margin-right: 7vw;
  color: var(--proBlue);
  font-size: 100px;
  font-size: 10rem;
  font-family: din-2014, sans-serif;
  font-weight: 600;
  line-height: 1;
}


/*PC*/
@media screen and (min-width: 769px), print {
  .p-features__list .inner {
    padding: 25px 30px;
    border: 4px solid var(--proBlue);
    border-radius: 20px;
  }
  .p-features__list .num {
    margin-right: 26px;
  }
  .p-features__list p {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

/* メリット・デメリット
-----------------------------*/
/*枠*/
.p-summary {
  max-width: 904px;
  margin: 0 auto;
}

.p-summary__item {
  position: relative;
  padding: 40px 0;
}

.c-ttl_2 + .p-summary__item {
  margin-top: 20px;
}
.p-summary__line {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: url(/assets/materials/baikyaku-souzoku-dot01_230331.svg) left bottom repeat-x;
}

/*.ie .p-summary__line {
  background: url(/assets/images/original/baikyaku-souzoku-dot01_230331.png) left bottom repeat-x;
  background-size: auto 100%;
}*/

/*メリット・デメリットパーツ*/
.p-merit__ttl {
  width: 120px;
  margin: 0 auto;
}
.p-demerit__ttl {
  width: 140px;
  margin: 0 auto;
}

.p-merit__list,
.p-demerit__list {
  margin-top: 10px;
  text-align: left;
}
.p-merit__list li,
.p-demerit__list li {
  display: flex;
  margin-top: 10px;
}
.p-merit__list li::before,
.p-demerit__list li::before {
  content: "●";
  display: inline-block;
  margin-right: 10px;
  flex-shrink: 0;
}
.p-merit__list li::before {
  color: var(--gold);
}
.p-demerit__list li::before {
  color: var(--proBlue);
}

/*PC*/
@media screen and (min-width: 769px), print {
  .p-summary__line {
    height: 4px;
  }
  .p-summary__item {
    display: flex;
    align-items: center;
  }
  .p-merit__ttl {
    width: 180px;
  }
  .p-demerit__ttl {
    width: 208px;
  }
}

/* 個人・法人の税率比較
-----------------------------*/
.p-tax__body {
  max-width: 720px;
  margin: 60px auto 0;
  text-align: left;
}
.p-tax-section {
  max-width: 904px;
  margin: 60px auto 0;
  text-align: left;
}
.p-tax-section__ttl {
  margin-top: 60px;
  color: var(--proBlue);
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: bold;
}
.p-tax-table_kojin {
  width: 904px;
  table-layout: auto;
}
.p-tax-table_kojin ._col1 {
  width: 170px;/*課税所得金額*/
}
.p-tax-table_kojin ._col2 {
  width: 90px;/*所得税率*/
}
.p-tax-table_kojin ._col3 {
  width: 170px;/*所得税控除額*/
}
.p-tax-table_kojin ._col4 {
  width: 90px;/*住民税率*/
}
.p-tax-table_kojin ._col5 {
  width: 110px;/*住民税控除額*/
}
.p-tax-table_kojin ._col6 {
  width: 108px;/*合計税率*/
}
.p-tax-table_kojin ._col7 {
  width: 168px;/*合計控除額*/
}
.p-tax-table_houjin {
  width: 100%;
}

/*PC*/
@media screen and (min-width: 769px), print {
  .p-tax__body {
    text-align: center;
  }
}

/* 東急リバブルが全力サポート
-----------------------------*/
.p-support {
  max-width: 720px;
  margin: auto;
}
.p-support__body {
  margin-top: 36px;
  text-align: left;
}
.p-support__ill {
  margin-top: 36px;
  width: 50%;
  margin: 0 0 0 auto;
}

/*PC*/
@media screen and (min-width: 769px), print {
  .p-support__body {
    display: flex;
  }
  .p-support__ill {
    width: 260px;
    margin: 0 0 0 60px;
  }
}