@charset "utf-8";

/** ***************************************************************************
 * 共用
 * ************************************************************************* */

#main {
  padding: 100px 0 60px;
}

#main :where(.column) ~ :where(.column) {
  margin-top: 30px;
}

@media screen and (min-width:768px) {

  #main {
    padding: 200px 0 120px;
  }

  #main :where(.column) ~ :where(.column) {
    margin-top: 60px;
  }

}

/** ***************************************************************************
 * 物件概要
 * ************************************************************************* */

#outline div.body {
  max-width: 1040px;
}

/**
 * タイトル
 */

#outline .section-title {
  margin-bottom: 40px;
  line-height: 3;
  font-size: 0.75em;
  text-align: center;
}

#outline .column-title {
  margin-bottom: 1em;
  font-size: 1.25em;
}

#outline .column-title::before {
  content: '■';
  margin-right: 0.25em;
}

@media screen and (min-width:768px) {

  #outline .section-title {
    margin-bottom: 80px;
  }

}

/**
 * 物件概要
 */

#outline table.data {
  font-size: 0.875em;
  border-collapse: collapse;
}

#outline table.data th {
  padding-left: 1.5em;
  padding-right: 1.5em;
  font-weight: normal;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}

#outline table.data td {
  padding-left: 1.5em;
  padding-right: 1.5em;
  border-top: 2px dotted #c7c7c7;
  border-bottom: 2px dotted #c7c7c7;
}

#outline table.data td.memo {
  padding: 2em 1.5em;
}

#outline div.update {
  font-size: 0.75em;
}

/* SP表示 */

@media screen and (max-width:767px) {

  #outline table.data tbody {
    display: block;
  }

  #outline table.data tr {
    display: block;
  }

  #outline table.data tr ~ tr {
    margin-top: -1px;
  }

  #outline table.data th {
    width: 100%;
    text-align: left;
    border-bottom: none;
    background-color: rgba(0, 0, 0, 0.025);
    display: block;
  }

  #outline table.data td {
    width: 100%;
    border-bottom: none;
    display: block;
  }

}