@charset "UTF-8";
:root {
  --color-black: #222222;
  --color-white: #ffffff;
  --color-gray: #595757;
  --color-lightgray: #E6F0F0;
  --color-primary: #004F99;
  --color-secondary: #008A3B;
  --color-blue: #178FD9;
  --color-lightblue: #EBF2F4;
  --color-lightblue2: #D9E8EC;
  --color-navy: #2F2A7F;
  --color-lightnavy: #EBEBF4;
  --color-green: #258346;
  --color-yellowgreen: #579900;
  --color-lightyellowgreen: #EAF0E2;
  --color-orange: #E97406;
  --color-purple: #774B91;
  --color-enji: #842640;
  --color-lightenji: #F2ECEC;
  --color-pink: #AC4683;
  --color-lightpink: #F2ECF0;
  --color-gold: #A99500;
  --color-border: #DFEAED;
  --color-bg: #F4F4F4;
}

/*----------------------------------------

	news CSS

-----------------------------------------*/
/*----------------------------------------
	common
-----------------------------------------*/
.wrapper {
  overflow: hidden;
}

.content {
  background: var(--color-white);
}
.content > .breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 20rem 120rem 40rem;
  background: var(--color-white);
}
@media screen and (max-width: 959px ) {
  .content > .breadcrumb {
    padding: 15rem 20rem 30rem;
  }
}
.content.detail > .breadcrumb {
  padding-bottom: 100rem;
}
@media screen and (max-width: 959px ) {
  .content.detail > .breadcrumb {
    padding-bottom: 45rem;
  }
}

.tag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 26rem;
  padding: 5rem 14rem;
  border-radius: 60rem;
  color: var(--color-white);
  font-size: 11rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.3;
}
@media screen and (max-width: 959px ) {
  .tag {
    min-height: 22rem;
    padding: 5rem 10rem;
    font-size: 10rem;
  }
}
.tag--new { /* NEW */
  background: var(--color-orange);
  font-style: normal;
}
.tag--info { /* お知らせ */
  background: var(--color-primary);
}
.tag--event { /* セミナー・イベント */
  background: var(--color-gold);
}
.tag--buy { /* 売買 */
  background: var(--color-navy);
}
.tag--asset { /* 資産相談 */
  background: var(--color-yellowgreen);
}
.tag--cre { /* 法人向けソリューション */
  background: var(--color-pink);
}
.tag--rent { /* 賃貸募集・仲介 */
  background: var(--color-blue);
}
.tag--management { /* 賃貸管理 */
  background: var(--color-enji);
}
.tag--resale { /* 売買・買取再販 */
  background: var(--color-secondary);
}
.tag--maintenance { /* 改修工事・メンテナンス */
  background: #60708A;
}

/*----------------------------------------
	News トップ
-----------------------------------------*/
.news {
  padding: 40rem 240rem 140rem;
  background: var(--color-white);
}
@media screen and (max-width: 959px ) {
  .news {
    padding: 20rem 20rem 80rem;
  }
}
.news__list {
  max-width: 1440rem;
  margin-inline: auto;
}
.news__list li {
  border-bottom: 1rem solid var(--color-border);
}
.news__list a {
  display: block;
  padding: 28rem 0;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media screen and (max-width: 959px ) {
  .news__list a {
    display: block;
    min-height: 0;
    padding: 24rem 0;
  }
}
.news__list a:hover {
  color: var(--color-primary);
}
.news__list a > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 959px ) {
  .news__list a > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10rem;
  }
}
.news__list a > div > p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 18rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-row-align: end;
      align-self: end;
}
@media screen and (max-width: 959px ) {
  .news__list a > div > p {
    gap: 10rem;
  }
}
.news__list a > div > p + p {
  gap: 10rem;
}
.news__list a > div > .tag,
.news__list a > div > span:not(:first-child) {
  -ms-grid-column-align: end;
      justify-self: end;
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/span 2;
  -ms-grid-row-align: center;
      align-self: center;
  margin-left: 8rem;
}
@media screen and (max-width: 959px ) {
  .news__list a > div > .tag,
  .news__list a > div > span:not(:first-child) {
    margin-left: 0;
  }
}
.news__list a > p {
  margin-top: 5rem;
  font-size: 18rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.7;
}
@media screen and (max-width: 959px ) {
  .news__list a > p {
    font-size: 15rem;
  }
}
.news__list time {
  color: var(--color-primary);
  font-family: "Heebo", sans-serif;
  font-size: 16rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 959px ) {
  .news__list time {
    font-size: 12rem;
  }
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 14rem;
  margin-top: 80rem;
}
@media screen and (max-width: 959px ) {
  .pagination {
    gap: 8rem;
    margin-top: 45rem;
  }
}
.pagination button,
.pagination a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 42rem;
  height: 42rem;
  border-radius: 50%;
  background: var(--color-bg);
  color: var(--color-primary);
  font-family: "Heebo", sans-serif;
  font-size: 14rem;
  font-weight: 700;
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}
@media screen and (max-width: 959px ) {
  .pagination button,
  .pagination a {
    width: 34rem;
    height: 34rem;
    font-size: 12rem;
  }
}
.pagination button:hover, .pagination button.is-active, .pagination a:hover, .pagination a.is-active {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.pagination .btn-prev,
.pagination .btn-next {
  background: var(--color-primary) url("../img/common/arw_btn_w.svg") no-repeat 54% 50%/9rem auto;
  font-size: 0;
}
.pagination .btn-prev {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

/*----------------------------------------
	News 詳細
-----------------------------------------*/
.detail .page-ttl-sub {
  min-height: 320rem;
  padding-top: 70rem;
}
@media screen and (max-width: 959px ) {
  .detail .page-ttl-sub {
    min-height: 230rem;
    padding-top: 55rem;
  }
}
.detail .page-ttl-sub h1 {
  gap: 15rem;
}
@media screen and (max-width: 959px ) {
  .detail .page-ttl-sub h1 {
    gap: 8rem;
  }
}
.detail .page-ttl-sub .en {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  text-transform: uppercase;
}
.detail .page-ttl-sub strong {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  font-size: 40rem;
  line-height: 1.4;
}
@media screen and (max-width: 959px ) {
  .detail .page-ttl-sub strong {
    font-size: 24rem;
  }
}
.detail .page-ttl-sub .tag {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-top: 5rem;
  font-size: 12rem;
}
@media screen and (max-width: 959px ) {
  .detail .page-ttl-sub .tag {
    margin-top: 3rem;
    font-size: 11rem;
  }
}

.news__detail {
  padding: 0 240rem 140rem;
  background: var(--color-bg);
}
@media screen and (max-width: 959px ) {
  .news__detail {
    padding: 0 20rem 80rem;
  }
}
.news__detail-body {
  padding: 100rem;
  background: var(--color-white);
}
@media screen and (max-width: 959px ) {
  .news__detail-body {
    padding: 20rem;
  }
}
.news__detail-body > * {
  margin-bottom: 34rem;
}
@media screen and (max-width: 959px ) {
  .news__detail-body > * {
    margin-bottom: 24rem;
  }
}
.news__detail-body h2, .news__detail-body h3, .news__detail-body h4, .news__detail-body h5, .news__detail-body h6 {
  margin-bottom: 5rem;
  font-weight: 700;
  font-size: 20rem;
  letter-spacing: 0.05em;
  line-height: 2;
}
@media screen and (max-width: 959px ) {
  .news__detail-body h2, .news__detail-body h3, .news__detail-body h4, .news__detail-body h5, .news__detail-body h6 {
    font-size: 16rem;
    line-height: 1.8;
  }
}
.news__detail-body p {
  font-size: 18rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 2;
}
@media screen and (max-width: 959px ) {
  .news__detail-body p {
    font-size: 14rem;
    line-height: 1.9;
  }
}
.news__detail-back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 90rem;
}
@media screen and (max-width: 959px ) {
  .news__detail-back {
    margin-top: 55rem;
  }
}
.news__detail-back a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 250rem;
  height: 55rem;
  padding: 10rem 34rem 10rem 32rem;
  border-radius: 50rem;
  background: var(--color-white);
  color: var(--color-primary);
  font-size: 15rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.5;
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}
@media screen and (max-width: 959px ) {
  .news__detail-back a {
    min-height: 44rem;
    font-size: 13rem;
  }
}
.news__detail-back a::before {
  content: "";
  width: 9rem;
  height: 12rem;
  margin-right: 22rem;
  background: url("../img/common/arw_btn.svg") no-repeat center/contain;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.news__detail-back a:hover {
  background: var(--color-primary);
  color: var(--color-white);
}
.news__detail-back a:hover::before {
  background-image: url("../img/common/arw_btn_w.svg");
}
/*# sourceMappingURL=news.css.map */