@charset "utf-8";
/* CSS Document */
.rgs_pagettlblock{
  background-color: #ECEEFF;
}
h1{
  line-height: 1.3;
  font-size: clamp(1.5rem,5vw,3rem);/*960pxで縮みだす*/
}
.rgs_pagettl-details{width: calc(100% - 464px);}
.rgs_pagettl-img{
  width: 440px;
  aspect-ratio: 2/1;
}
.rgs_pagettl-img img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.rgs_detailswrap{
  border: 1px solid var(--color-purple);
  border-radius: var(--border-radius4);
  padding: clamp(18px,3.5vw,32px) clamp(18px,3.5vw,48px);
  margin-bottom: clamp(24px,7vw,126px);
}
.rgs_details-tblock {
  display: flex;
  align-items: center;
  gap: 16px;
  border-bottom: 2px dotted #616BF9;
  padding-bottom: clamp(16px,4vw,24px);
}
.rgs_details-t {
  font-size: clamp(0.9375rem,4.2vw,1.25rem);
  color: #616BF9;
}
.rgs_details-flx {
  display: flex;
  gap: clamp(24px,3vw,60px);
  align-items: flex-start;
  padding-top: clamp(16px,4vw,40px);
}
.rgs_details-flx a{
  padding: 0;
}
.rgs_details-txt > div {
  border-bottom: 1px solid var(--border-gray01);
  padding: 16px 0;
}
.rgs_details-txt > div.rgs_details-txt-t {
  padding: 0 0 clamp(24px,6vw,40px) 0;
}
.rgs_details-txt > div.rgs_details-txt-t  p{
  font-size: clamp(0.875rem,1.6vw,1rem);
}
.rgs_details-txt {
  width: 540px;
  flex: 0 1 auto;
}
.rgs_details-txt-flx {
  display: flex;
  align-items: baseline;
  gap: 0 8px;
}
.rgs_details-txt-flx ul {
  flex: 1 1 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 12px;
}
.rgs_details-content-t {
  flex: 0 0 auto;
  width: 120px;
  font-size: clamp(0.75rem,3.1vw,0.875rem);
  color: #616BF9;
}

.rgs_details-map{
  min-width: 450px;
  height: 480px;
  flex: 1 1 auto;
}
.rgs_details-map iframe{
  width: 100%;
  height: 100%;
}




@media (max-width: 1200px){
  .rgs_details-flx{
    flex-wrap: wrap;
  }
  .rgs_details-txt{
    width: 100%;
  }
  .rgs_details-map {
    height: clamp(16.875rem, 9.545rem + 27.27vw, 30rem);
    /* 270-480 430-1200 */
  }
}
@media (max-width: 960px){
  .rgs_pagettl-details{width: 100%;}
  .rgs_pagettl-img{
    max-width: 100%;
    margin: auto;
  }
}
@media (max-width: 820px){
  /* テーブルver2 検索結果一覧 大学詳細 */ 
  li.rgs_img {
    grid-row: 1/2;
  }
  li.rgs_floor {
    grid-row: 2/3;
  }
  li.rgs_rent {
    grid-row: 1/-1;
  }
  li.rgs_deposit {
    grid-row: 1/-1;
  }
  li.rgs_layout {
    grid-row: 1/-1;
  }
  li.rgs_listflx-table{
    grid-row: 1/-1;
    gap: 2px;
  }
}

@media (max-width: 690px) {
  /* テーブルver2 検索結果一覧 大学詳細 */ 
  li.rgs_img{
    grid-row: 1 / 3;
  }
  li.rgs_floor{
    grid-row: 3 / -1;
  }
  li.rgs_rent{
    grid-row: 1 / 2;
  }
  li.rgs_rent p{
    flex-direction: row;
    align-items: baseline;
  }
  li.rgs_deposit{
    grid-row: 2 / 3;
  }
  li.rgs_deposit ul{
    flex-direction: row;
  }
  li.rgs_layout ul{
    flex-direction: row;
    justify-content: flex-start;
  }
  li.rgs_layout{
    grid-row: 3 / 4;
  }
  li.rgs_spshow {
    display: inline-block;
  }
  li.rgs_panoramatxt{
    display: block;
    grid-row: 4 / 5;
  }
  .rgs_table02-content span.rgs_heart-wh svg{
    width: 12px;
    height: 11px;
    color: var(--color-gray01);
    stroke: var(--border-gray02);
  }
  .rgs_listflx-table .rgs_linkedbtn-favorite span.rgs_favtxtx {
    display: none;
  }
  li.rgs_listflx-table .rgs_linktxt .rgs_linktxt-t{
    display: none;
  }


  .rgs_details-txt-flx{
    flex-wrap: wrap;
  }
  .rgs_details-content-t{
    width: 100%;
  }
  .rgs_details-txt-flx:last-child ul li:last-of-type {
    width: 100%;
    display: flex;
    justify-content: flex-start;
  }
  .rgs_details-map{
    min-width: 100%;
  }
}