@charset "utf-8";
/* CSS Document */

body{
  font-family: "Noto Sans JP", "Noto Sans", 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: "Noto Sans JP", "Noto Sans", sans-serif;
  font-size: clamp(1rem, 0.8622rem + 0.5128vw, 1.125rem);/* 16-18 430-820 */
  -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;
  --border-gray03: #B6C0CB;
  --border-gray04: #DBE1E8;
  --color-blue: #0066CC;
  --color-lightblue: #068BF1;
  --color-paleblue: #EFF7FF;
  --color-paleblue02: #EBF5FF;
  --color-gray01: #F1F4F8;
  --color-gray02: #F8F8F9;
  --color-gray03: #8B8B8B;
  --color-gray04: #F2F5F8;
  --color-gray05: #EAEEF2;
  --color-pink: #FF004E;
  --color-red: #D90016;
  --color-purple: #616BF9;
  --background-blue01: linear-gradient(#216CCE 0%, #00449E 100%);
  --border-radius4: 4px;
}

.cht_error{
  color: #f5382b;
}



/* -------header------- */
.cht_header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100px;
  padding-left: 50px;
  background-color: #FFFFFF;
}
.cht_header .cht_logo{
  display: flex;
  align-items: center;
  height: 100%;
}
.cht_header .cht_logo a{
  height: 100%;
  align-content: center;
}
.cht_header .cht_logo .cht_sitetitle{
  display: flex;
  align-items: center;
  margin-left: 20px;
}
.cht_header .cht_logo .cht_sitetitle .cht_coloredtitle{
  width: 48px;
  max-width: none;
  height: 32px;
  padding: 0;
  background-color: #0065B1;
  font-size: 0.875rem;
  font-weight: 600;
}
.cht_header .cht_logo .cht_sitetitle > p{
  margin-left: 24px;
  font-size: 0.625rem;
  line-height: 1.36;
  color: var(--txt-color01);
}
.cht_header .cht_navi{
  display: flex;
  align-items: center;
  height: 100%;
}
.cht_header ul{display: flex;}
.cht_header .cht_navi ul:first-of-type{
  margin-right: 40px;
  gap: 10px;
}
.cht_header .cht_navi ul:first-of-type li a{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 5px;
  text-align: center;
  font-size: 0.6875rem;
  color: var(--txt-color01);
  height: 100%;
  transition: color 0.1s linear;
}
.cht_header .cht_navi ul:first-of-type li a span{
  font-size: clamp(0.5625rem, -0.17rem + 1.43vw, 0.688rem);/* 9-11 820-960 */
  line-height: normal;
}
.cht_header .cht_navi ul:last-of-type{
  height: 100%;
  background: var(--background-blue01);
}
.cht_header .cht_navi ul:last-of-type li{
  width: 128px;
  height: 100%;
  box-sizing: border-box;
}
.cht_header .cht_navi ul:last-of-type li:nth-of-type(n+2){border-left: 1px solid #5B8DCF;}
.cht_header .cht_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;
}
.cht_header .cht_navi ul:last-of-type li a div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 60px;
}
.cht_header .cht_navi ul:last-of-type li:nth-child(1) div {
  justify-content: flex-start;
  gap: 14px;
}
.cht_header .cht_navi ul:last-of-type li a div img {
  width: fit-content;
}
.cht_header .cht_navi ul:last-of-type li a span{line-height: 1.15;}
.cht_headnavibtn{
  position: relative;
  width: 56px;
  height: 56px;
  display: none;
  background: var(--background-blue01);
  flex: 0 0 auto;
  cursor: pointer;
}
.cht_headnavibtn div{
  position: relative;
  width: 18px;
  height: 14px;
  top: 25%;
  left: 50%;
  transform: translateX(-50%);
}
.cht_headnavibtn div span{
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #FFFFFF;
  transition: all 0.25s linear;
}
.cht_headnavibtn div span:nth-of-type(2){
  top: 6px;
}
.cht_headnavibtn div span:last-of-type{
  bottom: 0;
}
.cht_headnavibtntxt{
  position: absolute;
  width: 100%;
  bottom: 18%;
  left: 50%;
  transform: translateX(-50%);
  color: #FFFFFF;
  font-size: clamp(0.5625rem, -0.17rem + 1.43vw, 0.688rem);/* 9-11 820-960 */
  letter-spacing: 0.05em;
  line-height: normal;
  text-align: center;
}
.cht_headnavibtn.active div span:nth-of-type(1){
  top: 40%;
  transform: translateX(-50%) rotate(135deg);
}
.cht_headnavibtn.active div span:nth-of-type(2){opacity: 0;}
.cht_headnavibtn.active div span:nth-of-type(3){
  top: 40%;
  transform: translateX(-50%) rotate(-135deg);
}


/*スマホnavi*/
.cht_spnav{
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(100% - 56px);
  background-color: var(--color-paleblue02);
  overflow: scroll;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease;
  z-index: -1;
}
.cht_spnav.active{
  visibility: visible;
  opacity: 1;
  z-index: 1000;
}
.cht_navwrap{
  padding: 24px 14px 0;
}
.cht_spnav h2{
  margin-bottom: 18px;
  font-size: 1.625rem;
  color: var(--color-blue);
}
.cht_spnav_toplinkblock{
  padding-bottom: clamp(1rem, 0.1887rem + 3.0189vw, 2rem);/* 16-32 430-960 */
  margin-bottom: clamp(1rem, 0.1887rem + 3.0189vw, 2rem);/* 16-32 430-960 */
}
.cht_spnav_toplinkblock > div:nth-last-of-type(n + 2){
  margin-bottom: 12px;
}
.cht_spnav_toplink{
  display: flex;
  justify-content: center;
  gap: 8px;
}
.cht_spnav_toplink li{width: 164px;}
.cht_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);
}
.cht_navbtnlist li a div{
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.cht_navbtnlist li a span{font-size: 0.75rem;font-weight: 500;}

.spnav_contactblock{
  width: calc(100% + 28px);
  transform: translateX(-14px);
  padding: 0 14px 1px;
  background: url(../img/il_skybg.webp) center center no-repeat;
  background-size: cover;
  height: clamp(8rem, 7.645rem + 1.3208vw, 8.4375rem);/* 128-135 430-960 */
}
.cht_label_ylw {
  position: relative;
  max-width: 600px;
  width: 90%;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 50%;
  transform: translateX(-50%);
  top: -24px;
  font-size: clamp(0.75rem,2vw,0.875rem);
  font-weight: 600;
  color: #068BF1;
  border-radius: 16px;
  background-color: #FFF700;
}
.cht_label_ylw::after{
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #FFF700;
  z-index: 1;
}
.cht_spnav_contactlist{
  display: flex;
  gap: 4px;
  margin-top: clamp(-0.25rem, -0.453rem + 0.75vw, 0rem);/* -4-0 430-960 */
  border-radius: var(--border-radius4);
}
.cht_spnav_contactlist li{
  width: calc((100% - 8px) / 3);
}
.cht_spnav_contactlist li a{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 6px;
  align-items: center;
  width: 100%;
  height: 80px;
  line-height: 1;
  text-align: center;
  font-size: clamp(0.6875rem,2vw,0.8125rem);
  font-weight: 800;
  background-color: #FFFFFF;
  color: #111111;
  border-radius: 4px;
  padding: 20px;
  box-shadow: 0px 3px 0px 0px rgba(0, 91, 159, 0.1);
}
.cht_spnav_contactlist li:nth-child(1) a{
  justify-content: flex-start;
  gap: 14px;
}
.cht_spnav_contactlist li a span{
  line-height: 1.15;
}
.cht_spnavlistwrap{
  margin-top: clamp(0.5rem, -1.5283rem + 7.5472vw, 3rem);/* 8-48 430-960 */
}
.cht_spnavlist{
 border-radius:var(--border-radius4);
}
.cht_spnavlist li:nth-last-of-type(n+2){margin-bottom: 1px;}
.cht_spnavlist > li {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 56px;
  padding: 20px;
  background-color: #FFFFFF;
  font-weight: 600;
  font-size: clamp(0.875rem, 2vw, 1rem);
}
.cht_spnavchild{
  display: flex;
  justify-content: space-between;
  gap: 32px;
  padding-right: 16px;
}
.cht_spnavchild li a{
  color: var(--color-blue);
  text-decoration: underline;
  transition: text-decoration-color 0.1s linear;
}
.cht_spnavlist > li > a {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;  
  background: url(../img/icon_arrow.svg) center right 18px no-repeat;
}
.cht_spnavlist > li.no-link {
  cursor: default;
}

.cht_spnav_bnr{
  margin-bottom: 24px;
  text-align: center;
}


/* 予約モーダル */
.cht_overlay{
  position: fixed;
  display: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.75);
  z-index: 1000;
}
.cht_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;
}
.cht_reservemodal h2{
  position: relative;
  padding: 10px 16px 16px;
  text-align: center;
  font-size: clamp(1.5rem, 0.6731rem + 3.0769vw, 2.25rem);
  color: #FFFFFF;
  border-radius: 5px 5px 0px 0px;
  background: linear-gradient(#216CCE 0%, #00449E 100%);
  line-height: 1.19;
}
.cht_reservemodal h2 .cht_fs{
  display: block;
  font-size: 0.875rem;
  line-height: 1.21;
  padding-top: 12px;
}
.cht_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;
}
.cht_headmdlclose img{
  width: clamp(19px,3vw,24px);
  height: clamp(19px,3vw,24px);
  vertical-align: top;
}
.cht_reservelinkblock{
  max-width: 900px;
  width: 100%;
  margin: auto;
  padding: 0 24px;
}
.cht_hiroshimareserve{
  padding: clamp(32px,2.5vw,50px) 0 clamp(8px,2vw,40px);
  border-bottom: 1px solid var(--border-gray01);
}
.cht_reservelinkblock .cht_linkedbtn-long{
  margin-bottom: 8px;
}
.cht_hiroshimareserve .cht_linkedbtn-long{
  max-width: 100%;
}
.cht_hiroshimareserve .cht_linkedbtn-long a{
  padding: clamp(12px,2.5vw,48px) 40px;
  text-align: center;
  color: var(--color-blue);
  background-color: #FFFFFF;
}
.cht_hiroshimareserve .cht_linkedbtn-long a p span{
  display: inline-block;
}
.cht_okayamareserve{
  padding: clamp(8px,2vw,40px) 0 clamp(8px,2vw,40px) 0;
  border-bottom: 1px solid var(--border-gray01);
}
.cht_okayamareserve h3{
  margin-bottom: clamp(8px,1vw,24px);
  text-align: center;
  font-size: clamp(1.125rem,3vw,1.25rem);
  color: var(--txt-color01);
}
.cht_branchlist{
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.cht_branchlist li{flex: 1 1 auto;}
.cht_branchlist li .cht_linkedbtn-long{max-width: 100%;}
.cht_branchlist li .cht_linkedbtn-long a{
  font-size: clamp(1.125rem,2.5vw,1.125rem);
  color: var(--color-blue);
  background-color: #FFFFFF;
}
.cht_mdlclose{
  padding: clamp(16px,2.5vw,24px) 0;
  text-align: center;
}
.cht_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;
}
.cht_mdlclose span img{margin-right: 4px;}

.cht_onlinelink{
  display: flex;
  justify-content: space-between;
  padding: clamp(32px,7vw,100px) 0;
  gap: 18px 8px;
  border-bottom: 1px solid var(--border-gray01);
}
.cht_onlinelink .cht_linkedbtn-long{
  max-width: 100%;
  flex: 1 1 auto;
}
.cht_onlinelink .cht_linkedbtn-long a{
  padding: clamp(24px, 6vw, 48px) 40px;
  color: var(--color-blue);
  background-color: #FFFFFF;
}



/* -------footer------- */
footer{
  padding: 0 14px !important;
  background-color: var(--color-blue);
}
.cht_footer{
  max-width: 1300px;
  margin: 0 auto;
  padding: 32px 0 92px;
}
.cht_footer-top{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 38px;
  flex-wrap: wrap;
}
.cht_footer-top .cht_logo{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 32px;
}
.cht_footer-top .cht_logo a{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 18px 32px;
}
.cht_footer-top .cht_logo .cht_sitetitle{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 32px;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-blue);
  border-radius: 4px;
  background-color: #FFFFFF;
}
.cht_footer-top .cht_sns ul{
  display: flex;
  align-items: center;
  gap: 6px;
}
.cht_footer-top .cht_sns ul li{
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cht_footer-top .cht_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;
}
.cht_footer-top .cht_sns ul li a img{
  display: inline-block; 
  vertical-align: initial;
}

.cht_footersitemap{
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 48px;
}
.cht_footersitemap ul{
  max-width: 260px;
  width: 100%;
}
.cht_footersitemap ul li:nth-last-of-type(n+2){margin-bottom: 14px;}
.cht_footersitemap ul li a{
  font-weight: 500;
  font-size: clamp(0.875rem, 0.737rem + 0.51vw, 1rem);/*14-16 430-820*/
  color: #FFFFFF;
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: text-decoration-color 0.2s linear;
}
.cht_footersitemap ul li a span{
  vertical-align: baseline;
  font-size: 0.75em;
}

.cht_footer-mdle{
  padding: 38px 0;
  border-top: 1px solid #3084C4;
  border-bottom: 1px solid #3084C4;
}
.cht_footer-mdle ul.cht_navi{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px 30px;
}
.cht_footer-mdle ul.cht_navi li a{
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: clamp(0.75rem, 0.612rem + 0.51vw, 0.875rem);/*12-14 430-820*/
  color: #FFFFFF;
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: text-decoration-color 0.2s linear;
  font-weight: 500;
}
.cht_footer-mdle ul.cht_navi li.cht_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;
}
.cht_footer-btm {
  padding-top: 38px;
  color: #FFFFFF;
  display: grid;
  align-items: center;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: repeat(2, auto);
}
.cht_footer-btm ul.cht_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;
}
.cht_footer-btm ul.cht_navi li a{
  display: block;
  color: #FFFFFF;
  font-size: clamp(0.75rem, 0.681rem + 0.26vw, 0.813rem);/*12-13 430-820*/
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: text-decoration-color 0.2s linear;
  font-weight: 500;
}
.cht_footer-btm ul.cht_navi li a .cht_svg{
  display: inline;
  vertical-align: middle;
}
.cht_copyright{
  grid-column: 1 / 2;
}
.cht_copyright p {
  color: #4C96CE;
  font-size: 0.75rem;
  font-weight: 700;
}
.cht_privacymark {
  text-align: end;
  grid-row: 1 / 3;
}



/* -------CV------- */
.cht_cv{
  position: relative;
  background-color: var(--color-blue);
  padding-bottom: 88px;
}
.cht_cvimg {
  width: max-content;
  max-width: 95%;
  text-align: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.cht_cvimg::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgb(44, 96, 148, 0.33);
  z-index: 0;
}
.cht_cvwrap{
  position: relative;
  left: 0;
  bottom: 32px;
  width: 1300px;
  max-width: 95%;
  margin: 0 auto;
  padding: 0 60px;
  z-index: 2;
}
.cht_cv::before{
  content: '';
  position: absolute;
  width: 192px;
  height: 226px;
  bottom: 52px;
  left: calc(50% - 750px);
  background-image: url(../img/il_yell03.png);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 2;
}
.cht_cv::after{
  content: '';
  position: absolute;
  width: 172px;
  height: 156px;
  bottom: 80px;
  right: calc(50% - 770px);
  background-image: url(../img/il_yellmi02.png);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
}
.cht_cvwhite{
  background-color: #FFFFFF;
  height: 80px;
  width: 100%;
}
.cht_cv-txt{
  font-size: 1.375rem;
  line-height: calc(35.2 / 22);
  color: #FFFFFF;
  margin-bottom: clamp(1.5rem, -2.9679rem + 8.7179vw, 5.75rem);
  font-weight: 600;
}
.cht_icon-linklist{
  display: flex;
  justify-content: center;
  gap: 8px clamp(0.5rem, -0.5677rem + 2.0833vw, 1.125rem);
}
.cht_icon-linklist li{
  align-content: center;
  width: 100%;
  max-width: 380px;
  border-radius: var(--border-radius4);
  box-shadow: 0px 3px 0px 0px rgba(0, 91, 159, 0.1);
  background-color: #FFFFFF;
}
.cht_icon-linklist li a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: clamp(0.5rem, -0.3542rem + 1.6667vw, 1rem) clamp(0.75rem, -0.1042rem + 1.6667vw, 1.25rem);
  color: var(--txt-color01);
  height: 100%;
  transition: all 0.2s linear;
}
.cht_icon-linklist li a .cht_arrow-bl{transition: all 0.1s linear;}
.cht_icon-linklist-left {
  display: flex;
  align-items: center;
  gap: clamp(0.5rem, -0.3542rem + 1.6667vw, 1rem) clamp(0.5rem, -0.3542rem + 1.6667vw, 1rem);
  justify-content: space-between;
}
.cht_icon-linklist-icon{
  flex: 0 0 auto;
  display: inline-block;
  background: var(--background-blue01);
  width: clamp(2.875rem, 2.0208rem + 1.6667vw, 3.375rem);
  height: clamp(2.875rem, 2.0208rem + 1.6667vw, 3.375rem);
  border-radius: 3px;
  text-align: center;
  align-content: center;
}
.cht_icon-linklist-menu {
  font-size: clamp(0.875rem, 0.6615rem + 0.4167vw, 1rem);
  /* line-height: 1.18; */
  font-weight: 800;
}
.cht_icon-linklist-menunote{
  font-weight: 600;
  font-size: 0.75rem;
  display: block;
  margin-top: 8px;
}



/* -------SVG------- */
.cht_svg{
  display: flex;
  align-items: center;
  justify-content: center;
}

.cht_gaibu-bl svg{
  color: var(--color-blue);
}
.cht_gaibu-wh svg{
  color: #FFFFFF;
}

.cht_hist-bl svg{
  color: var(--color-blue);
}
.cht_hist svg{
  color: #FFFFFF;
  width: 18px;
  height: 16px;
}

.cht_arrow-bl svg{
  width: 7px;
  height: 14px;
  color: var(--color-blue);
  stroke-width: 2;
}
.cht_scrlwrap .cht_arrow-bl svg{
  height: 6px;
}
.cht_arrow-bl-r{
  transform: rotate(90deg);
}
.cht_arrow-bl-r svg{
  width: 7px;
  height: 14px;
  color: var(--color-blue);
}
.cht_arrow-bl-r180{
  transform: rotate(180deg);
}
.cht_arrow-bl-r180 svg{
  width: 7px;
  height: 14px;
  color: var(--color-blue);
  stroke-width: 2;
}
.cht_arrow-bk svg{
  width: 5px;
  height: 10px;
  color: var(--txt-color01);
}
.cht_arrow-bk-r svg{
  width: 5px;
  height: 10px;
  color: var(--txt-color01);
  transform: rotate(90deg) translateX(160%);
  transform-origin: top right;
}
.cht_arrow-wh svg{
  width: 7px;
  height: 14px;
  color: #FFFFFF;
  stroke-width: 2;
}

.cht_heart-wh svg{
  width: 18px;
  height: 16px;
  stroke: var(--color-blue);
  color: #FFFFFF;
}
.cht_heart-wh svg .i_heart{fill: white;}

.cht_heart-wh-line svg{
  width: 18px;
  height: 16px;
  stroke: #FFFFFF;
  color: transparent;
}

.cht_favbtn.cht_linkedbtn-favorite .cht_heart-gy svg{
  width: clamp(0.75rem, 0.3365rem + 1.5385vw, 1.125rem);/* 12-18 430-820 */
}
.cht_heart-gy svg{
  width: 18px;
  height: 16.05px;
  color: #8B8B8B;
}
.cht_heart-gy svg .i_heart{fill: var(--color-gray01);}

.cht_linkedbtn-favorite.active .cht_heart-wh svg .i_heart{
  fill: var(--color-blue);
}

.cht_mail-wh{
  color: #FFFFFF;
  fill: transparent;
}
.cht_mail-gy{
  color: var(--border-gray02);
  fill: #FFFFFF;
}

.cht_trash-gl{
  fill: #FFFFFF;
  stroke: var(--border-gray02);
}

.cht_line-gl{
  color: var(--border-gray02);
}
.cht_line-wh{
  color: #FFFFFF;
}

.cht_phone-wh svg{
  fill: #FFFFFF;
}
.cht_phone-bl svg{
  color: var(--color-blue);
}

.cht_online-wh{
  color: #FFFFFF;
}
.cht_online-bl{
  color: var(--color-blue);
}

.cht_layout-bl svg{
  color: var(--color-blue);
}
.cht_camera-bl svg{
  color: var(--color-blue);
}

.cht_simplesearch-w{
  color: #FFFFFF;
}

.cht_search_wh svg{
  color: #FFFFFF;
  width: 16px;
  height: 16px;
}
.cht_search_bl svg{
  color: var(--color-blue);
  width: 16px;
  height: 16px;
}
.cht_search_gy svg{
  color: #C9C9D5;
  width: 16px;
  height: 16px;
}

.cht_filter-bl svg{
  width: 18px;
  height: 12px;
}
.cht_filter-bl-big svg{
  width: clamp(20px,5vw,40px);
  height: clamp(15px,4vw,30px);
}

.cht_reserve-wh svg{
  color: #FFFFFF;
}
.cht_reserve-bl svg{
  color: var(--color-blue);
}

.cht_simplesearch-wh svg{
  color: #FFFFFF;
}
.cht_simplesearch-bl svg{
  color: var(--color-blue);
}

.cht_fullscreen-bl svg{
  color: var(--color-blue);
}

.cht_store-bl svg{
  color: #0065b1;
}
.cht_store-wh svg{
  color: #FFFFFF;
}



/* -------各装飾------- */
.cht_pcbr{
  display: block;
}
.cht_spblock{
  display: none;
}
.cht_block{
  display: block;
}
.cht_font14-16{
  font-size: clamp(0.875rem, 0.7372rem + 0.5128vw, 1rem);/* 14-16 430-820 */
  line-height: normal;
}
.cht_weight600{
  font-weight: 600;
}
.cht_weight800{
  font-weight: 800;
}
.cht_font-12{
  font-size: 0.75rem;
}
.cht_font-14{
  font-size: 0.875rem;
}
.cht_mga{
  margin: 0 auto;
}
.cht_mgb12{
  margin-bottom: 12px;
}
.cht_mgb16{
  margin-bottom: 16px;
}
.cht_mgb32{
  margin-bottom: 32px;
}
.cht_mgb40{
  margin-bottom: 40px;
}
.cht_mgb56{
  margin-bottom: 56px;
}
.cht_mgt16{
  margin-top: 16px;
}
.cht_mgl32{
  margin-left: 32px;
}
.cht_mgl40{
  margin-left: 40px;
}
.cht_pdt48-120{
  padding-top: clamp(3rem, -1.9615rem + 18.4615vw, 7.5rem);
}
.cht_pdb48-120{
  padding-bottom: clamp(3rem, -1.9615rem + 18.4615vw, 7.5rem);
}
.cht_pdl16{
  padding-left: 16px;
}
.cht_pdl32{
  padding-left: 32px;
}



/* 大見出し 上に青と灰線*/
.cht_sectionttl{
  position: relative;
  margin-bottom: 48px;
  padding-top: 20px;
  font-size: clamp(1.25rem, 0.147rem + 4.1vw, 2.25rem);/*20-36 430-820*/
  font-weight: 800;
  color: var(--txt-color01);
  border-top: 1px solid var(--border-gray04);
}
.cht_sectionttl::before{
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 80px;
  height: 5px;
  border-radius: 0px 0px 4px 0px;
  background-color: #007AC8;
}
/* h2の左の縦青棒 */
.cht_linel-bl{
  margin-bottom: 32px;
  padding-left: clamp(0.75rem, 0.6893rem + 0.2589vw, 1rem);
  font-size: clamp(1rem, 0.587rem + 1.54vw, 1.375rem);/*16-22 430-820*/
  font-weight: 800;
  color: var(--txt-color01);
  border-left: 4px solid var(--color-blue);
}



/* はみ出たテキストを...で表示*/
.cht_ellipsis{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}



/* 青枠青文字グラデーション背景のボタン <a class="cht_gradlinkbtn"></a>で作られること前提*/
.cht_gradlinkbtn{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: clamp(0.875rem, 0.462rem + 1.54vw, 1.25rem);/*14-20 430-820*/
  font-weight: 900;
  color: var(--color-blue);
  border-radius: 4px;
  background: linear-gradient(#FFFFFF 0%, #F1F6FB 100%);
  border: 1px solid #0065B1;
  box-shadow: 0px 3px 0px rgba(0, 91, 159, 0.1);
  transition: all 0.2s linear;
}



/* 画像の装飾 */
.cht_bdr{
  border: 1px solid var(--border-gray01);
}
.cht_bdr-r01{
  border-radius: var(--border-radius4);
}
.cht_pictureblock {
  display: inline-block;
}



/* 四角いアイコン（物件詳細物件名やお気に入り物件名横） */
.cht_coloredtitle{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: max-content;
  height: clamp(20px, 2.92vw, 24px);
  padding: 0px 9px;
  border-radius: var(--border-radius4);
  font-size: 0.75rem;
}
.cht_coloredtitle.cht_coloredtitle-bl{
  background-color: var(--color-blue);
  color: #FFFFFF;
}
.cht_coloredtitle.cht_coloredtitle-pnk{
  background-color: var(--color-pink);
  color: #FFFFFF;
}
.cht_coloredtitle.cht_coloredtitle-lpp{
  background-color: #DEE1FF;
  color: var(--color-purple);
}
.cht_coloredtitle.cht_coloredtitle-pp{
  background-color: #606AF8;
  color:#FFFFFF;
}
.cht_coloredtitle.cht_coloredtitle-yl{
  background-color: #FFF700;
  font-weight: 700;
}
.cht_coloredtitle.cht_coloredtitle-wh{
  background-color: #FFFFFF;
  border: 1px solid var(--border-gray02);
  font-weight: 500;
}
.cht_coloredtitle.cht_coloredtitle-mbl{
  background-color: #D4E4F5;
  font-weight: 500;
}
span.cht_panorama {
  display: flex;
  justify-content: center;
}



/* -------リンク系------- */
/* テキストリンク */
.cht_linktxt >*{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: clamp(0.75rem,3vw,0.875rem);
  font-weight: 500;
  text-decoration: underline;
  transition: text-decoration-color 0.1s linear;
  color: var(--color-blue);
}
.cht_linktxt a span.cht_svg{
  transition: transform 0.1s linear;
}
/*"建物の詳細"のリンク*/
.cht_linktxt.cht_linktxtx-r a {
  width: fit-content;
  margin: 0 0 0 auto;
  font-size: clamp(0.75rem,2vw,0.875rem);
}
/* ul全体をクリック範囲にした時 */
.cht_linklist{
  cursor: pointer;
}



/* 青背景リンクボタン 長い */
.cht_linkedbtn-long{
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
.cht_linkedbtn-long a{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: clamp(0.75rem ,2vw, 1rem) 20px;
  background-color: var(--color-blue);
  color: #FFFFFF;
  font-weight: 600;
  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;
}
.cht_linkedbtn-long a span.cht_arrow-bl{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
  transition: all 0.1s linear;
}

/* 青背景リンクボタン 短い */
.cht_linkedbtn-s{
  width: 240px;
}
.cht_linkedbtn-s a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: clamp(8px,2vw,12px) 20px;
  text-align: center;
  font-size: clamp(0.875rem, 2.5vw, 1rem);
  font-weight: 600;
  color: #FFFFFF;
  border-radius: var(--border-radius4);
  box-shadow: 0px 3px 0px 0px  rgba(0, 91, 159, 0.1);
  background-color: var(--color-blue);
  transition: background-color 0.2s linear, color 0.2s linear;
}


/* リンク長いボタン 文字centerでアイコン端*/
.cht_link-txt-centre-l a{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: clamp(8px, 1.4vw, 16px) 0;
  max-height: 60px;
  min-height: 45px;
  text-align: center;
  font-weight: 600;
  color: #FFFFFF;
  border-radius: var(--border-radius4);
  background-color: var(--color-blue);
  font-size: clamp(0.75rem,3vw,1rem);
}
/* リンク短いボタン 文字centerでアイコン端*/
.cht_link-txt-centre-s{
  width: 180px;
}
.cht_link-txt-centre-s a{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: clamp(8px, 1.4vw, 16px) 0;
  max-height: 60px;
  min-height: 45px;
  text-align: center;
  font-weight: 600;
  color: #FFFFFF;
  border-radius: var(--border-radius4);
  background-color: var(--color-blue);
  font-size: clamp(0.75rem,3vw,1rem);
}
.cht_link-icon-adj{
  position: absolute;
  right: 24px;
  transition: all 0.2s linear;
}


/* グレー枠線の遷移のボタン */
.cht_pagelink{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, max-content));
  justify-content: flex-start;
  gap: 12px;
  margin-bottom: clamp(1.5rem, -5.1154rem + 24.6154vw, 7.5rem);/* 24-120 430-820 */
}
.cht_pagelink li a{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  max-width: 100%;
  width: 100%;
  height: 46px;
  padding: 0 16px;
  text-align: center;
  font-size: clamp(0.75rem, 0.5433rem + 0.7692vw, 0.9375rem);
  font-weight: 500;
  color: var(--txt-color01);
  border-radius: 3px;
  background-color: #FFFFFF;
  border: 1px solid var(--border-gray02);
}


/* リンクお気に入り */
.cht_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;
  font-weight: 700;
}
/* お気に入りボタン 文字無し正方形 */ 
.cht_favbtn.cht_linkedbtn-favorite a{
  padding: 0;
  width: clamp(1.5rem, 0.6731rem + 3.0769vw, 2.25rem);/* 24-36 430-820 */
  height: clamp(1.5rem, 0.6731rem + 3.0769vw, 2.25rem);/* 24-36 430-820 */
}
.cht_mini-section02 .cht_linkedbtn-favorite a{
  transition: transform 0.2s linear;
}
.cht_linkedbtn-favorite a.fav_icon{
  background-color: var(--color-paleblue);
  border: 1px solid var(--color-blue);
}
.cht_linkedbtn-favorite a.fav_icon span{
  color: var(--color-blue);
}
.cht_linkedbtn-favorite a.fav_icon span svg{
  color: var(--color-blue);
  stroke: none;
}

/* リンクお気に入り解除 */
.cht_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;
  font-weight: 700;
}



/* リンクお問い合わせ */
.cht_linkedbtn-contact a{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 100%;
  padding: 9px;
  font-size: clamp(0.75rem, 3.2vw, 0.875rem);
  font-weight: 700;
  color: #FFFFFF;
  pointer-events: all;
  transition: background-color 0.1s linear;
  overflow: hidden;
  border-radius: var(--border-radius4);
  background-image: linear-gradient(180deg, rgb(255, 70, 120), rgba(222, 0, 68, 1));
}
.cht_mini-section02 .cht_linkedbtn-contact a{
  transition: transform 0.2s linear;
}
.cht_linkedbtn-contact a > * {
  position: relative;
  z-index: 1;
}
.cht_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でお問い合わせ */
.cht_linkedbtn-line a{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 100%;
  padding: 9px;
  font-size: clamp(0.75rem, 3.2vw, 0.875rem);
  font-weight: 700;
  color: #FFFFFF;
  overflow: hidden;
  border-radius: var(--border-radius4);
  background-image: linear-gradient(180deg, rgba(6, 198, 85, 1), rgb(0, 175, 72));
  transition: transform 0.2s linear;
}
.cht_linkedbtn-line a > * {
  position: relative;
  z-index: 1; 
}
.cht_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;
}


/* 電話でお問い合わせ */
.cht_linkedbtn-phone a{
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 100%;
  padding: 9px;
  font-size: clamp(0.75rem, 3.2vw, 0.875rem);
  font-weight: 700;
  color: #FFFFFF;
  pointer-events: all;
  transition: transform 0.2s linear;
  border-radius: var(--border-radius4);
  background-image: linear-gradient(180deg, rgb(113, 193, 255), rgb(6, 139, 241));
}
.cht_linkedbtn-phone a > * {
  position: relative;
  z-index: 1; 

}
.cht_linkedbtn-phone a::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgb(6, 139, 241);
  opacity: 0;
  transition: opacity 0.1s linear;
  z-index: 0;
}


/* オンライン接客 */
.cht_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;
  font-weight: 700;
  height: 100%;
  transition: transform 0.2s linear;
}
.cht_linkedbtn-online a > * {
  position: relative;
  z-index: 1; 
}
.cht_linkedbtn-online a::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #00449E;
  opacity: 0;
  transition: opacity 0.1s linear;
  z-index: 0;
}



/* お問い合わせ番号 */
.cht_linkedbtn-inqunumber{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  border-radius: var(--border-radius4);
  background-color: #FFFFFF;
  padding: 8px;
}
.cht_linkedbtn-inqunumber p{
  font-size: 0.8125rem;
  font-weight: 500;
}




/* -------下層ページ------- */
.cht_bigwrap{
  max-width: 1332px;
  margin: 0 auto clamp(3rem, 0.7949rem + 8.2051vw, 5rem);/*48-80 430-960*/
  padding: 0 16px;
}

/* 下層ページタイトル */
.cht_pagettlblock{
  padding: clamp(0.5rem, 0.2972rem + 0.7547vw, 0.75rem) 14px clamp(0.75rem, -0.264rem + 3.77vw, 2rem);/*8-12 430-960*//*12-32 430-960*/
  margin-bottom: clamp(1.5rem, 0.673rem + 3.08vw, 2.25rem);/* 24-36 430-820 */
  background-color: var(--color-paleblue02);
}
.cht_pagettl.cht_pagettl-flx{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
.cht_pagettl-details {
  flex: 1 1 auto;
}
.cht_pagettl{
  max-width: 1300px;
  margin: 0 auto;
  font-size: clamp(1rem, -0.3782rem + 5.1282vw, 2.25rem);/*16-36 430-820*/
  font-weight: 800;
}
.cht_pagettl h1{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px clamp(0.5rem, -0.603rem + 4.1vw, 1.5rem);
  font-weight: 800;
  line-height: 1.25;
}

/* -------パンくず------- */
.cht_scrlwrap{
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  max-width: 1332px;
  margin: 0 auto 0.75rem;
}
.cht_scrlwrap::-webkit-scrollbar {
  display: none;
}
.cht_scrlwrap ol{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  width: max-content;
  margin: 0 0 0 auto;
}
.cht_scrlwrap ol li{
  font-size: 0.75rem;
}
.cht_scrlwrap ol li:empty{
  display: none;
}
.cht_scrlwrap ol li a{
  position: relative;
  color: var(--color-blue);
  text-decoration: underline;
  text-decoration-color: var(--color-blue);
  transition: text-decoration-color 0.1s linear;
}



/* -------一覧 全選択タイトルバー------- */
.cht_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;
}
.cht_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;
}
.cht_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;
}
.cht_control-l {
  gap: 12px;
}
.cht_control-r {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 4px 12px;
}
.cht_linkedbtnblock{
  display: flex;
  align-items: center;
  gap: 8px;
}
.cht_linkedbtnblock > div{
  min-width: 140px;
  flex: 1 1 auto;
}


/*物件・建物リスト*/
.cht_propertylist{
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 0.397rem + 4.1vw, 2.5rem) 1.92%;/* 24-40 430-820 */
  margin-bottom: clamp(1.5rem, -0.1538rem + 6.1538vw, 3rem);
}
.cht_propertylist li{position: relative;}
.cht_newarrivals li{
  width: 23.54%;
  max-width: 306px;
}
.cht_propertylist.cht_newconstruction{gap: clamp(12px, 4.87vw, 40px) 1.76%;}
.cht_newconstruction li{
  width: 32.16%;
  max-width: 418px;
}
.cht_newconstruction li > a{
  border: 1px solid var(--border-gray01);
  border-radius: var(--border-radius4);
  height: 100%;
}
.cht_propertylist li > a{
  display: block; 
}
.cht_propertypicturewrap{position: relative;}
.cht_propertylist li picture{
  display: block;
  margin-bottom: 16px;
  aspect-ratio: 3/2;
  overflow: hidden;
}
.cht_propertylist li picture img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.2s linear;
}
.cht_newconstruction-figcaption{
  padding: 0 clamp(0.5rem, -0.603rem + 4.1vw, 1.5rem) clamp(0.5rem, -0.189rem + 2.56vw, 1.125rem);/* 8-24 430-820 *//* 8-18 430-820 */
}
.cht_ward{
  position: absolute;
  left: 5px;
  bottom: 4px;
  padding: 2px clamp(0.1875rem, -0.7428rem + 3.4615vw, 0.75rem);
  font-size: clamp(0.5625rem, 0.3558rem + 0.7692vw, 0.75rem);/* 9-12 430-820 */
  font-weight: 500;
  align-content: center;
  color: #FFFFFF;
  border-radius: 3px;
  background-color: #00AAE5;
  border: 1px solid rgba(0, 0, 0, 0);
}
.cht_newarrivalsflx{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.cht_buildname{
  font-size: clamp(0.625rem, 0.3494rem + 1.0256vw, 0.875rem);
  font-weight: 800;
}
.cht_feeline{
  display: flex;
  align-items: baseline;
  gap: 7px;
  line-height: 1.2;
}
.cht_fee{
  font-family: Inter;
  font-size: clamp(1.125rem, 0.8494rem + 1.0256vw, 1.375rem);
  font-weight: 600;
  color: #D90016;
}
.cht_fee span{
  margin-left: 4px;
  vertical-align: baseline;
  font-weight: 700;
  font-size: clamp(0.625rem, 0.3494rem + 1.0256vw, 0.875rem);
}
.cht_fee span.cht_fee-nami{
  margin-left: 0;
  font-size: clamp(0.625rem, 0.349rem + 1.03vw, 0.875rem);/*10-14 430-820*/
}
.cht_commonfee{
  font-size: clamp(0.5rem, 0.224rem + 1.03vw, 0.75rem);/*8-12 430-820*/
  font-weight: 500;
  color: var(--txt-color01);
}
.cht_squaremeters{
  font-size: clamp(0.625rem, 0.487rem + 0.51vw, 0.75rem);/*10-12 430-820*/
  font-weight: 500;
  color: var(--txt-color01);
}
.cht_access{
  line-height: 1.2;
  font-size: clamp(0.625rem, 0.487rem + 0.51vw, 0.75rem);/*10-12 430-820*/
  font-weight: 500;
  color: var(--txt-color01);
}
.cht_facilitylist{
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 8px;
}
.cht_facilitylist p{
  padding: 2px 10px;
  font-size: clamp(0.563rem, 0.356rem + 0.77vw, 0.75rem);/*9-12 430-820*/
  font-weight: 500;
  color: #00AAE5;
  border-radius: 3px;
  border: 1px solid #00AAE5;
}


/* 背景青い物件の名前部分（物件一覧のリスト） */
.cht_bukkennameblock {
  background-color: var(--color-paleblue);
  padding: 8px 18px 8px 28px;
  display: flex;
  align-items: center;
  gap: 8px;
}
h2.cht_icon_checkbox {
  display: flex;
  gap: 8px;
}
.cht_bukkenname{
  font-size: clamp(1rem,1.4vw,1.125rem);
}


/* 建物画像とtable2つ入ってるセクション */
.cht_sectionwrap-list {
  max-width: 880px;
  margin: 0 auto;
  border: 1px solid #DBE1E8;
  border-radius: var(--border-radius4);
}
.cht_sectionwrap-list:nth-last-of-type(n + 2){
  margin-bottom: 24px;
}
.cht_contentwrap-list{
  width: 100%;
  margin: 0 auto;
  padding-top: 18px;
}
.cht_contentwrap-list .cht_listflx{
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  padding: 0 24px;
  margin-bottom: 24px;
}
.cht_pictureblock.cht_builimg{
  flex: 1 1 auto;
  max-width: 270px;
}
.cht_pictureblock.cht_builimg img{
  aspect-ratio: 3 / 2;
  object-fit: cover;
}
.cht_contentwrap-list .cht_listflx-r{
  flex: 1 1 auto;
  max-width: 550px;
}
.cht_hidelist-show > div > div{
  position: relative;
  display: flex;
  justify-content: center;
  gap: 10px;
  align-items: center;
  padding: 16px 24px;
  cursor: pointer;
}
.cht_hidelist-show > div:nth-of-type(2) > div .cht_svg{transform: rotate(-90deg);}
span.cht_hidelist-txt {
  color: var(--color-blue);
  font-weight: 500;
  text-decoration: underline;
  text-decoration-color: var(--color-blue);
  transition: text-decoration-color 0.1s linear, opacity 0.1s linear;
}


/* テーブルver1 建物画像横の表*/
.cht_table01{
  display: grid;
  grid-template-columns: 20% 80%;
  justify-content: center;
  align-items: center;
  border: 1px solid #DBE1E8;
  border-radius: var(--border-radius4);
}
.cht_table01 dt{
  grid-column: 1/2;
  height: 100%;
  display: flex;
  align-items: center;
  background-color: #F2F5F8;
  border-right: 1px solid #DBE1E8;
  font-size: clamp(0.6875rem, 0.586rem + 0.38vw, 0.8125rem);/*11-13 430-960*/
  font-weight: 600;
  padding: 8px 0 8px clamp(8px,1.5vw,16px);
}
.cht_table01 dd{
  grid-column: 2/3;
  font-size: clamp(0.75rem, 0.5433rem + 0.7692vw, 0.875rem);/* 12-14 430-690 */
  font-weight: 500;
  padding: 8px 8px 8px clamp(8px,1.5vw,16px);
  line-height: calc(18 / 13);
  height: 100%;
  align-content: center;
}
.cht_table01 dt:nth-last-of-type(n + 2),
.cht_table01 dd:nth-last-of-type(n + 2){
  border-bottom: 1px solid #DBE1E8;
}


/* テーブルver2 共通部分*/
.cht_table02{
  max-width: 100%;
}
.cht_table02-title {
  display: grid;
  justify-content: space-between;
  align-items: center;
  background-color: #F2F5F8;
  padding: 8px 24px;
}
.cht_table02-title li {
  text-align: center;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: calc(14/12);
}
.cht_table02-content{
  font-size: 0.875rem;
  line-height: calc(18 / 13);
}
.cht_table02-content > ul{
  position: relative;
  display: grid;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  gap: 3px 8px;
  transition: background-color 0.1s linear;
}
.cht_table02-content ul > li{
  text-align: center;
}
.cht_tab-content.active {
  display: block;
}
.cht_pictureblock.cht_tab-content img{
  width: auto;
  height: auto;
  aspect-ratio: 5 / 4;
  object-fit: contain;
}
.cht_floor span{
  font-size: clamp(0.75rem,3vw,0.875rem);
  font-weight: 500;
}
.cht_rent p{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0 8px;
}
.cht_rent_num {
  font-family: "Inter", sans-serif;
  font-size: clamp(1.25rem, 1.1122rem + 0.5128vw, 1.375rem);
  color: var(--color-red);
  font-weight: 600;
}
.cht_rent_num-unit {
  font-family: "Kosugi Maru","Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  font-size: clamp(0.625rem,2vw,0.75rem);
  font-weight: 700;
  vertical-align: baseline;
  padding-left: 4px;
}
.cht_rent_num-o{
  font-size: clamp(0.75rem, 3.2vw, 0.875rem);
  font-weight: 700;
}
.cht_renttxt{
  vertical-align: baseline;
}
.cht_rentmana{
  font-size: clamp(0.75rem,3vw,0.875rem);
}
.cht_deposit ul{
  display: flex;
  flex-direction: column;
  align-items: baseline;
  gap: 6px;
}
.cht_deposit ul li{
  font-size: clamp(0.75rem,3vw,0.875rem);
  font-weight: 500;
}
.cht_deposit span.cht_fsize_adj {
  background-color: #727482;
  color: #FFFFFF;
  font-size: clamp(0.625rem,2vw,0.75rem);
  vertical-align: baseline;
  border-radius: 3px;
  padding: 2px 4px;
  margin-right: 4px;
}
.cht_layout ul{
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0 clamp(3px,1vw,5px);
}
.cht_layout ul li{
  font-size: clamp(0.75rem, 3.2vw, 0.875rem);
  font-weight: 500;
}
.cht_spshow{
  display: none;
}
/* .cht_panoramatxt{
  display: none;
  margin-top: 6px;
} */
/* .cht_panoramatxt span.cht_panorama{
  justify-content: flex-start;
} */
.cht_listflx-table{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.cht_linkedbtnwrap{
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.cht_linkedbtnwrap .cht_linkedbtn-favorite a{
  padding: clamp(0.375rem, 0.0649rem + 1.1538vw, 0.5625rem);
}
.cht_linkedbtnwrap .cht_linktxt a{pointer-events: all;}
.cht_btncell .cht_linktxt a{pointer-events: all;}



/* テーブルver2 お気に入りと最近見た物件とお問い合わせ*/
.cht_table02t-fh{
  border: 1px solid var(--border-gray01);
  border-radius: var(--border-radius4);
}
.cht_table02t-fh:nth-last-of-type(n + 2){
  margin-bottom: 16px;
}
.cht_table02-title.cht_table02t-fh{
  font-size: 0.875rem;
  line-height: calc(18 / 13);
  border: 1px solid var(--border-gray01);
  border-radius: var(--border-radius4);
}
.cht_table02-title.cht_table02t-fh:nth-last-of-type(n + 2){
  margin-bottom: 16px;
}
.cht_table02-content.cht_table02t-fh > ul{
  grid-template-columns: 300px repeat(4, auto);
  padding: 20px;
  gap: 8px;
}
.cht_table02-content.cht_table02t-fh > ul{
  text-align: left;
}
.cht_table02-content.cht_table02t-fh ul > li{
  text-align: left;
}
.cht_table02-content.cht_table02t-fh > ul li.cht_img{
  display: flex;
  align-items: center;
  gap: clamp(8px,1.5vw,16px);
}
.cht_table02-content.cht_table02t-fh .cht_pictureblock.cht_picture01 img{
  aspect-ratio: 3/2;
  width: 100%;
  height: auto;
  max-width: 150px;
  object-fit: cover;
}
.cht_table02-content.cht_table02t-fh .cht_pictureblock.cht_picture02 img{
  aspect-ratio: 3/2;
  width: 100%;
  height: auto;
  max-width: 150px;
  object-fit: contain;
}
.cht_table02-content.cht_table02t-fh li.cht_details{
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: clamp(0px, 0.8vw, 10px);
  font-size: clamp(0.75rem,3.2vw,0.875rem);
}
.cht_table02-content.cht_table02t-fh li.cht_rentwrap > ul{
  display: flex;
  flex-direction: column;
  align-items: baseline;
  gap: 6px 4px;
}
.cht_table02-content.cht_table02t-fh li.cht_rentblock ul{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 clamp(8px,1.2vw,16px);
  color: var(--color-pink);
}
.cht_table02-content.cht_table02t-fh span.cht_rent_num {
  display: flex;
  align-items: baseline;
  gap: clamp(1px,0.5vw,8px);
}
.cht_table02-content.cht_table02t-fh span.cht_renttxt{
  font-size: clamp(0.625rem,2.2vw,0.75rem);
  color: var(--txt-color01);
}
.cht_table02-content.cht_table02t-fh span.cht_rent_num-o {
  display: flex;
  align-items: baseline;
  gap: clamp(1px,0.5vw,8px);
  color: var(--txt-color01);
}
.cht_table02-content.cht_table02t-fh li.cht_deposit ul{
  flex-direction: row;
  flex-wrap: wrap;
}
.cht_thumbnailcurrent{
  position: absolute;
  left: 4px;
  bottom: 4px;
  height: 39px;
  width: fit-content;
  display: flex;
  align-items: center;
  background-color: hsl(0, 0%, 0%, 0.5);
  border-radius: var(--border-radius4);
  padding: 0 12px;
  pointer-events: none;
  z-index: 500;
}
.cht_thumbnailcurrent span{
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
}
.cht_table02-content.cht_table02t-fh li.cht_listflx-table{
  gap: 32px;
}
.cht_table02-content.cht_table02t-fh li.cht_listflx-table .cht_linktxt a{
  justify-content: flex-start;
  font-size: clamp(0.75rem, 3.2vw, 0.875rem);
  padding-left: 0;
}
.cht_table02-content.cht_table02t-fh .cht_linkedbtnwrap > div{
  min-width: 140px;
}



/* 画像wrap 物件詳細 */
.cht_picturewrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px 30px;
  margin-bottom: 48px;
}
.cht_mvwrap{
  width: 55.4%;
  max-width: 720px;
}
.cht_bigthumbnailwrap,
.cht_thumbnailwrap {
  position: relative;
}
.cht_bigthumbnailblock{
  display: none;
}
.cht_bigthumbnailblock::after{
  content: "";
  position: absolute;
  display: block;
  right: 4px;
  bottom: 4px;
  width: 39px;
  height: 39px;
  background: url(../img/icon_magglass.svg) center center no-repeat;
  background-size: contain;
  pointer-events: none;
}
.cht_bigthumbnailblock.slick-initialized{display: block;}
.cht_bigthumbnailblock a{
  display: block;
  aspect-ratio: 720 / 500;
}
.cht_bigthumbnailblock img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cht_thumbnailblock{
  display: none;
  max-width: 100%;
  margin-top: 16px;
  background-color: var(--color-gray01);
  border-radius: var(--border-radius4);
  padding: 8px clamp(22px, 4.87vw, 40px);
}
.cht_thumbnailblock.slick-initialized{display: block;}
.cht_thumbnailblock .slick-track{
  display: flex;
  gap: clamp(5px,1.5vw,8px);
}
.cht_thumbnailblock .slick-slide{
  flex: 0 0 auto;
  width: clamp(56px,15vw,100px) !important;
  align-content: center;
  background-color: #FFFFFF;
}
.cht_thumbnailblock .slick-slide.slick-current{
  border: 3px solid #0065B1;
}
.cht_thumbnailblock .slick-slide div div.cht_thumbnail-list{
  padding: clamp(4px,1vw,6px) 0;
  box-sizing: content-box;
}
.cht_thumbnailblock picture{
  display: block;
  aspect-ratio: 100 / 68;
}
.cht_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.cht_arrow-wh svg,
span.big-next.cht_arrow-wh svg{
  width: 14px;
  height: 28px;
}
span.big-prev.cht_arrow-wh svg use,
span.big-next.cht_arrow-wh svg use{
  box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.33);
}
span.thumb-prev.cht_arrow-bl svg,
span.thumb-next.cht_arrow-bl svg{
  stroke-width: 3;
}
/* スライダー矢印 */
span.thumb-prev{
  left: clamp(1px,0.4vw,8px);
}
span.thumb-next{
  right: clamp(1px,0.4vw,8px);
}
/* 画像モーダル */
.cht_imgmodal{
  display: none;
}






/* 絞り込み検索 右メニュー */
.cht_filternow{
  max-width: 880px;
  width: 100%;
  padding: 24px 24px 18px 24px;
  margin: 0 auto;
  margin-bottom: clamp(1rem, 0.442rem + 2.08vw, 2rem);/* 16-32 430-1200 */
  border: 1px solid #DBE1E8;
  background-color: #FFFFFF;
  border-radius: var(--border-radius4);
}
.cht_filternow_ttl{
  margin-bottom: 12px;
  font-size: clamp(0.875rem, 1.6vw, 1rem);
  font-weight: 800;
  color: var(--color-blue);
}



.cht_filtertitle,
.cht_filter-sec:nth-last-of-type(n + 2){
  border-bottom: 1px solid var(--border-gray01);
}
.cht_filter-sec-result{
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cht_filter-sec-result dl{
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: clamp(0.75rem, 0.6486rem + 0.3774vw, 0.875rem);/* 12-14 430-960 */
}
.cht_filter-sec-result dl dt,
.cht_filter-sec-result dl dd:last-of-type{
  flex: 0 0 auto;
}
.cht_filter-sec-result dl dd:first-of-type{
  max-width: calc(100% - 62px);
  flex: 1 1 auto;
  font-weight: 500;
  line-height: 1.5;
}
.cht_filter-sec-result dl:nth-of-type(2) dd:first-of-type div p{display: inline;}
.cht_filter-sec-d01{
  line-height: normal;
}
.cht_filter-sec-result dl dd label{cursor: pointer;}
.cht_search_change_btn{
  color: var(--color-blue);
  text-decoration: underline;
  transition: text-decoration-color 0.1s linear;
  font-weight: 500;
}



/* -------検索form------- */
.cht_labelblock ul{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 16px;
  width: 100%;
}
.cht_labelblock ul.cht_flx-row{
  flex-direction: row;
  flex-wrap: wrap;
}
.cht_labelblock ul.cht_flx-row li{
  flex: 1 1 calc((100% - 16px) / 2);
}

.cht_unit{
  padding-left: 6px;
  font-size: 0.875rem;
  font-weight: 700;
}
.cht_unit02 {
  padding-right: 10px;
  font-size: 0.875rem;
  font-weight: 700;
}

.cht_filter_content {
  position: relative;
  padding: 0 clamp(14px, 2vw, 24px) 56px;
  border: 1px solid var(--border-gray04);
}
.cht_pd12-24 > div{
  padding: clamp(12px,3%,24px) 0;
}
.cht_filter_content > div span{
  font-size: clamp(0.875rem, 0.7372rem + 0.5128vw, 1rem);
  line-height: 1.4;
}
.cht_filter_content > div span.cht_kome{
  font-size: 0.75rem;
  font-weight: 500;
  margin-left: 12px;
}
.cht_filter-sec > * {
  margin-bottom: 10px;
}

.cht_filter_result{
  position: sticky;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-width: 360px;
  width: 100%;
  padding: 4px 14px 8px;
  background-color: #EDF0F3;
  border: 1px solid #DBE1E8;
  border-radius: 0 0 4px 4px;
  z-index: 100;
}
.cht_result_num {
  font-family: "Inter", sans-serif;
  color: var(--color-red);
  font-size: clamp(1.625rem,3vw,2.25rem);
  font-weight: 600;
  line-height: normal;
}
.cht_result {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.cht_filter-btn{
  margin: 0 auto;
  text-align: center;
  max-width: 360px;
}
.cht_filter-btn a{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  max-height: 64px;
  min-height: 45px;
  margin: 0 auto;
  padding: clamp(0.5rem ,2vw, 1.125rem) 14px;
  font-size: clamp(0.875rem,2vw,1rem);
  font-weight: 700;
  color: #FFFFFF;
  border-radius: var(--border-radius4);
  background-color: var(--color-lightblue);
  overflow: hidden;
  cursor: pointer;
}
.cht_filter-btn a > * {
  position: relative;
  z-index: 1;
}
.cht_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: 1;
  transition: opacity 0.1s linear;
  border-radius: inherit;
  z-index: 0;
}
.cht_filter_selectclear a{
  display: block;
  margin: 0 auto;
  text-align: center;
  background-color: #FFFFFF;
  border: 1px solid var(--border-gray02);
  border-radius: 3px;
  max-width: 170px;
  padding: 6px 8px;
  transition: border-color 0.2s linear;
  cursor: pointer;
}


.cht_labelblock{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: clamp(0.5rem, -0.1891rem + 2.5641vw, 1.125rem) 8px;/* 8-18 430-820 */
}
.cht_labelblock-adj{
  display: flex;
  align-items: center;
  gap: 16px;
}
.cht_labelblock label{cursor: pointer;}
.cht_labelblock label input[type="radio"],
.cht_labelblock label input[type="checkbox"],
.cht_labelblock label select{
  position: absolute;
  visibility: hidden;
  width: auto;
  height: auto;
}

/* テキスト検索 */
.cht_freeword{
  position: relative;
  width: 100%;
}
.cht_freeword input{ 
  position: relative;
  width: 100%;
  height: clamp(3rem, 2.1731rem + 3.0769vw, 3.75rem);/*48-60 430-820*/
  font-size: clamp(0.75rem, 0.4744rem + 1.0256vw, 1rem);
  padding: 0 1rem;
  border-radius: var(--border-radius4);
  background-color: #FFFFFF;
  border: 1px solid var(--border-gray03);
  transition: border-color 0.2s linear;
}
.cht_freeword input::placeholder{
  font-size: clamp(0.75rem, 0.4744rem + 1.0256vw, 1rem);
  color: #B4C0CC;
  font-weight: 500;
}
.cht_freeword button{
  position: absolute;
  width: 40px;
  height: clamp(3.375rem, 2.9615rem + 1.5385vw, 3.75rem);/*54-60 430-820*/
  top: 0;
  right: 0;
  color: #CCCCCC;
  border: none;
  cursor: pointer;
  background: none;
}
/* select */
.cht_labelblock label .cht_selectbtn{
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  width: auto;
  height: clamp(2rem, 1.449rem + 2.05vw, 2.5rem);/*32-40 430-820*/
  line-height: 1.2;
  padding: 0px 16px 0px 8px;
  font-size: clamp(0.6875rem, 0.481rem + 0.77vw, 0.875rem);/*11-14 430-820*/
  border-radius: 3px;
  background-color: #FFFFFF;
  border: 1px solid var(--border-gray02);
  overflow: hidden;
  cursor: pointer;
  transition: border-color 0.2s linear;
}
.cht_wdt100{
  position: relative;
  display: block;
  width: 100%;
}
.cht_wdt100 > div{
  width: 100% !important;
}
span.cht_sort-t{
  font-size: clamp(0.875rem, 0.6053rem + 0.5263vw, 1rem);/*14-16 820-1200*/
}
.cht_labelblock label .cht_selectbtn.cht_bg-gr{
  background-color:var(--color-gray04);
}
.cht_sortwrap .cht_sort:nth-child(2) .cht_selectbtn.cht_bg-gr{
  width: clamp(5.5rem, -2.2179rem + 28.7179vw, 12.5rem);/*88-200 420-820*/
}
.cht_labelblock label .cht_selectbtn::before{
  position: absolute;
  content: '';
  background-color: var(--color-paleblue02);
  border-left: 1px solid #D5D5DB;
  width: clamp(21px, 4.87vw, 40px);
  height: 100%;
  top: 0;
  right: 0;
}
.cht_labelblock label .cht_selectbtn.cht_bg-gr::before{
  content: none;
}
.cht_clearbtn{display: none;}
.cht_hideselect{display: none;}
/* icon_checkbox */
.cht_labelblock label .cht_icon_checkbox{
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: clamp(0.875rem, 0.7372rem + 0.5128vw, 1rem);/*14-16 420-820*/
}
.cht_icon_check{
  flex: 0 0 auto;
  color: transparent;
  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;
}
.cht_icon_check svg{
  width: 12px;
  height: 9px;
}
input[type="checkbox"]:checked + .cht_icon_checkbox .cht_icon_check{
  background-color: var(--color-blue);
  color: #FFFFFF;
}
input[type="checkbox"]:checked + .cht_icon_checkbox .cht_icon_check svg{
  fill: #FFFFFF;
}
/* radio */
.cht_labelblock label span.cht_radiobox{
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
input[type="radio"]:checked + .cht_radiobox .cht_radio.cht_radio-n {
  background-color: var(--color-blue);
}
input[type="radio"]:checked + .cht_radiobox .cht_radio.cht_radio-n::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #FFFFFF;
}
.cht_radio{
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid var(--border-gray01);
  transition: border-color 0.2s linear;
}
.cht_radio.cht_radio-n{
  background-color: var(--color-gray02);
  border: 1px solid var(--border-gray01);
  transition: background-color 0.3s, border-color 0.2s linear;
}



/* -------追従ボタン------- */
.cht_bottomchase{
  position: fixed;
  bottom: 20px;
  left: 50%;
  max-width: 380px;
  width: 90%;
  transform: translateX(-50%);
  z-index: 200;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease;
}
.cht_bottomchase.active{
  opacity: 1;
  visibility: visible;
}
.cht_btm-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
}
.cht_btm-btn-c1 a,
.cht_btm-btn-c2 a{ 
  background-color: #FF7321;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 5px;
  height: 100%;
  color: #FFFFFF;
  line-height: normal;
  font-weight: 500;
  cursor: pointer;
}
.cht_btm-btn-c1{
  flex: 0 0 30%;
  height: 100%;
}
.cht_btm-btn-c1 a{
  font-size: clamp(0.5625rem,0.875vw,0.625rem);
}
.cht_btm-btn-c1 a span svg{
  transition: transform 0.2s ease-in;
}
.cht_btm-btn-c1:first-of-type a{
  border-radius: 32px 0 0 32px;
}
.cht_btm-btn-c2{
  flex: 0 0 40%;
  height: 100%;
}
.cht_btm-btn-c2 a{
  flex-direction: row;
  gap: 8px;
  font-size: clamp(0.875rem,1.6vw,1rem);
  border-radius: 0 32px 32px 0;
  transition: background-color 0.1s linear;
}
.cht_btm-btn .cht_heart-wh svg {
  stroke: #FFFFFF;
  fill: transparent;
}
.cht_line {
  position: relative;
  display: inline-block;
  flex: 0 0 1px;
  height: 100%;
  background-color: #FF7321;
}
.cht_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%);
}



/* -------表示建物件数と並び替えがあるブロック------- */
.cht_viewsortwrap{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 8px;
  margin: 0 auto;
  margin-bottom: 18px;
}
.cht_sortwrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 0 1 auto;
  gap: 0px clamp(0.5rem, -0.0513rem + 2.0513vw, 1rem);
  font-weight: 500;
}
.cht_sort{
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  gap: 8px;
}
span.cht_sort_result{
  display: none;
  font-size: 0.75rem;
}
span.cht_sort_num{
  color: var(--color-blue);
  font-size: 1.25rem;
  vertical-align: baseline;
}
/* 選択肢の中身 */
.cht_sort .cht_mockselect{overflow-y: visible;}
.cht_view{
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}



/* -------切替tab 共通------- */
.cht_switch-tabswrap ul{
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: #F2F5F8;
}
.cht_switch-tabswrap ul li.active{
  box-shadow: 2px 2px 2px 0px rgba(0, 91, 159, 0.06);
}
.cht_switch-tabswrap ul li:not(.active){
  transition: opacity 0.1s linear;
}
.cht_tab-content{
  display: none;
}


/* 広島県 岡山県タブ */
.switch-tabs-long{
  padding: clamp(0.125rem, -0.2885rem + 1.5385vw, 0.375rem);/* 2-6 430-690 */
  background-color: var(--color-gray04);
  margin-bottom: clamp(1rem, -0.6538rem + 6.1538vw, 2.5rem);
}
.switch-tabs-long ul li {
  width: 100%;
  max-width: 650px;
  padding: 9px 0;
  text-align: center;
  font-size: clamp(0.875rem, 0.4615rem + 1.5385vw, 1.25rem);
  color: #B4C0CC;
  border-radius: 3px;
  background-color: var(--color-gray04);
  transition: color 0.2s linear;
}
.cht_bl-tab ul li.active{
  color: #FFFFFF;
  background-color: #068BF1;
}
.cht_light-bl-tab ul li.active{
  color: #FFFFFF;
  background-color: #00AAE5;
}
.cht_bl-tab ul li:nth-of-type(2).active{
  color: #FFFFFF;
  background-color: #FF81B8;
}
.cht_light-bl-tab ul li:nth-of-type(2).active{
  color: #FFFFFF;
  background-color: #FF81B8;
}
.cht_bl-tab ul li:nth-of-type(3).active{
  color: #FFFFFF;
  background-color: #FF7321;
}
.cht_contentsokayama{display: none;}


/* -------※付文------- */
.cht_kome{
  display: inline-block;
  vertical-align: baseline;
  font-size: 0.75rem;
  line-height: normal;
  padding-left: 12px;
  text-indent: -12px;
}
.cht_kome::before{
  content: "※";
  display: inline;
}
.cht_kome-flx{
  display: flex;
  flex-direction: column;
  gap: 6px 0;
}



/* -------問い合わせフォーム------- */
input.cht_txtbox:-internal-autofill-selected{
  box-shadow: 0 0 0 1000px rgb(255, 255, 255) inset !important;
}

/* お問い合わせ情報の入力 */
.cht_form-area{
  margin-bottom: clamp(1.5rem, -2.359rem + 14.36vw, 5rem);/*24-80 430-820*/
}
.cht_form-sec-t {
  display: flex;
  align-items: center;
  background-color: var(--color-paleblue);
  border: 1px solid #C7DEF5;
  border-radius: 4px;
  padding: clamp(0.5rem, -0.0513rem + 2.0513vw, 1rem);/*8-16 430-820*/
  font-size: clamp(0.875rem, 0.5994rem + 1.0256vw, 1.125rem);/*14-18 430-820*/
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 0.3365rem + 1.5385vw, 1.125rem);/*12-18 430-820*/
}
.cht_form-sec-t.cht_formflx{
  display: flex;
  align-items: center;
}
.cht_form-sec-t.cht_formflx > div{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  line-height: normal;
}
.cht_form-required{
  flex: 0 0 auto;
  display: inline-block;
  font-size: clamp(0.625rem, 0.3494rem + 1.0256vw, 0.875rem);/*10-14 430-820*/
  background-color: var(--color-red);
  border-radius: var(--border-radius4);
  color: #FFFFFF;
  padding: 0 8px;
  margin-right: 8px;
  vertical-align: middle;
}
.cht_form-notrequired{
  flex: 0 0 auto;
  font-size: clamp(0.625rem, 0.3494rem + 1.0256vw, 0.875rem);/*10-14 430-820*/
  background-color: #757A7E;
  border-radius: var(--border-radius4);
  color: #FFFFFF;
  padding: 2px 8px;
  margin-right: 8px;
}
.cht_form-additional {
  display: flex;
  flex-wrap: wrap;
  gap: 0 16px;
  font-size: clamp(0.625rem, 0.4872rem + 0.5128vw, 0.75rem);/*11-14 430-820*/
}
span.cht_form-additional span {
  line-height: 1.4;
}

.cht_form-sec:nth-last-of-type(n + 2){
  margin-bottom: clamp(1.5rem, 0.3974rem + 4.1026vw, 2.5rem);/*24-40 430-820*/
}
/* テキスト入力エリア */
.cht_txtbox {
  display: inline-block;
  max-width: 900px;
  width: 100%;
  min-width: 320px;
  height: clamp(2.5rem, 0.846rem + 6.15vw, 4rem);/*40-64 430-820*/
  padding-left: 18px;
  background-color: #FFFFFF;
  border: 1px solid #D5D5DB;
  border-radius: 4px;
}
/* 選択肢の中身 */
.cht_mockselect{
  position: absolute;
  display: none;
  width: 160px;
  max-height: 250px;
  background-color: #FFFFFF;
  border: 1px solid #D5D5DB;
  overflow-y: scroll;
  z-index: 105;
}
.cht_mockselect p{
  padding: 0 0.5em;
  font-size: clamp(0.75rem, 0.474rem + 1.03vw, 1rem);/*12-16 430-820*/
}



.cht_textarea{
  width: 100%;
  height: 6em;
  padding: 0.5em;
  background-color: #FFFFFF;
  border: 1px solid #D5D5DB;
  border-radius: 4px;
}









@media screen and (min-width:821px){
  .cht_header .cht_navi ul:first-of-type li a:hover{color: var(--color-blue);}
  .cht_header .cht_navi ul:last-of-type li a:hover{background-color: #3084C4;}
  .cht_spnavchild li a:hover{text-decoration-color: transparent;}

  /* パンくず */
  .cht_scrlwrap ol li a:hover{text-decoration-color: transparent;}

  /* 灰色グラデーションボタン */
  .cht_gradlinkbtn:hover{background: var(--color-paleblue02);}

  .cht_linktxt a:hover span.cht_svg{transform: translateX(3px);}
  .cht_linktxt a:hover{text-decoration-color: transparent;}

  .cht_linkedbtn-long a:hover,
  .cht_branchlist li .cht_linkedbtn-long a:hover{
    background-color: var(--color-lightblue);
    color: #FFFFFF;
  }
  .cht_linkedbtn-long a:hover .cht_arrow-bl svg{color: #FFFFFF;}
  .cht_linkedbtn-s a:hover{background-color: var(--color-lightblue);}

  .cht_link-txt-centre-s a:hover{background-color: var(--color-lightblue);}

  .cht_linkedbtn-favorite a:hover{background-color: var(--color-paleblue);color: var(--color-blue);}
  .cht_mini-section02 .cht_linkedbtn-favorite a:hover{transform: translateY(2px);}
  .cht_linkedbtn-remove a:hover{background-color: var(--color-gray02);color: var(--color-blue);}
  .cht_mini-section02 .cht_linkedbtn-contact a:hover{transform: translateY(2px);}
  .cht_linkedbtn-contact a:hover::before {opacity: 1;}
  .cht_mini-section02 .cht_linkedbtn-line a:hover {transform: translateY(2px);}
  .cht_linkedbtn-line a:hover::before {opacity: 1;}
  .cht_linkedbtn-phone a:hover::before {opacity: 1;}

  .cht_mini-section02 .cht_linkedbtn-online a:hover {transform: translateY(2px);}
  .cht_mini-section02 .cht_linkedbtn-online a:hover::before {opacity: 1;}

  .cht_filter-btn a:hover::before {opacity: 0;}

  .cht_mockselect p:hover{background-color: var(--color-paleblue);}

  /*物件・建物リスト*/
  .cht_propertylist li a:hover picture img{transform: scale(1.1);}
  .cht_propertylist li:hover picture img{transform: scale(1.1);}

  .cht_table02-content > ul:hover{background-color: rgb(239, 247, 255, 0.5);}

  .cht_switch-tabswrap ul li:not(.active):hover{opacity: 0.4;}

  .cht_linkedbtn-share a:hover{background-color: var(--color-gray02);}


  .cht_pagelink li a:hover{background-color: var(--color-paleblue);}

  .cht_icon-linklist li a:hover{color: var(--color-blue);}
  .cht_icon-linklist li a:hover .cht_arrow-bl{transform: translateX(10px);}
  .cht_footer-top .cht_sns ul li a:hover{background-color: #4C96CE;}
  .cht_footersitemap ul li a:hover{text-decoration-color: #FFFFFF;}
  .cht_footer-mdle ul.cht_navi li:nth-last-of-type(n+2) a:hover{text-decoration-color: #FFFFFF;}
  .cht_footer-mdle ul.cht_navi li.cht_footer-coloredtitle a:hover{
    color: #FFFFFF;
    background-color: #4C96CE;
  }
  .cht_footer-mdle ul.cht_navi li.cht_footer-coloredtitle a:hover .cht_gaibu-bl svg{color: #FFFFFF;}
  .cht_footer-btm ul.cht_navi li a:hover{text-decoration-color: #FFFFFF;}


  span.big-prev:hover svg,
  span.big-next:hover svg,
  span.thumb-prev:hover svg,
  span.thumb-next:hover svg{
    color: #333333;
  }
  /* 建物画像とtable2つ入ってるセクション */
  .cht_hidelist-show:hover span.cht_hidelist-txt{
    text-decoration-color: transparent;
    opacity: 0.4;
  }

  /* 詳細画面メイン画像 */
  .cht_bigthumbnailblock a:hover img{opacity: 0.7;}

  /* 絞り込み検索 右メニュー */
  .cht_search_change_btn:hover{
    text-decoration-color: transparent;
  }

  /* 絞り込み検索 */
  .cht_labelblock label .cht_selectbtn:hover,
  .cht_freeword input:hover,
  .cht_labelblock label:hover .cht_icon_check,
  .cht_labelblock label:hover .cht_radio{border-color: #333333;}
  .cht_filter_toggle:hover{background-color: #95CEFE;}
  .cht_freeword button:hover{color: var(--txtcolor01);}

  /* 追従ボタン */
  .cht_btm-btn-c1 a:hover span svg{transform: translateY(-2px);}
  .cht_btm-btn-c2 a:hover{background-color: #f95f05;}

  /* 予約モーダル */
  .cht_headmdlclose:hover{background-color: #C7DEF5;}
  .cht_mdlclose span:hover{background-color: #C7DEF5;}


  /*検索条件をクリアボタン*/
  .cht_filter_selectclear a:hover{
    border-color: var(--txtcolor01);
  }
}


@media (min-width: 431px) {
  .cht_labelblock label span.cht_icon_checkbox span:nth-of-type(2) br{display: none;}
}







@media (max-width: 1600px) {
  .cht_cv{
    padding-bottom: clamp(0rem, -4.599rem + 8.97vw, 4.375rem);/* 0-70 820-1600 */
  }
  .cht_cvwrap{
    padding: 0 clamp(1rem, -1.891rem + 5.64vw, 3.75rem);/* 14-60 820-1600 */
  }
  .cht_cv-txt{
    font-size: clamp(1rem, 0.606rem + 0.77vw, 1.375rem);/* 16-22 820-1600 */
  }
  .cht_cv::before{
    bottom: inherit;/*188÷1600*/
    top: -80px;
    left: 0;
    width: 10vw;
    height: 11.71vw;
    background-size: contain;
  }
  .cht_cv::after{
    bottom: inherit;/*188÷1600*/
    top: -64px;
    right: 0;
    width: 10.73vw;
    height: 9.76vw;
    background-size: contain;
  }
}

@media (max-width: 1320px){
  /* header */
  .cht_header{padding-left: 0;}
  .cht_header .cht_logo{
    padding: 0 0 0 clamp(0.625rem, -6.434rem + 11.76vw, 3.125rem);/* 10-50 960-1300 */
    flex: 0 1 auto;
  }
  .cht_header .cht_logo a{width: max(130px, 21.53vw);}/*280÷1300*/
  .cht_header .cht_logo .cht_sitetitle{margin-left: max(12px, 1.53vw);}/*20÷1300*/
  .cht_header .cht_logo .cht_sitetitle .cht_coloredtitle{
    width: max(38px, 3.7vw);/*48÷1300*/
    height: max(23px, 2.46vw);/*32÷1300*/
    font-size: max(0.5625rem, 1.07vw);
  }
  .cht_header .cht_logo .cht_sitetitle > p{display: none;}

  .cht_header .cht_navi{
    justify-content: end;
    flex: 1 0 auto;
  }
  .cht_header .cht_navi ul:first-of-type{
    margin-right: clamp(0.875rem, -3.713rem + 7.65vw, 2.5rem);/* 14-40 960-1300 */
  }
  .cht_header .cht_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 */
  }
  .cht_header .cht_navi ul:last-of-type li a{
    font-size: clamp(0.688rem, 0.335rem + 0.59vw, 0.813rem);/* 11-13 960-1300 */
  }

  /* テーブルver2 お気に入りと最近見た物件とお問い合わせ*/
  .cht_table02-content.cht_table02t-fh > ul{
    grid-template-columns: 300px repeat(2, auto);
    grid-template-rows: repeat(3, auto);
    padding-right: clamp(24px,3.2vw,48px);
  }
  .cht_table02-content.cht_table02t-fh .cht_img{
    grid-row: 1 / -1;
  }
  .cht_table02-content.cht_table02t-fh .cht_details {
    grid-row: 1 / -1;
  }
  .cht_table02-content.cht_table02t-fh .cht_listflxbox > ul{
    flex-direction: column;
  }
  .cht_table02-content.cht_table02t-fh .cht_rentwrap{
    grid-row: 1 / 2;
    grid-column: 3 / 4;
  }
  .cht_table02-content.cht_table02t-fh .cht_rentblock ul{
    flex-direction: row;
  }
  .cht_table02-content.cht_table02t-fh .cht_layout{
    grid-row: 2 / 3;
    grid-column: 3 / 4;
  }
  .cht_table02-content.cht_table02t-fh .cht_layout ul{
    flex-direction: row;
    justify-content: flex-start;
  }
  .cht_table02-content.cht_table02t-fh .cht_listflx-table{
    grid-row: 3 / 4;
    grid-column: 3/4;
  }
  .cht_table02-content.cht_table02t-fh .cht_listflx-table .cht_linkedbtnwrap{
    flex-direction: row;
  }
  .cht_table02-content.cht_table02t-fh .cht_listflx-table .cht_linktxt .cht_linktxt-t{
    display: none;
  }
  .cht_table02-content.cht_table02t-fh .cht_listflx-table > .cht_linktxt {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
  }

  /* CV */
  .cht_cvwrap{
    bottom: 56px;
  }
}

@media (max-width: 1200px){
  /* 各装飾 */
  .cht_spblock{
    display: flex;
  }


  /*検索form*/
  .cht_labelblock ul li{
    width: auto;
  }


  /*検索条件表示枠*/
  .cht_filternow_ttl{
    display: none;
  }
  .cht_filternow {
    padding: 0;
    border-radius: 6px;
    order: -1;
  }
  .cht_filter-sec-result{gap: 0;}
  .cht_filter-sec-result dl{
    padding: 0px 8px;
    height: 50px;
  }
  .cht_filter-sec-result dl:nth-last-of-type(n+2){
    border-bottom: 1px solid #DBE1E8;
  }
  .cht_search_change_btn{
    text-decoration: none;
    gap: 6px;
  }
}

@media (max-width: 960px){
  body{padding-top: 56px;}

  /* header */
  .cht_header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 56px;
    z-index: 1000;
  }
  .cht_header .cht_logo a img{
    max-height: 40px;
    display: block;
  }
  ul.cht_navi-spnone,
  li.cht_navi-spnone{/*cssの強弱の関係でul、liが必要*/
    display: none;
  }
  .cht_headnavibtn{
    display: block;
  }

  /* 共通 店舗詳細と物件詳細 */
  /* 画像wrap */
  .cht_picturewrap{
    justify-content: center;
    flex-wrap: wrap;
    gap: 14px 30px;
  }
  .cht_mvwrap{
    width: 100%;
  }

  /*物件・建物リスト*/
  .cht_feeline{flex-wrap: wrap;}

  /* テーブルver2 お気に入りと最近見た物件とお問い合わせ*/
  .cht_table02-content.cht_table02t-fh > ul{
    grid-template-columns: auto 1fr;
    gap:8px clamp(0.5rem, -9.7222rem + 23.7037vw, 4.5rem);  /* 8-72 690-960 */
  }
  .cht_table02-content.cht_table02t-fh .cht_img{
    grid-row: 1 / 2;
  }
  .cht_table02-content.cht_table02t-fh .cht_details{
    grid-row: 2 / -1;
  }
  .cht_table02-content.cht_table02t-fh .cht_rentwrap {
    grid-column: 2 / 3;
  }
  .cht_table02-content.cht_table02t-fh .cht_layout{
    grid-column: 2 / 3;
  }
  .cht_table02-content.cht_table02t-fh .cht_listflx-table{
    grid-column: 2 / 3;
  }
}

@media (max-width: 820px){
  /* 各装飾 */
  .cht_spnone{
    display: none;
  }
  .cht_pcbr{
    display: inline;
  }
  .cht_spbr{
    display: block;
  }

  /* header */
  .cht_spnav_contactlist li a{
    padding: 16px clamp(0.5rem, -0.465rem + 3.59vw, 1.375rem);/* 8-22 430-820 */
  }

  /* SVG 下層ページタイトルについてるsvg */
  .cht_pagettl h1 svg{
    width: max(22px, 4.87vw);
    height: max(22px, 4.87vw);
  }

  /* CV */
  .cht_cvimg{
    height: 345px;
  }
  .cht_cvimg img {
    height: 100%;
    object-fit: cover;
    object-position: calc(50% + -56px) center;
  }
  .cht_cv-txt{
  text-align: center;
  }
  .cht_icon-linklist-wrap{
    flex-direction: column;
    align-items: center;
  }
  .cht_cv::before{content: none;}
  .cht_cv::after{content: none;}

  /* 下層ページタイトル */
  /* パンくず */
  .cht_scrlwrap ol li{
    font-size: clamp(0.563rem, 0.425rem + 0.51vw, 0.688rem);/* 9-11 430-820 */
  }

  /*大見出し*/
  .cht_sectionttl{
    margin-bottom: clamp(1rem, -1.3429rem + 8.7179vw, 3.125rem);
  }
  .cht_sectionttl::before{width: max(60px, 9.75vw);}

  /*小見出し*/
  .cht_linel-bl{
    margin-bottom: max(12px, 3.9vw);
  }

  /* 背景色付き小さい四角い見出し */
  .cht_coloredtitle{
    font-size: clamp(0.625rem, 0.349rem + 1.03vw, 0.875rem);/* 10-14 430-820 */
  }

  /* テーブルver2 共通 */ 
  .cht_table02-title {
    display: none;
  }
  .cht_branchlist li {
    flex: 1 1 100%;
  }
  .cht_onlinelink{
    flex-wrap: wrap;
  }
  .cht_onlinelink .cht_linkedbtn-long {
    flex: 1 1 100%;
  }
  .cht_pictureblock.cht_tab-content img{
    aspect-ratio: 100 / 76;
  }

  /* 並び替えと表示があるブロック */
  .cht_viewsortwrap {
    align-items: end;
    margin-bottom: 12px;
  }
  span.cht_sort-t{
    display: none;
  }
  span.cht_sort_num{
    color: var(--color-blue);
  }
  /* 選択肢の中身 */
  .cht_labelblock label .cht_selectbtn{
    padding: 0 max(5px, 1.95vw);
    gap: max(4px, 2.43vw);
  }

  /* 間取/写真切替 tab */
  .cht_sortwrap .cht_sort:nth-child(2) .cht_selectbtn.cht_bg-gr{width: 100%;}

  /* グレー枠線の遷移のボタン */
  .cht_pagelink li a{
    height: max(32px, 5.6vw);
    /* font-size: max(0.75rem, 1.83vw); */
  }

  /* footer */
  .cht_footer{
    padding-bottom: 114px;
  }
  .cht_footer-top{
    display: block;
    padding-bottom: clamp(1.5rem, 0.535rem + 3.59vw, 2.375rem);/* 24-38 430-820 */
  }
  .cht_footer-top .cht_logo a{
    justify-content: center;
    flex-direction: column;
    margin-bottom: 20px;
  }
  .cht_footer-top .cht_sns ul{
    justify-content: center;
  }
  .cht_footersitemap{
    padding-bottom: 24px;
  }
  .cht_footersitemap ul{
    display: contents;
  }
  .cht_footersitemap ul li:nth-last-of-type(n+2){
    margin-bottom: 8px;
  }
  .cht_footersitemap ul li{
    min-width: 50%;
  }
  .cht_footersitemap ul:first-of-type li:first-of-type{
    width: 100%;
    order: 1;
  }
  .cht_footersitemap ul:first-of-type li:nth-of-type(2){order: 2;}
  .cht_footersitemap ul:first-of-type li:nth-of-type(3){order: 4;}
  .cht_footersitemap ul:nth-of-type(2) li:nth-of-type(1){order: 3;}
  .cht_footersitemap ul:nth-of-type(2) li:nth-of-type(2){order: 5;}
  .cht_footersitemap ul:nth-of-type(2) li:nth-of-type(3){order: 7;}
  .cht_footersitemap ul:nth-of-type(3) li:nth-of-type(1){order: 6;}
  .cht_footersitemap ul:nth-of-type(3) li:nth-of-type(2){order: 8;}
  .cht_footersitemap ul:nth-of-type(4) li:nth-of-type(1){order: 9;}

  .cht_footer-mdle{
    padding: clamp(1.5rem, 0.535rem + 3.59vw, 2.375rem) 0;/* 24-38 430-820 */
  }
  .cht_footer-mdle ul.cht_navi{
    justify-content: center;
  }
  .cht_footer-mdle ul.cht_navi li a{
    font-size: clamp(0.875rem, 0.737rem + 0.51vw, 1rem);/* 14-16 430-820 */
  }
  .cht_footer-mdle ul.cht_navi li.cht_footer-coloredtitle a{
    margin-left: 0;
  }
  .cht_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);
  }
  .cht_footer-btm ul.cht_navi{
    justify-content: center;
    gap: 14px 16px;
    margin-bottom: clamp(1.875rem, 1.186rem + 2.56vw, 2.5rem);/* 30-40 430-820 */
  }
  .cht_footer-btm ul.cht_navi li a{
    font-size: clamp(0.75rem, 0.681rem + 0.26vw, 0.8125rem);/* 12-13 430-820 */
  }
  .cht_privacymark{
    grid-row: 2 / 3;
    margin: 0 auto;
    margin-bottom: 18px;
  }
  .cht_copyright p{
    text-align: center;
    font-size: clamp(0.625rem, 0.487rem + 0.51vw, 0.75rem);/* 10-12 430-820 */
  }
}

@media (max-width: 690px) {
  /* パンくず */
  .cht_scrlwrap ol{
    margin: 0 auto 0 0;
  }


  /* 制御バー */
  .cht_controlblock{
    flex-direction: column;
    align-items: baseline;
    padding: 12px 20px;
  } 
  .cht_control-l{
    border-bottom: 1px solid var(--border-gray01);
    width: 100%;
    padding-bottom: 12px;
  }
  .cht_control-r{
    padding-top: 12px;
  }
  .cht_linkedbtnblock{
    flex: 1 1 auto;
  }
 .cht_bukkennameblock{
    padding: 8px 20px;
  }


  /*物件スライダー*/
  .cht_bigthumbnailblock{
    padding: 0 16px;
  }
  .cht_thumbnailblock .slick-slide{
    width: 25.5vw !important;
  }
  span.big-next,
  span.big-prev{
    width: 20px;
    height: 32px;
    padding: 4px;
    border-radius: 2px;
    border: 1px solid #BBBFC7;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1);
  }
  span.big-next{right: -8px;}
  span.big-prev{left: -8px;}
  span.big-prev.cht_arrow-wh svg,
  span.big-next.cht_arrow-wh svg{color: #333333;}
  .cht_thumbnailcurrent{
    position: static;
    display: block;
    height: auto;
    width: 100%;
    height: 24px;
    padding: 0;
    text-align: center;
    background: none;
  }
  .cht_thumbnailcurrent span{color: var(--txt-color01);}
  .cht_bigthumbnailblock::after{
    right: 0;
    bottom: -7px;
  }

  .cht_thumbnailblock{
    margin-top: 0;
    padding: 0;
  }
  span.thumb-prev,
  span.thumb-next{
    display: none;
  }


  /* お気に入りボタン*/ 
  .cht_linkedbtnwrap .cht_linkedbtn-favorite a{
    border: 1px solid var(--border-gray01);
  }

  /* テーブルver2 お気に入りと最近見た物件とお問い合わせ*/
  .cht_table02-content.cht_table02t-fh > ul {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(5, auto);
  } 
  .cht_table02-content.cht_table02t-fh .cht_details{
    grid-row: 2 / 3;
  }
  .cht_table02-content.cht_table02t-fh .cht_rentwrap{
    grid-row: 3 / 4;
    grid-column: 1 / -1;
  }
  .cht_table02-content.cht_table02t-fh .cht_rentwrap > ul{
    flex-direction: row;
  }
  .cht_table02-content.cht_table02t-fh .cht_layout{
    grid-row: 4 / 5;
    grid-column: 1 / -1;
  }
  .cht_table02-content.cht_table02t-fh .cht_listflx-table{
    grid-row: 5 / 6;
    grid-column: 1 / -1;
  }

  /* 建物画像とtable2つ入ってるセクション */
  .cht_pictureblock.cht_builimg img{
    aspect-ratio: 114/98;
  }
  .cht_contentwrap-list{
    padding: 12px 8px 0 8px;
  }

  /* グレー枠線の遷移のボタン */
  .cht_pagelink{
    grid-template-columns: repeat(3, 1fr);
  }

  /* 予約モーダル */
  .cht_branchlist{
    flex-wrap: wrap;
    gap: 12px;
  }

}

@media (max-width: 430px) {
  /* 間取/写真切替tab */
  .cht_view{
    flex: 1 1 auto;
  }

  /* グレー枠線の遷移のボタン */
  .cht_pagelink{
    grid-template-columns: repeat(2, 1fr);
  }

  /* footer */
  .cht_footer-btm ul.cht_navi li{
    width: calc(50% - 8px);
  }
  .cht_footer-btm ul.cht_navi li:nth-last-of-type(2) a{line-height: 1.375;}
}