@charset "UTF-8";
/* CSS Document */
#result #mainVisual {
  width: 100vw;
}
#result #mainVisual .mvContainer {
  width: 100vw;
  height: min(59.72vw, 860px);
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 767px) {
  #result #mainVisual .mvContainer {
    height: max(55.85vw, 210px);
  }
}
#result #mainVisual .mvContainer .mv {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 1441px) {
  #result #mainVisual .mvContainer .mv {
    width: 100%;
    height: auto;
    max-width: none;
  }
}
#result #mainVisual .mvCopyWrapper {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  #result #mainVisual .mvCopyWrapper {
    display: contents;
  }
}
#result #mainVisual .mvCopyWrapper .mvCopyContainer {
  width: min(100vw, 1440px);
  height: auto;
  display: grid;
  grid-template-columns: min(52.08vw, 750px) 1fr;
  grid-template-rows: min(32.63vw, 470px) min(28.47vw, 410px);
  align-items: end;
}
@media screen and (max-width: 767px) {
  #result #mainVisual .mvCopyWrapper .mvCopyContainer {
    display: contents;
  }
}
#result #mainVisual .mvCopyWrapper .mvCopyContainer .copy {
  width: min(39.58vw, 570px);
  grid-column: 2/3;
  grid-row: 1/2;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  #result #mainVisual .mvCopyWrapper .mvCopyContainer .copy {
    position: absolute;
    grid-column: auto;
    grid-row: auto;
    top: max(18.61vw, 70px);
    left: max(45.21vw, 170px);
    margin: 0px;
    width: max(47.87vw, 180px);
  }
}
#result #mainVisual .mvCopyWrapper .mvCopyContainer .title {
  grid-column: 2/3;
  grid-row: 1/2;
  margin-left: min(9.72vw, 140px);
}
@media screen and (max-width: 767px) {
  #result #mainVisual .mvCopyWrapper .mvCopyContainer .title {
    position: absolute;
    grid-column: auto;
    grid-row: auto;
    top: max(42.55vw, 160px);
    left: max(69.14vw, 260px);
    margin: 0px;
  }
}
#result #mainVisual .mvCopyWrapper .mvCopyContainer .text {
  grid-column: 1/2;
  grid-row: 1/3;
  margin: 0px 0px 50px min(8.33vw, 120px);
}
@media screen and (max-width: 767px) {
  #result #mainVisual .mvCopyWrapper .mvCopyContainer .text {
    background-color: #c70010;
    padding: 20px 8px;
    margin: 0px;
  }
}

#result #resultButtons {
  width: 100vw;
  display: flex;
  justify-content: center;
}
#result #resultButtons .wrapper {
  width: 800px;
  padding: 80px 0px;
  display: grid;
  grid-template-columns: 200px 1fr 200px 1fr 200px;
  grid-template-rows: 120px 60px 120px;
}
@media screen and (max-width: 767px) {
  #result #resultButtons .wrapper {
    width: 100%;
    padding: 30px max(10.63vw, 40px);
    grid-template-columns: max(34.57vw, 130px) 1fr max(34.57vw, 130px);
    grid-template-rows: auto 50px auto 50px auto;
  }
}
#result #resultButtons .wrapper .tokyo h4,
#result #resultButtons .wrapper .osaka h4,
#result #resultButtons .wrapper .sapporo h4,
#result #resultButtons .wrapper .sendai h4,
#result #resultButtons .wrapper .hiroshima h4,
#result #resultButtons .wrapper .fukuoka h4 {
  margin-top: 10px;
  margin-left: -10px;
}
@media screen and (max-width: 767px) {
  #result #resultButtons .wrapper .tokyo h4,
  #result #resultButtons .wrapper .osaka h4,
  #result #resultButtons .wrapper .sapporo h4,
  #result #resultButtons .wrapper .sendai h4,
  #result #resultButtons .wrapper .hiroshima h4,
  #result #resultButtons .wrapper .fukuoka h4 {
    margin-top: 5px;
  }
}
#result #resultButtons .wrapper .tokyo {
  grid-column: 1/2;
  grid-row: 1/2;
}
@media screen and (max-width: 767px) {
  #result #resultButtons .wrapper .tokyo {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
#result #resultButtons .wrapper .osaka {
  grid-column: 3/4;
  grid-row: 1/2;
}
@media screen and (max-width: 767px) {
  #result #resultButtons .wrapper .osaka {
    grid-column: 3/4;
    grid-row: 1/2;
  }
}
#result #resultButtons .wrapper .sapporo {
  grid-column: 5/6;
  grid-row: 1/2;
}
@media screen and (max-width: 767px) {
  #result #resultButtons .wrapper .sapporo {
    grid-column: 1/2;
    grid-row: 3/4;
  }
}
#result #resultButtons .wrapper .sendai {
  grid-column: 1/2;
  grid-row: 3/4;
}
@media screen and (max-width: 767px) {
  #result #resultButtons .wrapper .sendai {
    grid-column: 3/4;
    grid-row: 3/4;
  }
}
#result #resultButtons .wrapper .hiroshima {
  grid-column: 3/4;
  grid-row: 3/4;
}
@media screen and (max-width: 767px) {
  #result #resultButtons .wrapper .hiroshima {
    grid-column: 1/2;
    grid-row: 5/6;
  }
}
#result #resultButtons .wrapper .fukuoka {
  grid-column: 5/6;
  grid-row: 3/4;
}
@media screen and (max-width: 767px) {
  #result #resultButtons .wrapper .fukuoka {
    grid-column: 3/4;
    grid-row: 5/6;
  }
}

#resultDetail {
  margin-bottom: 40px;
}
#resultDetail #branchName {
  width: 100vw;
  display: flex;
  justify-content: center;
}
#resultDetail #branchName .wrapper {
  width: 100%;
  max-width: 960px;
  padding-left: 8px;
  padding-right: 8px;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  #resultDetail #branchName .wrapper {
    width: 100%;
    padding: 0px 8px;
  }
}
#resultDetail #branchName .wrapper h5 {
  position: relative;
  /* 相対位置指定 */
  display: inline-block;
  /* インラインブロック要素にすることで、テキストに合わせた幅になる */
  margin-bottom: 10px;
}
#resultDetail #branchName .wrapper h5::after {
  content: "";
  /* 擬似要素で線を追加 */
  position: absolute;
  /* 絶対位置指定 */
  bottom: 5px;
  /* 下端に配置 */
  left: 0;
  /* 左端に配置 */
  width: 100%;
  /* 全幅 */
  height: 3px;
  /* 線の太さ */
  background-color: #c70010;
  /* 赤色 */
  z-index: -1;
}
#resultDetail #content {
  width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 20px 0px 40px 0px;
}
@media screen and (max-width: 767px) {
  #resultDetail #content {
    padding: 0px 8px;
  }
}
#resultDetail #content h6 {
  margin-bottom: 20px;
}
#resultDetail #content #dataTable1,
#resultDetail #content #dataTable2 {
  width: min(100vw - 16px, 960px);
}
@media screen and (max-width: 767px) {
  #resultDetail #content #dataTable1,
  #resultDetail #content #dataTable2 {
    width: 100%;
  }
}
#resultDetail #content #dataTable1 tr,
#resultDetail #content #dataTable2 tr {
  display: grid;
  grid-template-columns: 100px 1fr 80px 300px 80px;
  grid-template-rows: 1fr;
}
@media screen and (max-width: 767px) {
  #resultDetail #content #dataTable1 tr,
  #resultDetail #content #dataTable2 tr {
    grid-template-columns: max(13.29vw, 50px) max(63.82vw, 240px) max(18.61vw, 70px);
    grid-template-rows: repeat(2, auto);
  }
}
#resultDetail #content #dataTable1 thead tr,
#resultDetail #content #dataTable2 thead tr {
  background-color: #999999;
  margin-bottom: 10px;
}
#resultDetail #content #dataTable1 thead tr th,
#resultDetail #content #dataTable1 thead tr td,
#resultDetail #content #dataTable2 thead tr th,
#resultDetail #content #dataTable2 thead tr td {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0px;
  border-right: solid 1px #f4f5f7;
}
@media screen and (max-width: 767px) {
  #resultDetail #content #dataTable1 thead tr th,
  #resultDetail #content #dataTable1 thead tr td,
  #resultDetail #content #dataTable2 thead tr th,
  #resultDetail #content #dataTable2 thead tr td {
    padding: 8px 0px;
  }
}
#resultDetail #content #dataTable1 tbody tr,
#resultDetail #content #dataTable2 tbody tr {
  border-top: solid 1px #999999;
}
#resultDetail #content #dataTable1 tbody tr td,
#resultDetail #content #dataTable2 tbody tr td {
  display: flex;
  align-items: center;
  padding: 20px 0px;
  border-right: solid 1px #cccccc;
}
@media screen and (max-width: 767px) {
  #resultDetail #content #dataTable1 tbody tr td,
  #resultDetail #content #dataTable2 tbody tr td {
    padding: 8px 0px;
  }
}
#resultDetail #content #dataTable1 tbody tr td:last-child,
#resultDetail #content #dataTable2 tbody tr td:last-child {
  border-right: none;
}
#resultDetail #content #dataTable1 tbody tr .date,
#resultDetail #content #dataTable1 tbody tr .area,
#resultDetail #content #dataTable2 tbody tr .date,
#resultDetail #content #dataTable2 tbody tr .area {
  justify-content: center;
}
#resultDetail #content #dataTable1 tbody tr .property,
#resultDetail #content #dataTable1 tbody tr .client,
#resultDetail #content #dataTable2 tbody tr .property,
#resultDetail #content #dataTable2 tbody tr .client {
  justify-content: left;
  padding-left: 10px;
  padding-right: 10px;
}
#resultDetail #content #dataTable1 tbody tr .spaciousness,
#resultDetail #content #dataTable2 tbody tr .spaciousness {
  justify-content: end;
  padding-right: 10px;
}
#resultDetail #content #dataTable1 tbody tr:last-child,
#resultDetail #content #dataTable2 tbody tr:last-child {
  border-bottom: solid 1px #999999;
}
#resultDetail #content #dataTable1 tbody tr:nth-child(odd),
#resultDetail #content #dataTable2 tbody tr:nth-child(odd) {
  background-color: #fbfbfb;
}
@media screen and (max-width: 767px) {
  #resultDetail #content #dataTable1 thead .date,
  #resultDetail #content #dataTable1 tbody .date,
  #resultDetail #content #dataTable2 thead .date,
  #resultDetail #content #dataTable2 tbody .date {
    grid-column: 1/2;
    grid-row: 1/3;
    text-align: right;
  }
}
@media screen and (max-width: 767px) {
  #resultDetail #content #dataTable1 thead .property,
  #resultDetail #content #dataTable1 tbody .property,
  #resultDetail #content #dataTable2 thead .property,
  #resultDetail #content #dataTable2 tbody .property {
    grid-column: 2/3;
    grid-row: 1/2;
    border-bottom: solid 1px #cccccc;
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  #resultDetail #content #dataTable1 thead .spaciousness,
  #resultDetail #content #dataTable1 tbody .spaciousness,
  #resultDetail #content #dataTable2 thead .spaciousness,
  #resultDetail #content #dataTable2 tbody .spaciousness {
    grid-column: 3/4;
    grid-row: 1/2;
    border-bottom: solid 1px #cccccc;
    border-right: transparent;
  }
}
@media screen and (max-width: 767px) {
  #resultDetail #content #dataTable1 thead .client,
  #resultDetail #content #dataTable1 tbody .client,
  #resultDetail #content #dataTable2 thead .client,
  #resultDetail #content #dataTable2 tbody .client {
    grid-column: 2/3;
    grid-row: 2/3;
  }
}
@media screen and (max-width: 767px) {
  #resultDetail #content #dataTable1 thead .area,
  #resultDetail #content #dataTable1 tbody .area,
  #resultDetail #content #dataTable2 thead .area,
  #resultDetail #content #dataTable2 tbody .area {
    grid-column: 3/4;
    grid-row: 2/3;
    border-right: transparent;
  }
}
#resultDetail #content .dataTableTokyo1 {
  margin-bottom: 40px;
}
#resultDetail #yearLink {
  width: 100vw;
  display: flex;
  justify-content: center;
}
#resultDetail #yearLink .wrapper {
  width: min(96vw, 640px);
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
@media screen and (max-width: 767px) {
  #resultDetail #yearLink .wrapper {
    grid-template-columns: repeat(5, auto);
  }
}/*# sourceMappingURL=result.css.map */