main section.building_detail .first_view {
  max-width: 1080px;
  margin: 0 auto;
  position: relative; }

main section.building_detail .img {
  width: 80%; }
  main section.building_detail .img .main_img{
    width: 100%;
  }
  main section.building_detail .img img {
    width: auto;
    height: auto;
    max-height: 550px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    border-radius: 4px; }

main section.building_detail .img_thumbnail {
  margin-top: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  main section.building_detail .img_thumbnail .img {
    width: 76px;
    height: 76px;
    margin: 20px 12px 0; }
    main section.building_detail .img_thumbnail .img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover; }

main section.building_detail .text_container {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.9);
  padding: 16px;
  right: 0;
  border-radius: 4px; }
  main section.building_detail .text_container .building_text {
    margin: 15px 0;
    text-align: right; }
    main section.building_detail .text_container .building_text .small {
      margin-right: 150px; }

main section.building_detail p.point_title {
  margin-bottom: 20px; }

main section.building_detail p.facility_title {
  margin-top: 40px;
  margin-bottom: 20px; }

main section.building_detail p.point_detail {
  -webkit-text-decoration: underline solid #D57171;
  text-decoration: underline solid #D57171; }

main section.building_detail .buiding_micro_data {
  max-width: 1080px;
  margin: 80px auto; }

main section.building_detail .micro_data_left {
  width: 40%; }

main section.building_detail .building_info {
  width: 50%; }
  main section.building_detail .building_info h2::after, main section.building_detail .building_info h2::before {
    background-color: #D5A371; }

@media screen and (max-width: 768px) {
  main .first_view {
    position: relative; }
  main section.building_detail .img {
    width: 100%; }
  main section.building_detail .img img{
    max-height: 60vw;
  }
  main section.building_detail .img_thumbnail {
    margin: 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: scroll; }
    main section.building_detail .img_thumbnail .img {
      margin: 0;
      width: 60px;
      height: 60px;
      min-width: 60px; }
      main section.building_detail .img_thumbnail .img img {
        border-radius: 0px; }
  main section.building_detail .text_container {
    position: static;
    top: 0;
    right: auto;
    -webkit-transform: none;
    transform: none;
    width: 90%;
    margin: 0 auto;
    padding: 0; }
    main section.building_detail .text_container .building_text {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: start; }
      main section.building_detail .text_container .building_text br {
        display: none; }
  main section.building_detail .buiding_micro_data {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px; }
    main section.building_detail .buiding_micro_data .micro_data_left {
      width: 90% !important;
      margin: 0 auto 40px; }
    main section.building_detail .buiding_micro_data .building_info {
      width: 100% !important; }
      main section.building_detail .buiding_micro_data .building_info .building_info_text {
        width: 90%;
        margin: 2rem auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start; } }