@charset "utf-8";
/* CSS Document */

body{
  font-family: "Kosugi Maru","Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  font-weight: 400;
  font-style: normal;
  -webkit-text-size-adjust: 100%;
  line-height: 1.8;
  background-color: #FFFFFF;
  color: var(--txt-color01);
}
body.open{
  overflow: hidden;
}
a{
  text-decoration: none;
  cursor: pointer;
  -webkit-tap-highlight-color:var(--txt-color01);
  color: var(--txt-color01);
}
input{-webkit-tap-highlight-color:rgba(0,0,0,0);}
input[type="number"] {
  -moz-appearance:textfield;
  appearance:textfield;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{
  -webkit-appearance: none;
  margin: 0;
  border-radius: 0;
}
select{appearance: none;}
select::-ms-expand{display: none;}
input[type="text"],
button,
select,
textarea{
  font-family: "Kosugi Maru","Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  font-size: 1.125rem;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
a:focus,
input:focus,
button:focus,
textarea:focus,
select:focus{
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  outline: 0;
}

img{
  max-width: 100%;
}
:root {
  --txt-color01: #111111;
  --border-gray01: #DBDCE5;
  --border-gray02: #BBBFC7;
  --color-blue: #0065B1;
  --color-paleblue: #EFF7FF;
  --color-gray01: #F1F4F8;
  --color-gray02: #F8F8F9;
  --color-pink: #FF004E;
  --color-purple: #616BF9;
  --background-blue01: linear-gradient(#216CCE 0%, #00449E 100%);
  --border-radius4: 4px;
}

.rgs_error{
  color: #f5382b;
}


/* header */
.rgs_header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100px;
  padding-left: 50px;
  background-color: #FFFFFF;
}
.rgs_header .rgs_logo{
  display: flex;
  align-items: center;
  gap: 8px;
  height: 100%;
}
.rgs_header .rgs_logo a{
  height: 100%;
  width: 100%;
  align-content: center;
}
.rgs_header .rgs_navi{
  display: flex;
  align-items: center;
  height: 100%;
}
.rgs_header ul{display: flex;}
.rgs_header .rgs_navi ul:first-of-type{
  margin-right: 40px;
  gap: 10px;
}
.rgs_header .rgs_navi ul:first-of-type li a{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  font-size: 0.6875rem;
  color: var(--txt-color01);
  height: 100%;
  transition: color 0.1s linear;
}
.rgs_header .rgs_navi ul:first-of-type li a span{
  font-size: clamp(0.563rem, -0.17rem + 1.43vw, 0.688rem);/* 9-11 820-960 */
}
.rgs_header .rgs_navi ul:last-of-type{
  height: 100%;
  background: var(--background-blue01);
}
.rgs_header .rgs_navi ul:last-of-type li{
  width: 128px;
  height: 100%;
}
.rgs_header .rgs_navi ul:last-of-type li:nth-of-type(n+2){border-left: 1px solid #5B8DCF;}
.rgs_header .rgs_navi ul:last-of-type li a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  line-height: 1;
  text-align: center;
  font-size: 0.8125rem;
  color: #FFFFFF;
  transition: background-color 0.1s linear;
}
.rgs_header .rgs_navi ul:last-of-type li a div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 60px;
}
.rgs_header .rgs_navi ul:last-of-type li:nth-child(1) div {
  justify-content: flex-start;
  gap: 14px;
}
.rgs_header .rgs_navi ul:last-of-type li a div img {
  width: fit-content;
}
.rgs_header .rgs_navi ul:last-of-type li a span{line-height: 1.15;}
.rgs_headnavibtn{
  position: relative;
  width: 56px;
  height: 56px;
  display: none;
  background: var(--background-blue01);
  flex: 0 0 auto;
}
.rgs_headnavibtn div{
  position: relative;
  width: 18px;
  height: 14px;
  top: 25%;
  left: 50%;
  transform: translateX(-50%);
}
.rgs_headnavibtn div span{
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #FFFFFF;
  border-radius: 1px;
  transition: all 0.25s linear;
}
.rgs_headnavibtn div span:nth-of-type(2){
  top: 40%;
}
.rgs_headnavibtn div span:last-of-type{
  top: 80%;
}
.rgs_headnavibtntxt{
  position: absolute;
  width: 100%;
  bottom: 14%;
  left: 50%;
  transform: translateX(-50%);
  color: #FFFFFF;
  font-size: clamp(0.563rem, -0.17rem + 1.43vw, 0.688rem);/* 9-11 820-960 */
  letter-spacing: 0.05em;
  text-align: center;
}

/*スマホnavi*/
.rgs_spnav{
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(100% - 56px);
  background-color: #F4F8FC;
  overflow: scroll;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease;
  z-index: -1;
}
.rgs_spnav.active{
  visibility: visible;
  opacity: 1;
  z-index: 1000;
}
.rgs_navwrap{
  padding: 24px 14px 72px;
}
.rgs_spnav h2{
  margin-bottom: 18px;
  font-size: 1.625rem;
  color: var(--color-blue);
}
.rgs_navbtnlist{
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-bottom: 24px;
}
.rgs_navbtnlist li{width: 164px;}
.rgs_navbtnlist li a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 74px;
  text-align: center;
  border-radius: var(--border-radius4);
  background-color: #FFFFFF;
  border: 1px solid var(--color-blue);
  box-shadow: 3px 3px 2px rgba(0, 91, 159, 0.06);
}
.rgs_navbtnlist li a div{
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.rgs_navbtnlist li a span{font-size: 0.75rem;}
.rgs_spnav_toplink{
  margin-bottom: 32px;
  border-bottom: 1px solid var(--border-gray01);
}
.rgs_spnav_toplink a{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 4px 12px 0;
  background: url(../img/icon_arrow.svg) center right 4px no-repeat;
}
.rgs_spnav_contactlist{
  display: flex;
  margin-bottom: 24px;
  background: var(--background-blue01);
  border-radius: var(--border-radius4);
}
.rgs_spnav_contactlist li{
  width: calc(100% / 3);
}
.rgs_spnav_contactlist li:nth-of-type(2){
  border-right: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
}
.rgs_spnav_contactlist li a{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100px;
  line-height: 1;
  text-align: center;
  font-size: 0.8125rem;
  color: #FFFFFF;
  padding: 20px;
}
.rgs_spnav_contactlist li:nth-child(1) a{
  justify-content: flex-start;
  gap: 14px;
}
.rgs_spnav_contactlist li a span{
  line-height: 1.15;
}
.rgs_spnavlist{margin-bottom: 24px;}
.rgs_spnavlist li:nth-last-of-type(n+2){margin-bottom: 1px;}
.rgs_spnavlist li a{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 56px;
  padding: 20px;
  background: url(../img/icon_arrow.svg) center right 18px no-repeat;
  background-color: #FFFFFF;
}
.rgs_spnav_bnr{
  margin-bottom: 24px;
  text-align: center;
}


/* 予約モーダル */
.rgs_overlay{
  position: fixed;
  display: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.75);
  z-index: 1000;
}
.rgs_reservemodal{
  position: fixed;
  display: none;
  width: 95%;
  max-width: 1080px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--color-paleblue);
  border-radius: 5px;
  z-index: 1001;
}
.rgs_reservemodal h2{
  position: relative;
  padding: 10px 16px 16px;
  text-align: center;
  font-size: clamp(1.6875rem,3.7vw,2.25rem);
  color: #FFFFFF;
  border-radius: 5px 5px 0px 0px;
  background: linear-gradient(#216CCE 0%, #00449E 100%);
  line-height: 1.25;
}
.rgs_reservemodal h2 .rgs_fs{
  display: block;
  font-size: 0.875rem;
  padding-top: 8px;
}
.rgs_headmdlclose{
  position: absolute;
  display: block;
  width: clamp(40px,7vw,54px);
  height: clamp(40px,7vw,54px);
  right: clamp(10px,3vw,36px);
  top: clamp(8px,2.2vw,24px);
  padding: clamp(11px,1.8vw,15px);
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.16);
  cursor: pointer;
  transition: all 0.2s linear;
}
.rgs_headmdlclose img{
  width: clamp(19px,3vw,24px);
  height: clamp(19px,3vw,24px);
  vertical-align: top;
}
.rgs_reservelinkblock{
  max-width: 900px;
  width: 100%;
  margin: auto;
  padding: 0 24px;
}
.rgs_hiroshimareserve{
  padding: clamp(18px,2.5vw,50px) 0 clamp(8px,2vw,40px);
  border-bottom: 1px solid var(--border-gray01);
}
.rgs_hiroshimareserve .rgs_linkedbtn-l{
  max-width: 100%;
}
.rgs_hiroshimareserve .rgs_linkedbtn-l a{
  padding: clamp(12px,2.5vw,48px) 40px;
  background-color: #FFFFFF;
  font-size: clamp(1.125rem,3vw,1.5rem);
  text-align: center;
  line-height: 1.25;
}
.rgs_hiroshimareserve .rgs_linkedbtn-l a p span{
  display: inline-block;
}
.rgs_okayamareserve{
  padding: clamp(8px,2vw,40px) 0 clamp(8px,2vw,40px) 0;
  border-bottom: 1px solid var(--border-gray01);
}
.rgs_okayamareserve h3{
  margin-bottom: clamp(8px,1vw,24px);
  text-align: center;
  font-size: clamp(1.125rem,3vw,1.25rem);
  color: var(--txt-color01);
}
.rgs_branchlist{
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.rgs_branchlist li{flex: 1 1 auto;}
.rgs_branchlist li .rgs_linkedbtn-l{max-width: 100%;}
.rgs_branchlist li .rgs_linkedbtn-l a{
  background-color: #FFFFFF;
  font-size: clamp(1rem,2.5vw,1.125rem);
}
.rgs_mdlclose{
  padding: clamp(16px,2.5vw,24px) 0;
  text-align: center;
}
.rgs_mdlclose span{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 106px;
  height: 44px;
  margin: auto;
  font-size: clamp(0.75rem,2vw,0.875rem);
  color: var(--txt-color01);
  border-radius: 22px;
  background-color: #FFFFFF;
  border: 1px solid #C7DEF5;
  cursor: pointer;
  transition: all 0.2s linear;
}
.rgs_mdlclose span img{margin-right: 4px;}

.rgs_onlinelink{
  display: flex;
  justify-content: space-between;
  padding: clamp(32px,7vw,100px) 0;
  gap: 18px 8px;
  border-bottom: 1px solid var(--border-gray01);
}
.rgs_onlinelink .rgs_linkedbtn-l{
  max-width: 100%;
  flex: 1 1 auto;
}
.rgs_onlinelink .rgs_linkedbtn-l a{
  padding: clamp(24px, 6vw, 48px) 40px;
  background-color: #FFFFFF;
}


/* footer */
footer{
  background-color: var(--color-blue);
  padding: 0 14px;
}
.rgs_footer{
  max-width: 1300px;
  margin: 0 auto;
  padding: 32px 0px 92px;
}
.rgs_footer > div:nth-last-of-type(n + 2){
  border-bottom: 1px solid #3084C4;
}
.rgs_footer-top{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 38px;
  flex-wrap: wrap;
}
.rgs_footer-top .rgs_logo a{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 18px 32px;
}
.rgs_footer-top .rgs_sns ul{
  display: flex;
  align-items: center;
  gap: 6px;
}
.rgs_footer-top .rgs_sns ul li{
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rgs_footer-top .rgs_sns ul li a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  align-content: center;
  background-color: #014C97;
  border-radius: 50%;
  transition: background-color 0.2s linear;
}
.rgs_footer-mdle{
  padding: 38px 0;
}
.rgs_footer-mdle ul.rgs_navi{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px 30px;
}
.rgs_footer-mdle ul.rgs_navi li a{
  display: flex;
  align-items: center;
  gap: 6px;
  color: #FFFFFF;
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: text-decoration-color 0.2s linear;
}
.rgs_footer-mdle ul.rgs_navi li.rgs_footer-coloredtitle a {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: max-content;
  padding: 7px 14px;
  border-radius: var(--border-radius4);
  color: var(--color-blue);
  background-color: #FFFFFF;
  gap: 6px;
  margin-left: 16px;
  transition: color 0.2s linear, background-color 0.2s linear;
}
.rgs_footer-btm {
  padding-top: 38px;
  color: #FFFFFF;
  display: grid;
  align-items: center;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: repeat(2, auto);
}
.rgs_footer-btm ul.rgs_navi{
  display: flex;
  grid-template-columns: repeat(auto-fit, minmax(52px, 1fr));
  align-items: center;
  flex-wrap: wrap;
  gap: 15px 24px;
  margin-bottom: 40px;
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
.rgs_footer-btm ul.rgs_navi li a{
  display: block;
  color: #FFFFFF;
  font-size: 0.8125rem;
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: text-decoration-color 0.2s linear;
}
.rgs_footer-btm ul.rgs_navi li a .rgs_svg{
  display: inline;
  vertical-align: middle;
}
.rgs_copyright{
  grid-column: 1 / 2;
}
.rgs_copyright p {
  color: #4C96CE;
  font-size: 0.75rem;
  font-weight: 600;
}
.rgs_privacymark {
  text-align: end;
  grid-row: 1 / 3;
}


/* CV */
.rgs_cv{
  position: relative;
  background-color: var(--color-blue);
  padding-bottom: 70px;
  margin-top: -1px;
}
.rgs_cvimg {
  width: max-content;
  max-width: 95%;
  text-align: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.rgs_cvimg::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgb(44, 96, 148, 0.33);
  z-index: 0;
}
.rgs_cvwrap{
  position: relative;
  left: 0;
  bottom: 32px;
  width: 1300px;
  max-width: 95%;
  margin: 0 auto;
  padding: 0 60px;
  z-index: 2;
}
.rgs_cv::before{
  content: '';
  position: absolute;
  width: 224px;
  height: 226px;
  bottom: -4px;
  right: calc(50% - 770px);
  background-image: url(../img/il_yell.png);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 2;
}
.rgs_cvwhite{
  background-color: #FFFFFF;
  height: 80px;
  width: 100%;
  margin-top: 0;
}
.rgs_cv-txt{
  font-size: 1.375rem;
  line-height: calc(35.2 / 22);
  color: #FFFFFF;
  margin-bottom: 92px;
}
.rgs_cv-linklist ul{
  display: flex;
  justify-content: center;
  gap: 18px;
}
.rgs_cv-linklist ul li{
  width: 380px;
  max-width: 380px;
  border-radius: var(--border-radius4);
  box-shadow: 0px 3px 0px 0px rgba(0, 91, 159, 0.1);
  background-color: #FFFFFF;
}
.rgs_cv-linklist a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 16px clamp(12px,1.5vw,20px);
  transition: all 0.2s linear;
}
.rgs_cv-linklist a .rgs_arrow-bl{transition: all 0.1s linear;}
.rgs_cv-left {
  display: flex;
  align-items: center;
  gap: clamp(8px,1vw,16px);
}
.rgs_cv-icon{
  display: inline-block;
  background: var(--background-blue01);
  width: clamp(40px, 2vw, 54px);
  height: clamp(40px, 2vw, 54px);
  border-radius: 3px;
  text-align: center;
  align-content: center;
}
.rgs_cv-menu {
  font-size: clamp(0.75rem, 1.5vw, 1rem);
}


/* パンくず */
.rgs_scrlwrap{
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  margin-right: clamp(0px, 5.3vw, 100px);
  margin-bottom: 24px;
}
.rgs_scrlwrap::-webkit-scrollbar {
  display: none;
}
.rgs_scrlwrap ol{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  width: max-content;
  margin: 0 0 0 auto;
}
.rgs_scrlwrap ol li{
  font-size: 0.688rem;
  color: rgb(17, 17, 17, 0.33);
}
.rgs_scrlwrap ol li a{
  position: relative;
  color: var(--txt-color01);
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: text-decoration-color 0.1s linear;
}


/* SVG */
.rgs_svg{
  display: flex;
  align-items: center;
  justify-content: center;
}

.rgs_gaibu-bl svg{
  color: var(--color-blue);
}
.rgs_gaibu-wh svg{
  color: #FFFFFF;
}

.rgs_hist-bl svg{
  color: var(--color-blue);
}
.rgs_hist svg{
  color: #FFFFFF;
  width: 18px;
  height: 16px;
}

.rgs_arrow-bl svg{
  width: 7px;
  height: 14px;
  color: var(--color-blue);
  stroke-width: 2;
}
.rgs_arrow-bl-r{
  transform: rotate(90deg);
}
.rgs_arrow-bl-r svg{
  width: 7px;
  height: 14px;
  color: var(--color-blue);
}
.rgs_arrow-bl-r180{
  transform: rotate(180deg);
}
.rgs_arrow-bl-r180 svg{
  width: 7px;
  height: 14px;
  color: var(--color-blue);
  stroke-width: 2;
}
.rgs_arrow-bk svg {
  width: 5px;
  height: 10px;
  color: var(--txt-color01);
}
.rgs_arrow-bk-r{
  transform: rotate(90deg);
}
.rgs_arrow-bk-r svg {
  width: 5px;
  height: 10px;
  color: var(--txt-color01);
}
.rgs_arrow-wh svg{
  width: 7px;
  height: 14px;
  color: #FFFFFF;
  stroke-width: 2;
}

.rgs_heart-wh svg{
  width: 18px;
  height: 16px;
  stroke: var(--color-blue);
  color: #FFFFFF;
}
.rgs_heart-gy svg{
  width: 18px;
  height: 16px;
  stroke: var(--border-gray02);
  color: var(--color-gray01);
}
.rgs_heart-wh svg .i_heart{fill: white;}
.rgs_linkedbtn-favorite.active .rgs_heart-wh svg .i_heart{
  fill: var(--color-blue);
}
.rgs_heart-gy svg .i_heart{fill: var(--color-gray01);}

.rgs_mail-wh{
  color: #FFFFFF;
  fill: transparent;
}
.rgs_mail-gy{
  color: var(--border-gray02);
  fill: #FFFFFF;
}

.rgs_trash-gl{
  fill: #FFFFFF;
  stroke: #bbbfc7;
}

.rgs_line-gl{
  color: var(--border-gray02);
}

.rgs_line-wh{
  color: #FFFFFF;
}

.rgs_online-wh{
  color: #FFFFFF;
}

.rgs_icon_check svg{
  width: 12px;
  height: 9px;
}
.rgs_icon_check.rgs_icon_check-n{
  flex: 0 0 auto;
  color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  width: 24px;
  height: 24px;
  border-radius: var(--border-radius4);
  background-color: var(--color-gray02);
  border: 1px solid var(--border-gray01);
  transition: background-color 0.3s, color 0.3s;
  transition: border-color 0.2s linear;
}
input[type="checkbox"]:checked + .rgs_icon_checkbox .rgs_icon_check {
  background-color: var(--color-blue);
  color: #FFFFFF;
}
input[type="checkbox"]:checked + .rgs_icon_checkbox .rgs_icon_check svg {
  fill: #FFFFFF;
}

.rgs_search_wt svg{
  color: #FFFFFF;
}
.rgs_search_gy svg{
  color: #C9C9D5;
  width: 16px;
  height: 16px;
}


/* 画像の装飾 */
.rgs_bdr{
  border: 1px solid var(--border-gray01);
}
.rgs_bdr-r01{
  border-radius: var(--border-radius4);
}
.rgs_pictureblock {
  display: inline-block;
}


/* tab */
.rgs_switch-tabswrap ul{
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.rgs_switch-tabswrap ul li.active {
  box-shadow: 2px 2px 2px 0px rgba(0, 91, 159, 0.06);
}
.rgs_tab-content {
  display: none;
}
.rgs_tab-content.active {
  display: block;
}


/* 四角い小さい見出し */
.rgs_coloredtitle-flx{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}
.rgs_coloredtitle{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: max-content;
  min-height: 24px;
  height: fit-content;
  padding: 0px 9px;
  border-radius: var(--border-radius4);
  font-size: 0.75rem;
}
.rgs_coloredtitle.rgs_coloredtitle-bl{
  background-color: var(--color-blue);
   color: #FFFFFF;
}
.rgs_coloredtitle.rgs_coloredtitle-pnk{
  background-color: var(--color-pink);
  color: #FFFFFF;
}
.rgs_coloredtitle.rgs_coloredtitle-lpp{
  background-color: #DEE1FF;
  color: var(--color-purple);
}
.rgs_coloredtitle.rgs_coloredtitle-pp{
  background-color: #606AF8;
  color:#FFFFFF;
}
span.rgs_panorama {
  display: flex;
  justify-content: center;
}


/* リンク */
.rgs_linktxt a{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: clamp(0.75rem,3vw,0.875rem);
  text-decoration: underline;
  transition: text-decoration-color 0.1s linear;
  padding: 8px;

}.rgs_linktxt a span.rgs_svg{
  transition: transform 0.1s linear;
}
/*"建物の詳細"のリンク*/
.rgs_linktxt.rgs_linktxtx-r a {
  width: fit-content;
  margin: 0 0 0 auto;
  font-size: clamp(0.75rem,2vw,0.875rem);
}
/* ul全体をクリック範囲にした時 */
.rgs_linklist{
  cursor: pointer;
}


/* リンクリスト */
.rgs_linkedlist{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(256px, 1fr));
  justify-content: space-between;
  gap: 12px;
}
.rgs_linkedlist:nth-last-of-type(n+2){margin-bottom: 80px;}
.rgs_linkedlist li {
  background-color: #FFFFFF;
  box-shadow: 3px 3px 2px rgba(0, 91, 159, 0.06);
}
.rgs_linkedlist li a{
  font-size: clamp(0.875rem, 0.429rem + 0.87vw, 1.125rem);/*14-18 820-1280*/
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 16px 20px;
  height: 100%;
  border-radius: var(--border-radius4);
  border: 1px solid var(--border-gray01);
  line-height: 1.25;
  transition: color 0.1s linear, transform 0.1s linear;
}


/* リンク長いボタン */
.rgs_linkedbtn-l{
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
.rgs_linkedbtn-l a{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: clamp(0.75rem ,2vw, 1rem) 20px;
  color: var(--color-blue);
  border: 2px solid var(--color-blue);
  border-radius: var(--border-radius4);
  box-shadow: 0px 3px 0px 0px  rgba(0, 91, 159, 0.1);
  font-size: clamp(1.125rem, 3vw, 1.5rem);
  transition: background-color 0.2s linear, color 0.2s linear, transform 0.1s linear;
}
.rgs_linkedbtn-l a span.rgs_arrow-bl{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
  transition: all 0.1s linear;
}


/* リンク短いボタン */
.rgs_linkedbtn-s{
  width: 240px;
}
.rgs_linkedbtn-s a{
  border: 1px solid var(--color-blue);
  border-radius: var(--border-radius4);
  box-shadow: 0px 3px 0px 0px  rgba(0, 91, 159, 0.1);
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: clamp(8px,2vw,12px) 20px;
  color: var(--color-blue);
  font-size: clamp(0.875rem, 2.5vw, 1rem);
  transition: background-color 0.2s linear, color 0.2s linear, transform 0.1s linear;
}


/* 検索窓 */
.rgs_searchblock{
  max-width: 900px;
  height: 64px;
  border: 1px solid var(--color-blue);
  border-radius: 5px;
}
.rgs_searchblock form{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.rgs_inputblock{
  width: calc(100% - 120px);
  height: 100%;
}
.rgs_inputblock input{
  width: 100%;
  height: 100%;
  padding-left: 1em;
  border: none;
  border-radius: 4px 0 0 4px;
}
.rgs_searchbtn{
  display: flex;
  justify-content: center;
  gap: 8px;
  align-items: center;
  width: 120px;
  height: 100%;
  background-image: linear-gradient(0deg, rgba(33, 108, 206, 1), rgba(0, 68, 158, 1));
  color: #FFFFFF;
  border: none;
}


/* リンクお気に入り */
.rgs_linkedbtn-favorite a{
  border: 1px solid var(--border-gray02);
  border-radius: var(--border-radius4);
  background-color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: clamp(0.75rem, 3.2vw, 0.875rem);
  padding: 9px;
  height: 100%;
  pointer-events: all;
  transition: background-color 0.1s linear, color 0.1s linear;
}
.rgs_mini-section02 .rgs_linkedbtn-favorite a{
  transition: transform 0.2s linear;
}
.rgs_linkedbtn-favorite a.fav_icon{
  background-color: var(--color-paleblue);
  border: 1px solid var(--color-blue);
}
.rgs_linkedbtn-favorite a.fav_icon span{
  color: var(--color-blue);
}
.rgs_linkedbtn-favorite a.fav_icon span svg{
  color: var(--color-blue);
  stroke: none;
}

/* リンクお気に入り解除 */
.rgs_linkedbtn-remove a{
  border: 1px solid var(--border-gray02);
  border-radius: var(--border-radius4);
  background-color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: clamp(0.75rem, 3.2vw, 0.875rem);
  padding: 9px;
  height: 100%;
  pointer-events: all;
  transition: background-color 0.1s linear, color 0.1s linear;
}


/* リンクお問い合わせ */
.rgs_linkedbtn-contact a{
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius4);
  background-image: linear-gradient(180deg, rgb(255, 70, 120), rgba(222, 0, 68, 1));
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 9px;
  font-size: clamp(0.75rem, 3.2vw, 0.875rem);
  color: #FFFFFF;
  height: 100%;
  pointer-events: all;
  transition: background-color 0.1s linear;
}
.rgs_mini-section02 .rgs_linkedbtn-contact a{
  transition: transform 0.2s linear;
}
.rgs_linkedbtn-contact a > * {
  position: relative;
  z-index: 1;
}
.rgs_linkedbtn-contact a::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(222, 0, 68, 1); 
  opacity: 0;
  transition: opacity 0.1s linear;
  border-radius: inherit;
  z-index: 0;
}


/* LINEでお問い合わせ */
.rgs_linkedbtn-line a{
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius4);
  background-image: linear-gradient(180deg, rgba(6, 198, 85, 1), rgb(0, 175, 72));
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #FFFFFF;
  height: 100%;
  transition: transform 0.2s linear;
}
.rgs_linkedbtn-line a > * {
  position: relative;
  z-index: 1; 
}
.rgs_linkedbtn-line a::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgb(0, 175, 72);
  opacity: 0;
  transition: opacity 0.1s linear;
  z-index: 0;
}


/* オンライン接客 */
.rgs_linkedbtn-online a{
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius4);
  background-image: var(--background-blue01);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #FFFFFF;
  height: 100%;
  transition: transform 0.2s linear;
}
.rgs_linkedbtn-online a > * {
  position: relative;
  z-index: 1; 
}
.rgs_linkedbtn-online a::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #00449E;
  opacity: 0;
  transition: opacity 0.1s linear;
  z-index: 0;
}


/* お問い合わせ番号 */
.rgs_linkedbtn-inqunumber{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  border-radius: var(--border-radius4);
  background-color: #E1ECF6;
  padding: 8px;
}
.rgs_linkedbtn-inqunumber p{
  font-size: 0.8125rem;
}


/* 上部 お気に入り お問い合わせ お問い合わせ番号のブロック */
.rgs_toplinkedbtnblock{
  flex: 1 1 auto;
  max-width: 347px;
}
.rgs_toplinkedbtnblock .rgs_linkedbtn-flx > div{
  flex: 1 1 auto;
}


/* 下層ページ */
.rgs_bigwrap{
  max-width: 1328px;
  margin: 0 auto 80px;
  padding: 0 14px;
}


/* 下層ページタイトル */
.rgs_pagettlblock{
  padding: clamp(10px,2.5vw,20px) 14px clamp(24px,5vw,48px);
  margin-bottom: clamp(30px,8vw,72px);
}
.rgs_pagettl.rgs_pagettl-flx{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
.rgs_pagettl-details {
  flex: 1 1 auto;
}
.rgs_pagettl{
  max-width: 1300px;
  margin: 0 auto;
  font-size: 2.25rem;
}
span.rgs_pagettl_sma01 {
  display: block;
  font-size: 0.875rem;
}
span.rgs_pagettl_sma02 {
  font-size: 0.75rem;
  display: inline-block;
}


/*pagenation*/
.rgs_pagenation{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  padding-top: 44px;
  border-top: 1px solid #B1B1B1;
}
.rgs_review,
.rgs_next,
.rgs_pagenumber{
  display: flex;
  justify-content: center;
  gap: 14px;
}
.rgs_review a,
.rgs_next a,
.rgs_pagenation .rgs_pagenumber li a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  text-align: center;
  font-family: "Public Sans";
  font-size: 0.9375rem;
  color: #111111;
  border-radius: 4px;
  background-color: #FFFFFF;
  border: 1px solid #DBDCE5;
  box-shadow: 3px 3px 2px rgba(0, 91, 159, 0.06);
}
.rgs_pagenation .rgs_pagenumber li.current a{
  color: #FFFFFF;
  background-color: var(--color-blue);
}
.rgs_pagenation .rgs_pagenumber li a::after{content: none;}
.rgs_review > p,
.rgs_next > p{padding-top: 10px;}


/* 絞り込み検索 右メニュー */
.rgs_filter_toggle img{
  padding-right: 8px;
}
.rgs_filterblock{
  width: 100%;
  margin: 0 auto;
}
.rgs_filternow .rgs_filter-sec {
  border: 1px solid var(--border-gray01);
  border-radius: var(--border-radius4);
  padding: 24px 24px 0 24px;
  max-width: 880px;
  margin: 0 auto;
  margin-bottom: 32px;
}
.rgs_filternow .rgs_filter-sec > *{
  margin-bottom: 16px;
}
.rgs_filter-sec-result {
  padding-bottom: 16px;
  border-bottom: 1px solid  var(--border-gray01);
}
.rgs_filter-sec-result p.rgs_filter-sec-d01{
  display: inline;
}
.rgs_filter-sec-flx {
  display: flex;
  align-items: center;
  gap: 18px;
  font-size: 0.875rem;
}


/* 制御バー */
.rgs_controlblock {
  position: relative;
  background-color: var(--color-paleblue);
  padding: 12px 18px 12px 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
  border: 1px solid #C7DEF5;
  border-radius: var(--border-radius4);
  font-size: 0.875rem;
}
.rgs_controlblock::after{
  content: "";
  position: absolute;
  bottom: -10px;
  left: 32px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 10px solid var(--color-paleblue);
  z-index: 1;
}
.rgs_controlblock::before{
  content: "";
  position: absolute;
  bottom: -11px;
  left: 31px;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 11px solid #C7DEF5;
  z-index: 1;
}
.rgs_control-l {
  gap: 12px;
}
.rgs_control-r {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 4px 12px;
}
.rgs_linkedbtnblock{
  display: flex;
  align-items: center;
  gap: 8px;
}
.rgs_linkedbtnblock > div{
  min-width: 140px;
  flex: 1 1 auto;
}


/* 背景青い物件の名前部分（物件一覧のリスト） */
.rgs_bukkennameblock {
  background-color: var(--color-paleblue);
  padding: 8px 18px 8px 28px;
  display: flex;
  align-items: center;
  gap: 8px;
}
h2.rgs_icon_checkbox {
  display: flex;
  gap: 8px;
}
.rgs_bukkenname{
  font-size: clamp(1rem,1.4vw,1.125rem);
}


/* 建物画像とtable2つ入ってるセクション */
.rgs_sectionwrap-list {
  max-width: 880px;
  margin: 0 auto;
  border: 1px solid var(--border-gray01);
  border-radius: var(--border-radius4);
}
.rgs_sectionwrap-list:nth-last-of-type(n + 2){
  margin-bottom: 24px;
}
.rgs_contentwrap-list{
  width: 100%;
  margin: 0 auto;
  padding: 18px 24px 0 24px;
}
.rgs_contentwrap-list .rgs_listflx{
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 16px;
}
.rgs_pictureblock.rgs_builimg{
  max-width: 270px;
}
.rgs_pictureblock.rgs_builimg img{
  aspect-ratio: 3 / 2;
  object-fit: cover;
}
.rgs_contentwrap-list .rgs_listflx-r{
  flex: 1 1 auto;
}
.rgs_hidelist-show > div > div{
  position: relative;
  display: flex;
  justify-content: center;
  gap: 10px;
  align-items: center;
  padding: 16px 24px;
  cursor: pointer;
}
.rgs_hidelist-show > div:nth-of-type(2) > div .rgs_svg{transform: rotate(-90deg);}
span.rgs_hidelist-txt {
  text-decoration: underline;
  text-decoration-color: var(--txt-color01);
  transition: text-decoration-color 0.1s linear, opacity 0.1s linear;
}


/* テーブルver1 建物画像横の表*/
.rgs_table01{
  display: grid;
  grid-template-columns: 20% 80%;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--border-gray01);
  border-radius: var(--border-radius4);
}
.rgs_table01 dt{
  grid-column: 1/2;
  height: 100%;
  display: flex;
  align-items: center;
  background-color: var(--color-gray01);
  border-right: 1px solid var(--border-gray01);
  font-size: 0.8125rem;
  padding: 8px 0 8px clamp(8px,1.5vw,16px);
}
.rgs_table01 dd{
  grid-column: 2/3;
  font-size: clamp(0.75rem,1.95vw,0.8125rem);
  padding: 8px 8px 8px clamp(8px,1.5vw,16px);
  line-height: calc(18 / 13);
  height: 100%;
  align-content: center;
}
.rgs_table01 dt:nth-last-of-type(n + 2),
.rgs_table01 dd:nth-last-of-type(n + 2){
  border-bottom: 1px solid var(--border-gray01);
}


/* テーブルver2 共通部分*/
.rgs_table02{
  max-width: 830px;
}
.rgs_table02-title {
  display: grid;
  justify-content: space-between;
  align-items: center;
  background-color: var(--color-gray01);
  padding: 8px;
}
.rgs_table02-title li {
  text-align: center;
  font-size: 0.75rem;
  line-height: calc(14/12);
}
.rgs_table02-content{
  font-size: 0.875rem;
  line-height: calc(18 / 13);
}
.rgs_table02-content > ul{
  position: relative;
  display: grid;
  justify-content: space-between;
  align-items: center;
  padding: 16px clamp(0px,0.1vw,8px) 16px clamp(3px,1vw,8px);
  gap: 3px 8px;
  transition: background-color 0.1s linear;
}
.rgs_table02-content > ul:nth-last-of-type(n + 2){
  border-bottom: 1px solid var(--border-gray01);
}
.rgs_table02-content ul > li{
  text-align: center;
}
.rgs_tab-content {
  display: none;
}
.rgs_tab-content.active {
  display: block;
}
.rgs_pictureblock.rgs_tab-content img{
  width: auto;
  height: auto;
  aspect-ratio: 5 / 4;
  object-fit: contain;
}
li.rgs_floor span{
  font-size: clamp(0.75rem,3vw,0.875rem);
}
li.rgs_rent {
  color: var(--color-pink);
}
li.rgs_rent p{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0 8px;
}
span.rgs_rent_num {
  font-family: "Public Sans", sans-serif;
  font-size: clamp(1.125rem,2vw,1.375rem);
}
span.rgs_rent_num-unit {
  font-family: "Kosugi Maru","Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  font-size: clamp(0.625rem,2vw,0.75rem);
  vertical-align: baseline;
  padding-left: 4px;
}
span.rgs_rent_num-o{
  font-size: clamp(0.75rem, 3.2vw, 0.875rem);
}
span.rgs_renttxt{
  vertical-align: baseline;
}
li.rgs_rentmana{
  font-size: clamp(0.75rem,3vw,0.875rem);
}
li.rgs_deposit ul{
  display: flex;
  flex-direction: column;
  gap: 6px;
}
li.rgs_deposit ul li{
  font-size: clamp(0.75rem,3vw,0.875rem);
}
li.rgs_deposit span.rgs_fsize_adj {
  background-color: #727482;
  color: #FFFFFF;
  font-size: clamp(0.625rem,2vw,0.75rem);
  vertical-align: baseline;
  border-radius: 3px;
  padding: 4px;
  margin-right: 4px;
}
li.rgs_layout ul{
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0 clamp(3px,1vw,5px);
}
li.rgs_layout ul li{
  font-size: clamp(0.75rem, 3.2vw, 0.875rem);
}
li.rgs_spshow{
  display: none;
}
li.rgs_panoramatxt{
  display: none;
  margin-top: 6px;
}
li.rgs_panoramatxt span.rgs_panorama{
  justify-content: flex-start;
}
.rgs_listflx-table{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.rgs_linkedbtnwrap{
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.rgs_linkedbtnwrap .rgs_linkedbtn-favorite a{
  padding: clamp(6px,2vw,9px);
}
.rgs_linkedbtnwrap .rgs_linktxt a{pointer-events: all;}
.rgs_btncell .rgs_linktxt a{pointer-events: all;}


/* テーブルver2 検索結果一覧と大学詳細*/
.rgs_table02-title.rgs_table02t-su{
  grid-template-columns: 100px 40px 120px 80px 80px 210px;
}
.rgs_table02-content.rgs_table02t-su > ul{
  grid-template-columns: 100px 40px 120px 80px 80px 210px;
}
.rgs_table02-title.rgs_table02t-su li:last-child {
  margin: 0 auto 0 0;
  padding-left: 24px;
}
.rgs_table02-content.rgs_table02t-su span.rgs_renttxt{
  display: none;
}


/* テーブルver2 建物詳細と物件詳細 */
li.rgs_rentarea ul{
  display: flex;
  justify-content: space-around;
  align-items: baseline;
  gap: 0;
}
li.rgs_layoutarea ul{
  display: flex;
  justify-content: space-around;
  align-items: baseline;
  gap: 0 clamp(0px,1vw,24px);
}
.rgs_table02-content.rgs_table02t-bd li.rgs_layoutarea ul li{
  font-size: clamp(0.75rem,3vw,0.875rem);
}


/* テーブルver2 お気に入りと最近見た物件とお問い合わせ*/
.rgs_table02t-fh{
  border: 1px solid var(--border-gray01);
  border-radius: var(--border-radius4);
}
.rgs_table02t-fh:nth-last-of-type(n + 2){
  margin-bottom: 16px;
}
.rgs_table02-title.rgs_table02t-fh{
  font-size: 0.875rem;
  line-height: calc(18 / 13);
  border: 1px solid var(--border-gray01);
  border-radius: var(--border-radius4);
}
.rgs_table02-title.rgs_table02t-fh:nth-last-of-type(n + 2){
  margin-bottom: 16px;
}
.rgs_table02-content.rgs_table02t-fh > ul{
  grid-template-columns: 300px repeat(4, auto);
  padding: 20px;
  gap: 8px;
}
.rgs_table02-content.rgs_table02t-fh > ul{
  text-align: left;
}
.rgs_table02-content.rgs_table02t-fh ul > li{
  text-align: left;
}
.rgs_table02-content.rgs_table02t-fh > ul li.rgs_img{
  display: flex;
  align-items: center;
  gap: clamp(8px,1.5vw,16px);
}
.rgs_table02-content.rgs_table02t-fh .rgs_pictureblock.rgs_picture01 img{
  aspect-ratio: 3/2;
  width: 100%;
  height: auto;
  max-width: 150px;
  object-fit: cover;
}
.rgs_table02-content.rgs_table02t-fh .rgs_pictureblock.rgs_picture02 img{
  aspect-ratio: 3/2;
  width: 100%;
  height: auto;
  max-width: 150px;
  object-fit: contain;
}
.rgs_table02-content.rgs_table02t-fh li.rgs_details{
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: clamp(0px, 0.8vw, 10px);
  font-size: clamp(0.75rem,3.2vw,0.875rem);
}
.rgs_table02-content.rgs_table02t-fh li.rgs_rentwrap > ul{
  display: flex;
  flex-direction: column;
  align-items: baseline;
  gap: 6px 4px;
}
.rgs_table02-content.rgs_table02t-fh li.rgs_rentblock ul{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 clamp(8px,1.2vw,16px);
  color: var(--color-pink);
}
.rgs_table02-content.rgs_table02t-fh span.rgs_rent_num {
  display: flex;
  align-items: baseline;
  gap: clamp(1px,0.5vw,8px);
}
.rgs_table02-content.rgs_table02t-fh span.rgs_renttxt{
  font-size: clamp(0.625rem,2.2vw,0.75rem);
}
.rgs_table02-content.rgs_table02t-fh span.rgs_rent_num-o {
  display: flex;
  align-items: baseline;
  gap: clamp(1px,0.5vw,8px);
}
.rgs_table02-content.rgs_table02t-fh li.rgs_deposit{
  color: var(--txt-color01);
}
.rgs_table02-content.rgs_table02t-fh li.rgs_deposit ul{
  flex-direction: row;
  flex-wrap: wrap;
}
.rgs_table02-content.rgs_table02t-fh li.rgs_listflx-table{
  gap: 32px;
}
.rgs_table02-content.rgs_table02t-fh li.rgs_listflx-table .rgs_linktxt a{
  justify-content: flex-start;
  font-size: clamp(0.75rem, 3.2vw, 0.875rem);
  padding-left: 0;
}
.rgs_table02-content.rgs_table02t-fh .rgs_linkedbtnwrap > div{
  min-width: 140px;
}


/* 共通 検索結果一覧と大学詳細 */
.rgs_articlewrap{
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.rgs_listblock{
  max-width: 880px;
  width: 100%;
  margin: 0 auto;
}
.rgs_filterwrap{
  position: relative;
  max-width: 360px;
  width: 100%;
}


/* 画像wrap 建物詳細と物件詳細 */
.rgs_picturewrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px 30px;
  margin-bottom: 48px;
}
.rgs_mvwrap{
  width: 55.4%;
  max-width: 720px;
}
.rgs_bigthumbnailwrap,
.rgs_thumbnailwrap {
  position: relative;
}
.rgs_bigthumbnailblock{
  display: none;
}
.rgs_bigthumbnailblock.slick-initialized{display: block;}
.rgs_bigthumbnailblock a{
  display: block;
  aspect-ratio: 720 / 480;
}
.rgs_bigthumbnailblock img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rgs_thumbnailblock{
  display: none;
  max-width: 100%;
  margin-top: 16px;
  background-color: var(--color-gray01);
  border-radius: var(--border-radius4);
  padding: 8px clamp(22px,6vw,40px);
}
.rgs_thumbnailblock.slick-initialized{display: block;}
.rgs_thumbnailblock .slick-track{
  display: flex;
  gap: clamp(5px,1.5vw,8px);
}
.rgs_thumbnailblock .slick-slide{
  flex: 0 0 auto;
  width: clamp(56px,15vw,100px) !important;
  align-content: center;
  background-color: #FFFFFF;
}
.rgs_thumbnailblock .slick-slide.slick-current{
  border: 3px solid #0065B1;
}
.rgs_thumbnailblock .slick-slide div div.rgs_thumbnail-list{
  padding: clamp(4px,1vw,6px) 0;
  box-sizing: content-box;
}
.rgs_thumbnailblock picture{
  display: block;
  aspect-ratio: 100 / 68;
}
.rgs_thumbnailblock img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
span.big-prev,
span.big-next,
span.thumb-prev,
span.thumb-next{
  padding: 8px;
  z-index: 1;
  cursor: pointer;
}
span.big-prev.slick-disabled,
span.big-next.slick-disabled,
span.thumb-prev.slick-disabled,
span.thumb-next.slick-disabled {
  opacity: 0.3;       
  pointer-events: none; 
  transition: opacity 0.2s;
}
span.big-prev,
span.thumb-prev{
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%) rotate(180deg);
}
span.big-next,
span.thumb-next {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}
span.big-prev.rgs_arrow-wh svg,
span.big-next.rgs_arrow-wh svg{
  width: 14px;
  height: 28px;
}
span.big-prev.rgs_arrow-wh svg use,
span.big-next.rgs_arrow-wh svg use{
  box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.33);
}
span.thumb-prev.rgs_arrow-bl svg,
span.thumb-next.rgs_arrow-bl svg{
  stroke-width: 3;
}
/* スライダー矢印 */
span.thumb-prev{
  left: clamp(1px,0.4vw,8px);
}
span.thumb-next{
  right: clamp(1px,0.4vw,8px);
}
/* 画像モーダル */
.rgs_imgmodal{
  display: none;
}


/* 地図・周辺環境 建物詳細と物件詳細*/
.rgs_mapblock{
 margin-bottom: 80px;
}
.rgs_mapwrap {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(18px, 3vw, 48px);
  align-items: flex-start;
}
.rgs_map{
  flex: 1 1 auto;
  min-width: 450px;
  max-width: 900px;
}
.rgs_map iframe{
  width: 100%;
  height: 100%;
}
.rgs_map-details{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 0 1 auto;
  gap: 32px 0;
}
.rgs_map-details ul li{
  position: relative;
  padding-left: 18px;
  font-size: clamp(0.875rem,2.3vw,1rem);
}
.rgs_map-details ul li::after{
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: var(--color-blue);
  border-radius: 50%;
  left: 0;
  top: 9.5px;
}


/* 絞り込み検索 */
.rgs_filter_toggle{
  position: relative;
  display: none;
  background-color: var(--color-paleblue);
  border-radius: var(--border-radius4);
  padding: 24px 16px;
  cursor: pointer;
}
.rgs_filter_toggle::after{
  content: '＋';
  position: absolute;
  font-size: 1rem;
  font-weight: 600;
  width: 28px;
  height: 28px;
  color: var(--color-blue);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s ease;
  top: 50%;
  transform: translateY(-50%);
  right: 2%;
}
.rgs_filter_toggle.open::after{
  content: '−';
}
.rgs_filter_toggle p{
  display: flex;
  align-items: center;
  font-size: 1.125rem;
}
.rgs_labelblock ul{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
}
.rgs_labelblock ul li {
  width: calc(50% - 8px);
}
.rgs_filter_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-image: linear-gradient(180deg, rgba(0, 68, 158, 1), rgba(0, 138, 210, 1));
  box-shadow: inset 0px 3px 0px 0px rgba(0, 91, 159, 0.1);
  padding: clamp(24px,2vh,30px) clamp(8px, 2vw, 24px) clamp(18px, 2vh, 24px);
  border-radius: 4px 4px 0 0;
}
.rgs_filter_title p {
  display: flex;
  align-items: baseline;
  font-size: 0.875rem;
  color: #FFFFFF;
}
.rgs_filter_num {
  font-size: 2.25rem;
}
.rgs_unit {
  padding-left: 6px;
  font-size: 1rem;
}
.rgs_unit02 {
  padding-right: 10px;
  font-size: 0.875rem;
}
.rgs_filter_content {
  padding: 0 clamp(14px, 2vw, 24px);
  margin-bottom: 32px;
}
.rgs_filter_content > div{
  padding: clamp(12px,3%,24px) 0;
}
.rgs_filter_content > div span{
  font-size: clamp(0.75rem,2vw,0.875rem);
}
.rgs_filter_content > div span.rgs_kome{
  font-size: 0.8125rem;
}
.rgs_filter_content > div:nth-last-of-type(n + 2) {
  border-bottom: 1px solid var(--border-gray01);
}
.rgs_filtertitle h2 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 1.25rem;
  align-content: end;
}
.rgs_filter-sec > * {
  margin-bottom: 10px;
}
.rgs_filter-sec-flx .rgs_linktxt a{
  font-size: clamp(0.75rem,3.5vw,0.875rem);
}
.rgs_filter-sec-t-sub + *:nth-last-of-type(n + 2) {
  margin-bottom: 32px;
}
.rgs_filter-scrlwrap ol {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 20px;
}
.rgs_filter-scrlwrap-t {
    font-size: 0.75rem;
}
.rgs_filter-scrlwrap-de {
  display: inline-block;
  background-color: var(--txt-color01);
  padding: 6px 8px;
  border-radius: 3px;
}
.rgs_filter-scrlwrap-de a {
  color: #FFFFFF;
}
.rgs_labelblock{
  display: flex;
  align-items: center;
  gap: 8px;
}
.rgs_filter-sec-result{
  font-size: clamp(0.75rem,3.5vw,0.875rem);
}
.rgs_filter-sec-t{
  color: var(--color-blue);
  margin-bottom: 12px;
  font-size: clamp(0.875rem, 1.6vw, 1rem);
}
.rgs_filter_result{
  position: sticky;
  bottom: 0;
  right: 0;
  max-width: 360px;
  width: 100%;
  background-color: var(--color-paleblue);
  border-radius: 0 0 3px 3px;
  padding: 20px 0;
  z-index: 100;
}
.rgs_filter_result > *:nth-last-of-type(n + 2) {
  margin-bottom: 12px;
}
.rgs_result_num {
  color: var(--color-blue);
  font-size: 1.625rem;
}
.rgs_result {
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.rgs_result span.rgs_unit {
  font-size: 0.875rem;
}
.rgs_filter-btn{
  margin: 0 auto;
  text-align: center;
  max-width: 310px;
}
.rgs_filter-btn a{
  position: relative;
  overflow: hidden;
  background-image: linear-gradient(180deg, rgba(0, 68, 158, 1), rgba(33, 108, 206, 1));
  border-radius: var(--border-radius4);
  display: block;
  font-size: 1.125rem;
  color: #FFFFFF;
  padding: 18px 16px;
  transition: transform 0.1s linear;
}
.rgs_filter-btn a > * {
  position: relative;
  z-index: 1;
}
.rgs_filter-btn a::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(180deg, rgba(33, 108, 206, 1), rgba(0, 68, 158, 1));
  opacity: 0;
  transition: opacity 0.1s linear;
  border-radius: inherit;
  z-index: 0;
}
.rgs_filter-clear {
  text-align: center;
}
.rgs_filter-clear a {
  font-size: 0.875rem;
  text-decoration: underline;
}
/* formボタン */
.rgs_labelblock label input[type="radio"],
.rgs_labelblock label input[type="checkbox"],
.rgs_labelblock label select{
  position: absolute;
  visibility: hidden;
  width: auto;
  height: auto;
}
/* 選択肢 */
/* text */
.rgs_freeword{
  position: relative;
  width: fit-content;
}
.rgs_freeword input{
  width: max-content;
  min-width: 310px;
  height: max(48px, 2.5vw);
  border-radius: var(--border-radius4);
  background-color: var(--color-gray02);
  border: 1px solid var(--border-gray01);
}
.rgs_freeword span{
  position: absolute;
  right: min(20px, 1.04vw);
  top: calc(50% - 8px);
  height: 16px;
  width: 16px;
  padding: 0;
  background: none;
  border: none;
}
/* select */
.rgs_labelblock label .rgs_selectbtn{
  position: relative;
  display: flex;
  justify-content: center;
  gap: 20px;
  align-items: center;
  font-size: clamp(0.75rem,3.5vw,0.875rem);
  width: max-content;
  height: 100%;
  padding: 3px 16px;
  border-radius: 3px;
  background-color: var(--color-gray01);
  border: 1px solid var(--border-gray02);
  cursor: pointer;
  transition: border-color 0.2s linear;
}
.rgs_clearbtn{display: none;}
.rgs_mockselect{
  position: absolute;
  display: none;
  width: max-content;
  max-height: 300px;
  max-width: calc(100% - 28px);
  background-color: #FFFFFF;
  border: 1px solid #D5D5DB;
  overflow-y: scroll;
  z-index: 105;
}
.rgs_mockselect p{padding: 0 0.5em;}
.rgs_hideselect{display: none;}
/* icon_checkbox */
.rgs_labelblock label span.rgs_icon_checkbox{
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}
input[type="checkbox"]:checked + .rgs_icon_checkbox .rgs_icon_check.rgs_icon_check-n {
  background-color: var(--color-blue);
  color: #FFFFFF;
}
.rgs_labelblock label span.rgs_icon_checkbox span:nth-of-type(2){width: calc(100% - 28px);}
/* radio */
.rgs_labelblock label span.rgs_radiobox{
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
input[type="radio"]:checked + .rgs_radiobox .rgs_radio.rgs_radio-n {
  background-color: var(--color-blue);
}
input[type="radio"]:checked + .rgs_radiobox .rgs_radio.rgs_radio-n::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #FFFFFF;
}
.rgs_radio{
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid var(--border-gray01);
  transition: border-color 0.2s linear;
}
.rgs_radio.rgs_radio-n{
  background-color: var(--color-gray02);
  border: 1px solid var(--border-gray01);
  transition: background-color 0.3s, border-color 0.2s linear;
}


/* 追従ボタン */
.rgs_bottomchase{
  position: fixed;
  bottom: 20px;
  left: 50%;
  max-width: 380px;
  width: 90%;
  transform: translateX(-50%);
  z-index: 200;
}
.rgs_btm-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
}
.rgs_btm-btn-c1 a,
.rgs_btm-btn-c2 a{ 
  background-color: #001E40;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 5px;
  height: 100%;
  color: #FFFFFF;
  cursor: pointer;
}
.rgs_btm-btn-c1{
  flex: 0 0 30%;
  height: 100%;
}
.rgs_btm-btn-c1 a{
  font-size: clamp(0.5625rem,0.875vw,0.625rem);
}
.rgs_btm-btn-c1 a span svg{
  transition: transform 0.2s ease-in;
}
.rgs_btm-btn-c1:first-of-type a{
  border-radius: 32px 0 0 32px;
}
.rgs_btm-btn-c2{
  flex: 0 0 40%;
  height: 100%;
}
.rgs_btm-btn-c2 a{
  font-size: clamp(0.875rem,1.6vw,1rem);
  border-radius: 0 32px 32px 0;
  transition: background-color 0.1s linear;
}
.rgs_btm-btn .rgs_heart-wh svg {
  stroke: #FFFFFF;
  fill: transparent;
}
.rgs_line {
  position: relative;
  display: inline-block;
  flex: 0 0 1px;
  height: 100%;
  background-color: #001E40;
}
.rgs_line::before{
  content: '';
  position: absolute;
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 1px;
  height: 66%;
  background-color: rgb(255 255 255 / 15%);
}


/* 並び替えと表示があるブロック */
.rgs_viewsortwrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 64px;
  margin: 0 auto;
  margin-bottom: 18px;
}
.rgs_sort{
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  gap: 8px;
}
span.rgs_sort_result{
  display: none;
  font-size: 0.75rem;
}
span.rgs_sort_num{
  color: var(--color-blue);
  font-size: 1.25rem;
  vertical-align: baseline;
}
.rgs_sort .rgs_mockselect{overflow-y: visible;}
.rgs_view{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
/* tab */
.rgs_switch-white02 .rgs_switch-tabswrap{
  max-width: 430px;
  margin: 0 auto;
  background-color: var(--color-gray01);
  border-radius: var(--border-radius4);
  padding: 5px;
}
.rgs_switch-white02 .rgs_switch-tabswrap ul li{
  color: var(--txt-color01);
  align-items: center;
  border-radius: var(--border-radius4);
  padding: 6px 24px;
  background-color: var(--color-gray01);
  display: flex;
  justify-content: center;
  gap: 10px;
  font-size: clamp(0.875rem,1.6vw,1rem);
}
.rgs_switch-white02 .rgs_switch-tabswrap ul li.active {
  background: #FFFFFF;
  color: var(--txt-color01);
}
.rgs_switch-white02 .rgs_switch-tabswrap ul li:not(.active){
  transition: opacity 0.1s linear;
}


/* 間取/写真切替 tab */
.rgs_tab-container {
  position: relative;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  align-items: center;
}
.rgs_switch-white{
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.rgs_switch-white .rgs_switch-tabswrap{
  max-width: 72px;
  margin: 0 auto;
  background-color: #404040;
  border-radius: 3px;
  padding: 2px;
}
.rgs_switch-white .rgs_switch-tabswrap ul li{
  color: #FFFFFF;
  font-size: 0.75rem;
  width: 100%;
  max-width: 34px;
  border-radius: 2px;
  padding: 5px;
  background-color: #404040;
}
.rgs_switch-white .rgs_switch-tabswrap ul li.active {
  background: #FFFFFF;
  color: var(--txt-color01);
}
.rgs_switch-white .rgs_switch-tabswrap ul li:not(.active){
  transition: opacity 0.1s linear;
}


/* 読み込むセクションのタイトル */
.rgs_sectionttl01 {
  display: flex;
  align-items: center;
  gap: 16px;
  background-color: var(--color-paleblue);
  padding: clamp(14px,3.8vw,22px) clamp(14px,3.8vw,24px);
  font-size: clamp(1rem,3.2vw,1.375rem);
}


/* 似た条件の物件 */
.rgs_similarwrap {
  margin-bottom: 100px;
}
.rgs_similarwrap ul{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(184px, 1fr));
  gap: 12px;
}
.rgs_similarwrap ul li{
  border: 1px solid var(--border-gray01);
  width: fit-content;
  margin: 0 auto;
  border-radius: 4px;
}
.rgs_similarwrap ul li figure {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.rgs_similarwrap ul li img{
  width: 100%;
  height: 100%;
  aspect-ratio: calc(85 / 64);
  object-fit: cover;
}
.rgs_similar-figcaption{
  padding: clamp(12px,2vw,16px);
  padding-bottom: clamp(18px,3vw,24px);
}
.rgs_similar-top{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.rgs_similar-top .rgs_rent_num{
  font-family: "Public Sans", sans-serif;
  color: var(--color-pink);
  font-size: 1.25rem;
}
.rgs_similar-txt {
  font-size: clamp(0.75rem,1.2vw,0.875rem);
  line-height: calc(17/14);
}


/* ページ下部リンク集 */
.rgs_sumblock{
  background-color: var(--color-gray01);
  padding: 48px 0;
  margin-bottom: 80px;
}
.rgs_sumcontent{
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 14px;
}
.rgs_sumcontent dl:nth-last-of-type(n + 2){
  padding-bottom: 24px;
  border-bottom: 1px solid var(--border-gray01);
}
.rgs_sumcontent dl:not(:first-of-type) {
  padding-top: 24px;
}
.rgs_sumcontent dl dt{
  margin-bottom: 8px;
}
.rgs_sumcontent dl dd {
  display: inline-block;
  padding-right: 8px;
}
.rgs_sumcontent dl dd a {
  font-size: 0.875rem;
  color: var(--color-blue);
  padding: 8px;
  text-decoration: underline;
  text-decoration-color: var(--color-blue);
  transition: text-decoration-color 0.2s linear;
}
.rgs_sumcontent dl dd:nth-last-of-type(n + 2){
  border-right: 1px solid var(--border-gray01);
}


/* ※付文 */
.rgs_kome {
  display: inline-block;
  vertical-align: baseline;
  font-size: 0.8125rem;
  color: var(--txt-color01);
  padding-left: 12px;
  text-indent: -12px;
}
.rgs_kome::before {
  content: "※";
  display: inline;
}
.rgs_kome-flx {
  display: flex;
  flex-direction: column;
}




@media screen and (min-width:821px){
  .rgs_header .rgs_navi ul:first-of-type li a:hover{color: var(--color-blue);}
  .rgs_header .rgs_navi ul:last-of-type li a:hover{background-color: #3084C4;}

  /* パンくず */
  .rgs_scrlwrap ol li a:hover{text-decoration-color: #111111;}

  .rgs_linktxt a:hover span.rgs_svg{transform: translateX(3px);}

  .rgs_linkedlist li a:hover{color:var(--color-blue);transform: translateY(2px);}

  .rgs_linktxt a:hover{text-decoration-color: transparent;}

  .rgs_linkedbtn-l a:hover,
  .rgs_branchlist li .rgs_linkedbtn-l a:hover{background-color: var(--color-blue); color: #FFFFFF;transform: translateY(2px);}
  .rgs_linkedbtn-l a:hover .rgs_arrow-bl svg{color: #FFFFFF;}

  .rgs_linkedbtn-s a:hover{background-color: var(--color-blue); color: #FFFFFF;transform: translateY(2px);}
  .rgs_linkedbtn-s a:hover .rgs_arrow-bl svg{color: #FFFFFF;}

  .rgs_linkedbtn-favorite a:hover{background-color: var(--color-paleblue);color: var(--color-blue);}
  .rgs_mini-section02 .rgs_linkedbtn-favorite a:hover{transform: translateY(2px);}

  .rgs_linkedbtn-remove a:hover{background-color: var(--color-gray02);color: var(--color-blue);}

  .rgs_mini-section02 .rgs_linkedbtn-contact a:hover{transform: translateY(2px);}
  .rgs_linkedbtn-contact a:hover::before {opacity: 1;}

  .rgs_mini-section02 .rgs_linkedbtn-line a:hover {transform: translateY(2px);}
  .rgs_linkedbtn-line a:hover::before {opacity: 1;}

  .rgs_mini-section02 .rgs_linkedbtn-online a:hover {transform: translateY(2px);}
  .rgs_mini-section02 .rgs_linkedbtn-online a:hover::before {opacity: 1;}

  .rgs_filter-btn a:hover{transform: translateY(2px);}
  .rgs_filter-btn a:hover::before {opacity: 1;}

  .rgs_inputblock input:hover{box-shadow: 0 0 0px 1px var(--color-blue) inset;}
  .rgs_searchbtn:hover{background: #4C96CE;}
  .rgs_mockselect p:hover{background-color: var(--color-paleblue);}

  .rgs_table02-content > ul:hover{background-color: rgb(239, 247, 255, 0.5);}

  .rgs_switch-white02 .rgs_switch-tabswrap ul li:not(.active):hover{opacity: 0.4;}
  .rgs_switch-white .rgs_switch-tabswrap ul li:not(.active):hover{opacity: 0.4;}

  .rgs_linkedbtn-share a:hover{background-color: var(--color-gray02);}

  .rgs_sumcontent dl dd a:hover {text-decoration-color: transparent;}

  .rgs_cv-linklist a:hover{color: var(--color-blue);}
  .rgs_cv-linklist a:hover .rgs_arrow-bl{transform: translateX(10px);}
  .rgs_footer-top .rgs_sns ul li a:hover{background-color: #4C96CE;}
  .rgs_footer-mdle ul.rgs_navi li:nth-last-of-type(n+2) a:hover{text-decoration-color: #FFFFFF;}
  .rgs_footer-mdle ul.rgs_navi li.rgs_footer-coloredtitle a:hover{
    color: #FFFFFF;
    background-color: #4C96CE;
  }
  .rgs_footer-mdle ul.rgs_navi li.rgs_footer-coloredtitle a:hover .rgs_gaibu-bl svg{color: #FFFFFF;}
  .rgs_footer-btm ul.rgs_navi li a:hover{text-decoration-color: #FFFFFF;}

  /* 建物画像とtable2つ入ってるセクション */
  .rgs_hidelist-show:hover span.rgs_hidelist-txt{
    text-decoration-color: transparent;
    opacity: 0.4;
  }

  /* 詳細画面メイン画像 */
  .rgs_bigthumbnailblock a:hover img{opacity: 0.7;}

  /* 絞り込み検索 */
  .rgs_labelblock label .rgs_selectbtn:hover,
  .rgs_searchbar input:hover,
  .rgs_labelblock label span.rgs_icon_checkbox:hover .rgs_icon_check.rgs_icon_check-n,
  .rgs_labelblock label span.rgs_radiobox:hover .rgs_radio{border-color: #333333;}
  .rgs_filter_toggle:hover{background-color: #95CEFE;}

  /* 追従ボタン */
  .rgs_btm-btn-c1 a:hover span svg{transform: translateY(-2px);}
  .rgs_btm-btn-c2 a:hover{background-color: #021224;}

  /* 予約モーダル */
  .rgs_headmdlclose:hover{background-color: #C7DEF5;}
  .rgs_mdlclose span:hover{background-color: #C7DEF5;}

  /*pagenation*/
  .rgs_review a:hover,
  .rgs_next a:hover,
  .rgs_pagenation .rgs_pagenumber li a:hover{
    color: var(--color-blue);
    border-color: var(--color-blue);
  }
}




@media (max-width: 1600px) {
  .rgs_cv{
    padding-bottom: clamp(0rem, -4.599rem + 8.97vw, 4.375rem);/* 0-70 820-1600 */
  }
  .rgs_cvwrap{
    padding: 0 clamp(1rem, -1.891rem + 5.64vw, 3.75rem);/* 16-60 820-1600 */
  }
  .rgs_cv-txt{
    font-size: clamp(1rem, 0.606rem + 0.77vw, 1.375rem);/* 16-22 820-1600 */
    margin-bottom: clamp(1.5rem, -2.968rem + 8.72vw, 5.75rem);/* 24-92 820-1600 */
  }
  .rgs_cv::before{
    bottom: max(11.75vw, 150px);/*188÷1600*/
    right: 64px;
    width: 14vw;
    height: 14.125vw;
    background-size: contain;
  }
}
@media (max-width: 1300px){
  /* header */
  .rgs_header{padding-left: 0;}
  .rgs_header .rgs_logo{
    padding: 0 20px 0 clamp(0.625rem, -6.434rem + 11.76vw, 3.125rem);/* 10-50 960-1300 */
    flex: 0 1 auto;
  }
  .rgs_header .rgs_navi{
    justify-content: end;
    flex: 1 0 auto;
  }
  .rgs_header .rgs_navi ul:first-of-type{
    margin-right: clamp(0.875rem, -3.713rem + 7.65vw, 2.5rem);/* 14-40 960-1300 */
  }
  .rgs_header .rgs_navi ul:last-of-type li{
    width: clamp(5rem, -3.471rem + 14.12vw, 8rem);/* 80-128 960-1300 */
    font-size: clamp(0.625rem, 0.449rem + 0.29vw, 0.688rem);/* 10-11 960-1300 */
  }
  .rgs_header .rgs_navi ul:last-of-type li a{
    font-size: clamp(0.688rem, 0.335rem + 0.59vw, 0.813rem);/* 11-13 960-1300 */
  }


  .rgs_linkedlist li a{
    padding: 16px clamp(14px,2vw,20px);
  }


  /* テーブルver2 お気に入りと最近見た物件とお問い合わせ*/
  .rgs_table02-content.rgs_table02t-fh > ul{
    grid-template-columns: 300px repeat(2, auto);
    grid-template-rows: repeat(3, auto);
    padding-right: clamp(24px,3.2vw,48px);
  }
  .rgs_table02-content.rgs_table02t-fh li.rgs_img{
    grid-row: 1 / -1;
  }
  .rgs_table02-content.rgs_table02t-fh li.rgs_details {
    grid-row: 1 / -1;
  }
  .rgs_table02-content.rgs_table02t-fh li.rgs_listflxbox > ul{
    flex-direction: column;
  }
  .rgs_table02-content.rgs_table02t-fh li.rgs_rentwrap{
    grid-row: 1 / 2;
    grid-column: 3 / 4;
  }
  .rgs_table02-content.rgs_table02t-fh li.rgs_rentblock ul{
    flex-direction: row;
  }
  .rgs_table02-content.rgs_table02t-fh li.rgs_layout{
    grid-row: 2 / 3;
    grid-column: 3 / 4;
  }
  .rgs_table02-content.rgs_table02t-fh li.rgs_layout ul{
    flex-direction: row;
    justify-content: flex-start;
  }
  .rgs_table02-content.rgs_table02t-fh li.rgs_listflx-table{
    grid-row: 3 / 4;
    grid-column: 3/4;
  }
  .rgs_table02-content.rgs_table02t-fh .rgs_listflx-table .rgs_linkedbtnwrap{
    flex-direction: row;
  }
  .rgs_table02-content.rgs_table02t-fh li.rgs_listflx-table .rgs_linktxt .rgs_linktxt-t{
    display: none;
  }
  .rgs_table02-content.rgs_table02t-fh li.rgs_listflx-table > .rgs_linktxt {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
  }


  /* CV */
  .rgs_cvwrap{
    bottom: 56px;
  }
}

@media (max-width: 1200px){
  /* 共通 検索結果一覧と大学詳細 */
  .rgs_articlewrap{
    max-width: 880px;
    margin: 0 auto;
    flex-direction: column;
    justify-content: center;
  }
  .rgs_filterwrap{
    display: contents;
  }
  .rgs_filter_toggle{
    display: block;
  }
  .rgs_filterblock{
    display: contents;
  }
  .rgs_filternow {
    order: -1;
  }
  .rgs_filter_result{
    position: inherit;
  }
  .rgs_filter_more{
    display: none;
  }
  .rgs_filter_toggle.open + .rgs_filterblock .rgs_filter_more{ 
    display: block;
  }
  .rgs_labelblock ul li{
    width: auto;
  }
  .rgs_filter_result{
    max-width: 100%;
  }


  .rgs_pagenation{margin-bottom: 80px;}
}

@media (max-width: 960px){
  /* header */
  .rgs_header{
    height: clamp(3.5rem, -12.607rem + 31.43vw, 6.25rem);/* 56-100 820-960 */
    height: 56px;
  }
  .rgs_header .rgs_logo a img{
    max-height: 40px;
    display: block;
  }
  ul.rgs_navi-spnone,
  li.rgs_navi-spnone{/*cssの強弱の関係でul、liが必要*/
    display: none;
  }
  .rgs_headnavibtn{
    display: block;
  }


  /* 共通 建物詳細と物件詳細 */
  /* 画像wrap */
  .rgs_picturewrap{
    justify-content: center;
    flex-wrap: wrap;
  }
  .rgs_mvwrap{
    width: 100%;
  }

  /* テーブルver2 お気に入りと最近見た物件とお問い合わせ*/
  .rgs_table02-content.rgs_table02t-fh > ul{
    grid-template-columns: repeat(2, auto);
    justify-content: flex-start;
  }
  .rgs_table02-content.rgs_table02t-fh li.rgs_img{
    grid-row: 1 / 2;
  }
  .rgs_table02-content.rgs_table02t-fh li.rgs_details{
    grid-row: 2 / -1;
  }
  .rgs_table02-content.rgs_table02t-fh li.rgs_rentwrap {
    grid-column: 2 / 3;
  }
  .rgs_table02-content.rgs_table02t-fh li.rgs_layout{
    grid-column: 2 / 3;
  }
  .rgs_table02-content.rgs_table02t-fh li.rgs_listflx-table{
    grid-column: 2 / 3;
  }

}

@media (max-width: 820px) {
  /* header */
  .rgs_spnav_contactlist li a{
    padding: 20px clamp(0.5rem, -0.465rem + 3.59vw, 1.375rem);/* 8-22 430-820 */
  }


  /* CV */
  .rgs_cvimg{
    height: 418px;
  }
  .rgs_cvimg img {
    height: 100%;
    object-fit: cover;
  }
  .rgs_cv-txt{
  text-align: center;
  }
  .rgs_cv-linklist ul{
    flex-wrap: wrap;
  }
  .rgs_cv-menu {
    font-size: 1rem;
  }
  .rgs_cv-icon{
    width: 46px;
    height: 46px;
  }
  .rgs_cv::before{content: none;}


  /* パンくず */
  .rgs_scrlwrap{
    margin-right: 0;
  }
  .rgs_scrlwrap ol li{
    font-size: clamp(0.563rem, 0.425rem + 0.51vw, 0.688rem);/* 9-11 430-820 */
  }


  /* 下層ページタイトル */
  .rgs_pagettl{
    font-size: clamp(1.688rem, 1.067rem + 2.31vw, 2.25rem);/* 27-36 430-820 */
  }
  .rgs_coloredtitle-flx{
    margin-bottom: clamp(0.5rem, -0.051rem + 2.05vw, 1rem);/* 8-16 430-820 */
  }


  /* リンクリスト */
  .rgs_linkedlist{
    grid-template-columns: repeat(2, 1fr);
  }


  /* 背景色付き小さい四角い見出し */
  .rgs_coloredtitle{
    font-size: clamp(0.625rem, 0.349rem + 1.03vw, 0.875rem);/* 10-14 430-820 */
  }


  /* 間取/写真切替 tab */
  .rgs_switch-white {
    display: none;
  }


  /* テーブルver2 共通*/ 
  .rgs_table02-title {
    display: none;
  }
  .rgs_branchlist li {
    flex: 1 1 100%;
  }
  .rgs_onlinelink{
    flex-wrap: wrap;
  }
  .rgs_onlinelink .rgs_linkedbtn-l {
    flex: 1 1 100%;
  }
  .rgs_spbr{
    display: block;
  }


  /* 共通 検索結果一覧と大学詳細 */
  .rgs_contentwrap-list{
    padding: 18px max(14px, 2.92vw) 0 max(14px, 2.92vw);
  }
  /* テーブルver2 検索結果一覧と大学詳細 */
  .rgs_table02-content.rgs_table02t-su > ul{
    grid-template-columns: 120px repeat(4, auto);
    grid-template-rows: repeat(2, auto);
  }
  .rgs_table02-content.rgs_table02t-su > ul:first-of-type{
    border-top: 1px solid var(--border-gray01);
  }
  .rgs_table02-content.rgs_table02t-su span.rgs_rent_num-o {
    color: var(--txt-color01);
  }
  .rgs_table02-content.rgs_table02t-su span.rgs_renttxt {
    display: inline-block;
  }


  /* 並び替えと表示があるブロック */
  .rgs_viewsortwrap {
    flex-direction: column;
    align-items: normal;
  }
  span.rgs_sort-t{
    display: none;
  }
  span.rgs_sort_result{
    display: block;
  }
  span.rgs_sort_num{
    color: var(--color-blue);
  }
  .rgs_sort .rgs_mockselect{right: 14px;}


  /* footer */
  .rgs_footer{
    padding-bottom: 114px;
  }
  .rgs_footer-top{
    display: block;
    padding-bottom: clamp(1.5rem, 0.535rem + 3.59vw, 2.375rem);/* 24-38 430-820 */
  }
  .rgs_footer-top .rgs_logo a{
    justify-content: center;
    flex-direction: column;
    margin-bottom: 20px;
  }
  .rgs_footer-top .rgs_sns ul{
    justify-content: center;
  }
  .rgs_footer-mdle{
    padding: clamp(1.5rem, 0.535rem + 3.59vw, 2.375rem) 0;/* 24-38 430-820 */
  }
  .rgs_footer-mdle ul.rgs_navi{
    justify-content: center;
  }
  .rgs_footer-mdle ul.rgs_navi li a{
    font-size: clamp(0.875rem, 0.737rem + 0.51vw, 1rem);/* 14-16 430-820 */
  }
  .rgs_footer-mdle ul.rgs_navi li.rgs_footer-coloredtitle a{
    margin-left: 0;
  }
  .rgs_footer-btm{
    padding-top: clamp(1.5rem, 0.535rem + 3.59vw, 2.375rem);/* 24-38 430-820 */
    grid-template-columns: repeat(1, auto);
    grid-template-rows: repeat(3, auto);
  }
  .rgs_footer-btm ul.rgs_navi{
    justify-content: center;
    gap: 14px 16px;
    margin-bottom: clamp(1.875rem, 1.186rem + 2.56vw, 2.5rem);/* 30-40 430-820 */
  }
  .rgs_footer-btm ul.rgs_navi li a{
    font-size: clamp(0.75rem, 0.681rem + 0.26vw, 0.8125rem);/* 12-13 430-820 */
  }
  .rgs_privacymark{
    grid-row: 2 / 3;
    margin: 0 auto;
    margin-bottom: 18px;
  }
  .rgs_copyright p{
    text-align: center;
    font-size: clamp(0.625rem, 0.487rem + 0.51vw, 0.75rem);/* 10-12 430-820 */
  }
}

@media (max-width: 690px) {
  /* パンくず */
  .rgs_scrlwrap ol{
    margin: 0 auto 0 0;
  }

  /* 建物画像とtable2つ入ってるセクション */
  .rgs_pictureblock.rgs_builimg {
    max-width: 100%;
  }

  /* 地図・周辺環境 */
  .rgs_map{
    min-width: 100%;
  }
  .rgs_map-details{
    flex: 1 1 auto;
  }
  .rgs_map-details .rgs_linkedbtn-s{
    margin: 0 auto;
  }

  /* 制御バー */
  .rgs_controlblock{
    flex-direction: column;
    align-items: baseline;
    padding: 12px 20px;
  } 
  .rgs_control-l{
    border-bottom: 1px solid var(--border-gray01);
    width: 100%;
    padding-bottom: 12px;
  }
  .rgs_control-r{
    padding-top: 12px;
  }
   .rgs_linkedbtnblock{
    flex: 1 1 auto;
  }
 .rgs_bukkennameblock{
    padding: 8px 20px;
  }

  /* テーブルver2 共通 */ 
  .rgs_linkedbtnwrap .rgs_linkedbtn-favorite a{
    border: 1px solid var(--border-gray01);
  }

  /*テーブルver2 検索結果一覧と大学詳細*/
  .rgs_table02-content.rgs_table02t-su > ul{
    grid-template-columns: clamp(3.75rem, -2.452rem + 23.08vw, 7.5rem) repeat(2, auto);/* 60-120 430-690 */
    grid-template-rows: repeat(4, auto);
  }
  .rgs_table02-content.rgs_table02t-su li.rgs_listflx-table .rgs_linkedbtn-contact {
    display: none;
  }

  /* テーブルver2 お気に入りと最近見た物件とお問い合わせ*/
  .rgs_table02-content.rgs_table02t-fh > ul {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(5, auto);
  } 
  .rgs_table02-content.rgs_table02t-fh li.rgs_details{
    grid-row: 2 / 3;
  }
  .rgs_table02-content.rgs_table02t-fh li.rgs_rentwrap{
    grid-row: 3 / 4;
    grid-column: 1 / -1;
  }
  .rgs_table02-content.rgs_table02t-fh li.rgs_rentwrap > ul{
    flex-direction: row;
  }
  .rgs_table02-content.rgs_table02t-fh li.rgs_layout{
    grid-row: 4 / 5;
    grid-column: 1 / -1;
  }
  .rgs_table02-content.rgs_table02t-fh li.rgs_listflx-table{
    grid-row: 5 / 6;
    grid-column: 1 / -1;
  }

  /* 予約モーダル */
  .rgs_branchlist{
    flex-wrap: wrap;
  }

  /*pagenation*/
  .rgs_pagenation{gap: 6px;}

  .rgs_review,
  .rgs_next,
  .rgs_pagenumber{gap: 6px;}

  .rgs_review a,
  .rgs_next a,
  .rgs_pagenation .rgs_pagenumber li a{
    width: 36px;
    height: 36px;
  }
}

@media (min-width: 431px) {
  .rgs_pagenation .rgs_pagenumber li.sp_on,
  .rgs_review > p.sp_on,
  .rgs_next > p.sp_on,
  .rgs_review a.sp_on,
  .rgs_next a.sp_on{display: none;}
  .rgs_labelblock label span.rgs_icon_checkbox span:nth-of-type(2) br{display: none;}
}
@media (max-width: 430px) {
  /* 検索窓 */
  .rgs_searchblock{height: 56px;}
  .rgs_inputblock{width: calc(100% - 64px);}
  .rgs_searchbtn{
    width: 64px;
    font-size: 0.875rem;
  }
  .rgs_searchbtn span.rgs_svg{display: none;}


  /* 間取/写真切替 tab */
  .rgs_switch-white02 {
    width: 100%;
  }
  .rgs_switch-white02 .rgs_switch-tabswrap ul li{
    width: 50%;
  }

  /*pagenation*/
  .rgs_review > p,
  .rgs_next > p{padding-top: 2px;}
  .rgs_pagenation .rgs_pagenumber li.sp_off,
  .rgs_review > p.sp_off,
  .rgs_next > p.sp_off,
  .rgs_review a.sp_off,
  .rgs_next a.sp_off{display: none;}


  /* footer */
  .rgs_footer-btm ul.rgs_navi li{
    width: calc(50% - 8px);
  }
  .rgs_footer-btm ul.rgs_navi li:nth-last-of-type(2) a{line-height: 1.375;}
}

