@charset "UTF-8";
#Main .block-report-01 .column-list > nav ul li {margin: 0;}
#Main .block-report-01 .column-list > nav ul li + li {margin-top: 1em;}
#Main .block-report-01 .column-list > nav ul li a {display: flex;padding: 1em 3em;background-color: #f5f8f9;justify-content: center;align-items: center;height: 4em;line-height: 1.5;text-decoration: none;text-align: center;white-space: nowrap;font-size: 87.5%;}
#Main .block-report-01 .column-list > nav ul li.current-menu-item a {background-color: var(--yell-sax);color: #fff;pointer-events: none;cursor: default;}
#Main .block-report-01 .block-common-news li {align-items: flex-start;padding-bottom: 0.75em;margin-bottom: 0.75em;border-bottom: 1px solid #ddd;}
#Main .block-report-01 .block-common-news li a {white-space: normal;}
#Main .block-report-01 .column-list > nav + div::before {content: "";display: block;height: 4px;background: var(--grad-blue);margin-bottom: 0.75em;}

#Main .block-report-02 {}
#Main .block-report-02 header h3 {margin: 0;padding: 0.75em 0;}
#Main .block-report-02 header h3 time {width: 7em;font-size: 93.75%;color: var(--yell-sax);}
#Main .block-report-02 header h3 .new {color: chocolate;}
#Main .block-report-02 header h3 .new::before {content: " | ";color: #888;}
#Main .block-report-02 header h3 .icon {width: 9em;margin-right: 1.5em;background-color: var(--yell-blue);text-align: center;font-size: 62.5%;line-height: 2;color: #fff;}
#Main .block-report-02 header h3 .icon.news {background-color: var(--yell-sax);}
#Main .block-report-02 header::after {content: "";display: block;height: 4px;background: var(--grad-blue);}

@media screen and (min-width: 769px) {
  #Main .block-report-01 .column-list {display: flex;flex-wrap: nowrap;justify-content: space-between;}
  #Main .block-report-01 .column-list > nav + div {margin-left: 2em;flex: 1;}
  #Main .block-report-01 .block-common-news li a {transform: translateY(-0.2em);}
  #Main .block-report-01 .container {padding: 3em 0;}

  #Main .block-report-02 header h3 {display: flex;flex-wrap: nowrap;justify-content: flex-start;align-items: center;}
  #Main .block-report-02 .container {padding: 3em 0;}

  #Main .block-preset-01 {padding: 1.5em;}
}
@media screen and (max-width: 768px) {
  #Main .block-report-01 .column-list {display: flex;flex-direction: column-reverse;}
  #Main .block-report-01 .column-list > nav {position: relative;border-top: 1px solid var(--yell-sax);background: transparent url("../img/common/bg_01.webp") no-repeat 50% / cover;margin: 0 -1em;padding: 1.5em;}
  #Main .block-report-01 .column-list > nav::before {content: "物件名で絞り込み";display: block;margin-bottom: 1.5em;text-align: center;font-weight: bold;color: var(--yell-sax);}
  #Main .block-report-01 .column-list > nav::after {content: "";position: absolute;top: 0;left: 50%;width: 8.5em;height: 4px;background: var(--grad-blue);transform: translateX(-50%);}
  #Main .block-report-01 .column-list > nav ul li a {background-color: #fff;white-space: nowrap;}
  #Main .block-report-01 .column-list .pagination,
  #Main .block-report-01 .column-list .post-navigation {margin-bottom: 2em;}
  #Main .block-report-01 .block-common-news li {padding: 0.75em;}
  #Main .block-report-01 .block-common-news li + li {padding-top: 0;}
  #Main .block-report-01 .container {padding: 1.5em 0 0;}

  #Main .block-report-02 header h3 .title {display: block;}
  #Main .block-report-02 header h3 .icon {display: inline-block;vertical-align: middle;}
  #Main .block-report-02 .container {padding: 1.5em 0 0;}

  #Main .block-preset-01 {padding: 1.5em 0.5em 3em;}
}