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

.cht_wrap{
  position: relative;
  max-width: 1332px;
  margin: auto;
  padding: 0 16px;
}

.cht_keyvisual{
  position: relative;
  padding: 20px 0 clamp(2rem, 0.8974rem + 4.1026vw, 3rem);  /* 24-48 430-820 */
}
.cht_keyvisual .cht_keybg{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.cht_keyvisual .cht_keybg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}
.cht_keyvisual .cht_yell{
  position: absolute;
  display: block;
  width: 300px;
  aspect-ratio: 300 / 246;
  bottom: 30px;
  left: calc(50% - 800px);
  z-index: 15;
}
.cht_keyvisual .cht_yelmi{
  position: absolute;
  display: block;
  width: 310px;
  aspect-ratio: 320/ 220;
  bottom: 24px;
  right: calc(50% - 800px);
  z-index: 15;
}
.cht_keyvisual .cht_wrap{
  position: relative;
  z-index: 10;
}
.cht_catch{
  position: relative;
  display: flex;
  gap: 6px;
  justify-content: center;
  align-items: flex-end;
  line-height: 1.2;
  margin-bottom: 14px;
}
.cht_catchtop{
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.cht_catch span{
  display: block;
  letter-spacing: 0.01em;
  font-size: clamp(0.625rem,2vw,0.75rem);
  font-weight: 900;
  text-align: right;
  color: #FFFFFF;
}
.cht_catch p{
  letter-spacing: 0.01em;
  text-align: right;
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: #FFFFFF;
}
.cht_catch p.cht_newspaper{
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: clamp(0.5rem,1vw,0.625rem);
  color: #FFFFFF;
}


.cht_searchttl{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  height: 58px;
  line-height: 1.2;
  text-align: center;
  font-size: 1.625rem;
  font-weight: bold;
  color: #FFFFFF;
  border-radius: 4px 4px 0px 0px;
  background-color: var(--color-blue);
}
.cht_searchttl svg{
  width: 20px;
  height: 20px;
}

.cht_topsearch{
  position: relative;
  padding: 24px 16px 32px;
  background-color: #FFFFFF;
}

.cht_searchchangetab{display: none;}

.cht_searchbox{
  max-width: 960px;
  margin: auto;
}
.cht_searchbox h2{
  font-size: clamp(1rem, 0.7244rem + 1.0256vw, 1.25rem);
  font-weight: 900;
  color: var(--txt-color01);
  margin-bottom: 6px;
}
.cht_searchflx{
  display: flex;
  justify-content: space-between;
}
.cht_searcharea-btm{
  gap: 10px;
}
.cht_searcharea-btm > a{
  flex: 1 1 230px;
  width: 100%;
  max-width: 230px;
  font-size: clamp(0.875rem, 0.5994rem + 1.0256vw, 1.125rem);/*14-18 430-820*/
}
.cht_searchflx > *{flex: 1 1 auto;}
.cht_searchflx a{height: 64px;}
.cht_searchflx.cht_mainlinkbtn a{
  max-width: 470px;
  width: 100%;
  gap: 8px 16px;
  height: 120px;
}
.cht_mainlinkbtn{
  gap: 20px;
  margin-bottom: 16px;
}
.cht_sublinkbtn{
  gap: 20px;
  margin-bottom: clamp(1rem, 0.4487rem + 2.0513vw, 1.5rem);
}
.cht_sublinkbtn .cht_area-bl,
.cht_sublinkbtn .cht_station-bl{
  display: none;
}
.cht_searchflx a b{display: none;}


.cht_actionblock{
  display: flex;
  justify-content: space-between;
  gap: 10px 20px;
  width: 100%;
  padding-top: clamp(1rem, 0.4487rem + 2.0513vw, 1.5rem);
  border-top: 1px solid #DBE1E8;
}
.cht_inputbox{
  display: flex;
  width: calc(100% - 200px);
  max-width: 760px;
  border-radius: 4px;
  border: 1px solid #B6C0CB;
}
.cht_inputbox input{
  border: none;
  min-height: 54px;
}
.cht_inputbox button{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 100%;
  width: 130px;
  text-align: center;
  color: #FFFFFF;
  background-color: var(--color-blue);
  border-radius: 0 4px 4px 0;
  border-left: 1px solid #E7E8E9;
}
.cht_inputbox button span.cht_svg{
  width: 16px;
  height: 16px;
  transition: color 0.2s linear;
}
.cht_actionblock .cht_branchlinkbtn{
  width: 180px;
}
.cht_actionblock .cht_branchlinkbtn a{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: clamp(2.813rem, 1.641rem + 4.36vw, 3.875rem);/* 45-62 430-820 */
  max-height: none;
  text-align: center;
  font-weight: 500;
  border-radius: 4px;
  border: 1px solid #B6C0CB;
}
.cht_link-icon-adj-left{
  position: absolute;
  left: 12px;
}


.cht_reserveblock{
  position: relative;
  background-color: rgba(113, 198, 245, 1);
  background-image: linear-gradient(90deg, rgba(66, 172, 248, 1) 0%, rgba(69, 165, 253, 1) 50%, rgba(113, 198, 245, 1) 100%);
  background-position: center top;
  background-size: cover;
}
.cht_reserveblock.cht_blocktop{
  padding: 8px 0 clamp(1rem, 0.4487rem + 2.0513vw, 1.5rem);
}
.cht_reserveblock.cht_blockbtm{
  padding: clamp(0.875rem, 0.1859rem + 2.5641vw, 1.5rem) 0 clamp(1.5rem, 0.6731rem + 3.0769vw, 2.25rem);
}
.cht_reserveblock.cht_blockbtm::before{
  content: "";
  position: absolute;
  display: block;
  width: 120px;
  height: 118px;
  right: calc(50% - 400px);
  top: -48px;
  background: url(../../_common/img/il_yell02.png) center center no-repeat;
  background-size: contain;
}
.cht_reserveblock.cht_blockbtm > p{
  margin-bottom: 20px;
  text-align: center;
  font-size: clamp(1rem,2vw,1.5rem);
  line-height: calc(35/24);
  font-weight: bold;
  color: #FFFFFF;
}
.cht_icon-linklist.cht_firstview li a .cht_icon-linklist-menu{
  font-size: clamp(0.6875rem, 0.3429rem + 1.2821vw, 1rem);/* 11-16 430-820 */
}
.cht_icon-linklist.cht_firstview li a .cht_icon-linklist-icon .cht_svg svg{
  width: 20px;
  height: 20px;
}


.cht_important_block{
  margin-top: clamp(1.5rem, -0.1538rem + 6.1538vw, 3rem);/* 24-48 430-820 */
}
.cht_important{
  display: flex;
  border-radius: 4px;
  border: 1px solid #FF4658;
  overflow: hidden;
}
.cht_important dt{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 0;
  width: 250px;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25;
  color: #F34040;
  background-color: #FFEFEF;
}
.cht_important dd{
  display: none;
  align-items: center;
  width: calc(100% - 250px);
  padding: 8px 16px 8px 32px;
  font-size: clamp(0.75rem, 0.6122rem + 0.5128vw, 0.875rem);
  line-height: 1.25;
  color: #F34040;
  background-color: #FFFFFF;
}
.cht_important dd.slick-initialized{display: flex;}
.cht_important dd a{color: #F34040;}


.cht_sectionwrap{
  position: relative;
  padding-bottom: 60px;
  margin-top: clamp(1.5rem, -0.1538rem + 6.1538vw, 3rem);/* 24-48 430-820 */
}


/* ボタン 薄い青 */
.cht_newlistlink a{height: 72px;}
.cht_newlistlink a .cht_svg{
  position: absolute;
  right: 40px;
  top: calc(50% - 7px);
}


/* -------スライドバナー------- */
.cht_slidebnr{
  width: 100%;
  padding: clamp(1rem, -1.343rem + 8.72vw, 3.125rem) 0;/* 16-50 430-820 */
  background-color: var(--color-paleblue02);
}
.cht_bnrlist{display: none;}
.cht_bnrlist.slick-initialized{display: block;}
.cht_slidebnr a{
  display: block;
}
.slick-slide img{
  aspect-ratio: calc(420/116);
}
.cht_slidebnr .slick-list {
  margin: 0 -10px;
}
.cht_slidebnr .slick-slide {
  margin: 0 10px;
}
.slick-dotted.slick-slider{
  margin-bottom: clamp(1rem, 0.035rem + 3.59vw, 1.875rem);/* 16-30 430-820 */
}
.cht_slidebnr .slick-dots{
  position: inherit;
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.cht_slidebnr .slick-prev:before,
.cht_slidebnr .slick-next:before{
  content: "";
  display: inline-block;
  width: 9px;
  height: 18px;
  border-top: 3px solid var(--color-blue);
}
.cht_slidebnr .slick-prev:before{
  border-left: 3px solid var(--color-blue);
  transform: rotate(-45deg);
  height: 9px;
}
.cht_slidebnr .slick-next:before{
  border-right: 3px solid var(--color-blue);
  transform: rotate(45deg);
  height: 9px;
}
.cht_slick-control{
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  gap: 18px;
  margin-top: clamp(0.75rem, 0.4615rem + 1.5385vw, 1.25rem);
}
.slick-dots li{
  position: inherit;
  width: auto;
  height: auto;
  margin: 0;
}
.slick-dots li button{
  position: relative;
  width: 8px;
  height: 8px;
  padding: 0;
}
.cht_slidebnr .slick-dots li button:before{
  width: 100%;
  height: 100%;
  top: 2px;
  line-height: inherit;
  font-size: 24px;
  color: var(
  --color-blue);
}
.cht_pause-btn{
  position: relative;
  width: 9px;
  height: 8px;
  cursor: pointer;
  transition: opacity 0.2s linear;
}
.cht_pause-btn.cht_is-paused::before,
.cht_pause-btn.cht_is-paused::after{
  opacity: 0.25;
}
.cht_pause-btn::before{
  content: '';
  display: inline-block;
  position: absolute;
  width: 3px;
  height: 100%;
  background-color: #007af0;
  top: 0;
  left: 0;
  opacity: 1;
  transition: opacity 0.2s linear;
}
.cht_pause-btn::after{
  content: '';
  display: inline-block;
  position: absolute;
  width: 3px;
  height: 100%;
  background-color: #007af0;
  top: 0;
  right: 0;
  opacity: 1;
  transition: opacity 0.2s linear;
}



/* 良和ハウスの便利なサービス */
.cht_servicelist{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 64px;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 3px 3px 2px rgba(0, 91, 159, 0.06);
}
.cht_servicelist li{
  position: relative;
  width: 50%;
  border-top: 1px solid var(--border-gray01);
  border-left: 1px solid var(--border-gray01);
}
.cht_servicelist li:nth-of-type(even){border-right: 1px solid var(--border-gray01);}
.cht_servicelist li:nth-last-of-type(-n+2){border-bottom: 1px solid var(--border-gray01);}
.cht_servicelist li a{
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 20px;
  padding-right: 44px;
  transition: all 0.2s linear;
}
.cht_servicelist li a picture{
  width: clamp(4rem, 2.897rem + 4.1vw, 5rem);/*64-80 430-820*/
  aspect-ratio: 1;
}
.cht_servicelist li a picture img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 3px;
}
.cht_servicelist li a div{width: calc(100% - 100px);}
.cht_servicelist li a div p{
  font-size: clamp(0.875rem, 0.737rem + 0.51vw, 1rem);/*14-16 430-820*/
  font-weight: 800;
}
.cht_servicelist li a div span{
  display: inline-block;
  line-height: 1.5;
  font-size: clamp(0.625rem, 0.487rem + 0.51vw, 0.75rem);/*10-12 430-820*/
  font-weight: 500;
  color: var(--txt-color01);
}
.cht_servicelist li .cht_svg{
  position: absolute;
  right: 32px;
  top: calc(50% - 7px);
  transition: all 0.2s linear;
}



/*お役立ち*/
.cht_usefullist{
  display: flex;
  gap: 26px;
  margin-bottom: 56px;
}
.cht_usefullist li{width: 416px;}
.cht_usefullist li a{
  display: block;
  border-radius: 4px;
  border: 1px solid var(--border-gray01);
  overflow: hidden;
  box-shadow: 3px 3px 2px rgba(0, 91, 159, 0.06);
}
.cht_usefullist li picture{
  display: block;
  aspect-ratio: 13/5;
}
.cht_usefullist li picture img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cht_usefullist li figcaption{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 64px;
  line-height: 1.2;
  font-size: clamp(0.875rem, 0.474rem + 1.03vw, 1rem);/*12-16 430-820*/
  font-weight: 700;
  color: var(--txt-color01);
  transition: all 0.2s linear;
}
.cht_usefullist li figcaption .cht_svg{
  display: inline-block;
  margin-left: 14px;
}



/*バナー*/
.cht_bnrarea{
  display: flex;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: clamp(1.125rem, -0.4223rem + 6.6019vw, 7.5rem);
}
.cht_bnrbox{
  width: 630px;
  border-radius: 4px;
  background-color: #FFFFFF;
  border: 1px solid rgb(219 220 229);
  box-shadow: 3px 3px 2px rgba(0, 91, 159, 0.06);
}
.cht_bnrhead{
  padding: clamp(1rem, -0.103rem + 4.1vw, 2rem) 8px clamp(1rem, 0.449rem + 2.05vw, 1.5rem);
  text-align: center;
}
.cht_bnrhead p{
  font-size: clamp(0.625rem, 0.349rem + 1.03vw, 0.875rem);/*10-14 430-820*/
  line-height: normal;
  font-weight: 600;
}
.cht_bnrhead h3{
  font-size: clamp(1.25rem, 0.837rem + 1.54vw, 1.625rem);/*20-26 430-820*/
  font-weight: 800;
  line-height: normal;
  color: var(--color-blue);
}
.cht_bnrpicture{
  width: 100%;
  aspect-ratio: 630/200;
}
.cht_bnrpicture img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cht_bnrtxt{
  max-width: 540px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, -0.103rem + 4.1vw, 2rem) 0;/*16-32 430-820*/
  padding: clamp(0.5rem, -1.154rem + 6.15vw, 2rem) 16px clamp(1rem, -0.654rem + 6.15vw, 2.5rem);/*8-32 430-820*//*16-40 430-820*/
}
.cht_bnrtxt p{
  height: 6.5em;
  margin: 0 auto;
  line-height: 1.75;
  font-size: clamp(0.75rem, 0.474rem + 1.03vw, 1rem);/*12-16 430-820*/
  color: var(--txt-color01);
}
.cht_bnrtxt .cht_linkedbtn-long{margin: auto;}
.cht_bnrtxt .cht_linkedbtn-long a{font-size: 1rem;}
.cht_bnrtxt .cht_linkedbtn-long .cht_svg{
  width: 10px;
  height: 10px;
}



/*流れ*/
.cht_flow{
  margin-bottom: clamp(2.5rem, -3.013rem + 20.51vw, 7.5rem);/*40-120 430-820*/
}
.cht_scrollwrap{
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.cht_scrollwrap::-webkit-scrollbar{
  display: none;
}
.cht_flowlist{
  display: flex;
  gap: 0 40px;
  width: 3960px;
  margin-bottom: 24px;
}
.cht_flowlist > li{
  position: relative;
  width: 960px;
  height: 380px;
  padding: 50px 60px;
  border-radius: 4px;
  background-color: var(--color-paleblue);
}
.cht_number{
  position: absolute;
  left: 38px;
  top: 28px;
  width: clamp(3rem, 1.346rem + 6.15vw, 4.5rem);/*48-72 430-820*/
  height: clamp(3rem, 1.346rem + 6.15vw, 4.5rem);/*48-72 430-820*/
  line-height: clamp(3rem, 1.346rem + 6.15vw, 4.5rem);
  text-align: center;
  font-family: Inter , sans-serif;
  font-size: 1.375rem;
  color: var(--color-blue);
  border-radius: 100%;
  border: 1px solid var(--color-blue);
}
.cht_flowlist > li > div{
  display: flex;
  align-items: flex-start;
  gap: 0 48px;
}
.cht_flowpicture{
  width: 420px;
  aspect-ratio: 3/2;
}
.cht_flowpicture img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.cht_flowtxt{
  max-width: 400px;
  flex: 1 0 auto;
}
.cht_flowtxt h3{
  margin-bottom: 20px;
  text-align: left;
  font-size: clamp(0.875rem, 0.712rem + 1.54vw, 1.5rem);/*18-24 430-820*/
  font-weight: 800;
  color: var(--color-blue);
}
.cht_flowtxt p{
  margin-bottom: clamp(1rem, -0.103rem + 4.1vw, 2rem);
  line-height: 1.75;
  font-size: clamp(0.75rem, 0.343rem + 1.28vw, 1rem);/*11-16 430-820*/
}
.cht_flowtxt ul li:nth-last-of-type(n+2){margin-bottom: 5px;}
.cht_flowtxt .cht_linkedbtn-s a{padding: 8px 20px;}

.cht_progresswrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 36px;
}
.cht_progressbg{
  width: calc(100% - 180px);
  height: 2px;
  border-radius: 1px;
  background-color: #DFE8F2;
}
.cht_progressbar{
  height: 100%;
  width: 0;
  background-color: var(--color-blue);
  transition: width 0.3s ease-out;
}
.cht_progresscontrol{
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: clamp(6rem, 2.692rem + 12.31vw, 9rem);/* 96-144 430-820 */
  height: clamp(2.125rem, 0.885rem + 4.62vw, 3.25rem);/* 34-52 430-820 */
  border-radius: 4px;
  background: linear-gradient(#216CCE 0%, #00449E 100%);
}
.cht_progresscontrol::before{
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  top: calc(50% - 15px);
  height: 30px;
  border-left: 1px dotted #FFFFFF;
}
.cht_progresscontrol div{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  cursor: pointer;
}
.cht_progresscontrol div:first-of-type{border-radius: 4px 0 0 4px;}
.cht_progresscontrol div:last-of-type{border-radius: 0 4px 4px 0;}
.cht_progresscontrol div img{user-select: none;}
.cht_progresscontrol div.stt img,
.cht_progresscontrol div.end img{opacity: 0.25;}



/*サポート*/
.cht_supportpoint{
  margin-bottom: clamp(4rem, 0.141rem + 14.359vw, 7.5rem);/*64-120 430-820*/
}
.cht_supporttext{
  line-height: 1.75;
  margin-bottom: clamp(1.5rem, 0.397rem + 4.1vw, 2.5rem);/*24-40 430-820*/
  font-size: clamp(0.875rem, 0.737rem + 0.51vw, 1rem);/*14-16 430-820*/
  color: var(--txt-color01);
}
.cht_supportpoint ol{
  display: flex;
  gap: 1px;
}
.cht_supportpoint ol li{
  padding: 50px 32px;
  border-radius: 4px;
  background-color: var(--color-paleblue);
}
.cht_supportpoint ol li h3{
  position: relative;
  height: 28px;
  margin-bottom: clamp(1.125rem, 0.16rem + 3.59vw, 2rem);/*18-32 430-820*/
  color: var(--txt-color01);
  text-align: center;
  font-family: Inter, sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  color: #FFFFFF;
  border-radius: 14px;
  background-color: var(--color-blue);
}
.cht_supportpoint ol li h3::after{
  content: "";
  position: absolute;
  display: block;
  height: 16px;
  left: 50%;
  bottom: -16px;
  border-right: 3px dotted var(--color-blue);
}
.cht_supportpoint ol li p{
  margin-bottom: 8px;
  text-align: center;
  font-size: clamp(0.875rem, 0.324rem + 2.05vw, 1.375rem);/*14-22 430-820*/
  line-height: 1.54;
  font-weight: 600;
}
.cht_supportpoint ol li span{
  display: inline-block;
  margin-bottom: clamp(0.75rem, -1.179rem + 7.18vw, 2.5rem);/*12-40 430-820*/
  font-size: clamp(0.75rem, 0.474rem + 1.03vw, 1rem);/*12-16 430-820*/
  line-height: 1.62;
}
.cht_supportpoint ol li picture{
  display: block;
  text-align: center;
}




@media screen and (min-width:821px){
  .cht_label_ylw{
    top: -24px;
  }

  .cht_inputbox input:hover{border-color: #333333;}
  .cht_inputbox button:hover{
    color: #FFFFFF;
    background-color: var(--color-lightblue);
  }
  .cht_actionblock .cht_branchlinkbtn a:hover{
    background-color: var(--color-paleblue02);
  }
  .cht_actionblock .cht_branchlinkbtn a:hover .cht_link-icon-adj{right: 12px;}

  .cht_important dd a:hover{text-decoration: underline;}

  .cht_slidebnr a:hover{opacity: 0.7;}
  .cht_pause-btn:hover::before,
  .cht_pause-btn:hover::after{
    opacity: 0.25;
  }

  .cht_servicelist li a:hover{background-color: var(--color-paleblue02);}
  .cht_servicelist li a:hover + .cht_svg{right: 12px;}

  .cht_usefullist li a:hover figcaption{background-color: var(--color-paleblue02);}

  .cht_progresscontrol div:hover{background-color: #5193E9;}
}



@media (max-width: 1600px){
  .cht_keyvisual .cht_yell{
    width: clamp(10.875rem, -9.5637rem + 24.3137vw, 14.75rem);
    aspect-ratio: 236 / 270;
    bottom: -26px;
    left: 0;
  }
  .cht_keyvisual .cht_yelmi{
    width: clamp(11.25rem, -9.848rem + 25.098vw, 15.25rem);
    aspect-ratio: 244 / 244;
    bottom: -26px;
    right: 0;
  }
}




@media (max-width: 1345px) {/*1328 + スクロールバー*/  
  .cht_keyvisual .cht_yell{
    width: clamp(4.5rem, -2.5286rem + 13.7143vw, 9rem);
    min-width: 96px;
    bottom: -32px;
  }
  .cht_keyvisual .cht_yelmi{
    width: clamp(5.625rem, -0.2321rem + 11.4286vw, 9.375rem);
    min-width: 100px;
    bottom: -32px;
  }

  .cht_supportpoint ol li{
    padding: max(24px, 3.71vw) max(24px, 2.37vw);
  }
}




@media (max-width: 960px){
  .cht_newarrivals li{
    width: 32.05%;
  }
}




@media (max-width: 820px){
  .cht_keyvisual .cht_yell{
    bottom: inherit;
    top: clamp(16px, calc(32px + ((820px - 100vw) * 60 / 390)), 90px);/* 可変値は最初の数字を大きくしたら、レスポンシブの早い段階で上に位置する */
    width: clamp(4.75rem, 0.3397rem + 16.4103vw, 8.75rem);
    min-width: auto;
  }
  .cht_keyvisual .cht_yelmi{
    bottom: inherit;
    top: clamp(48px, calc(58px + ((820px - 100vw) * 38 / 390)), 99px);/* 可変値は最初の数字を大きくしたら、レスポンシブの早い段階で上に位置する */
    width: clamp(4.875rem, 0.327rem + 16.92vw, 9rem);
    min-width: auto;
  }

  .cht_reserveblock.cht_blocktop{
    padding-top: 0px;
  }
  .cht_link-icon-adj-left{
    left: 24px;
  }

  .cht_catch{
    flex-wrap: wrap;
    margin-bottom: 24px;
  }
  .cht_catch p.cht_newspaper{
    position: static;
    width: 100%;
    text-align: center;
  }
  .cht_searchttl{font-size: clamp(0.875rem, 0.737rem + 0.51vw, 1rem);/*14-16 430-820*/ height: 54px;}

  .cht_topsearch{padding: 24px 16px max(20px, 3.9vw);}
  .cht_searchflx.cht_mainlinkbtn a{
    flex-wrap: wrap;
    height: 94px;
    align-content: center;
  }
  .cht_searchflx a > span:last-of-type,
  .cht_searchflx.cht_mainlinkbtn a > span:last-of-type{
    display: block;
    width: 100%;
  }


  .cht_sublinkbtn{
    margin-bottom: 0;
  }
  .cht_actionblock{
    display: none;
  }

  .cht_icon-linklist.cht_firstview{
    gap: 4px;
  }
  .cht_icon-linklist.cht_firstview li{
    width: calc((100% - 8px) / 3);
  }
  .cht_icon-linklist.cht_firstview li a{
    justify-content: center;
    height: 80px;
    padding: 16px clamp(0.5rem, -0.465rem + 3.59vw, 1.375rem);
    line-height: 1;
    text-align: center;
    font-size: clamp(0.6875rem, 2vw, 0.8125rem);
    font-weight: 800;
  }
  .cht_icon-linklist.cht_firstview li a .cht_icon-linklist-left{
    flex-direction: column;
    gap: 4px;
  }
  .cht_icon-linklist.cht_firstview li a .cht_icon-linklist-left > p{
    display: flex;
    align-items: center;
    height: 2.5em;
    line-height: 1.18;
  }
  .cht_icon-linklist.cht_firstview li a .cht_arrow-bl{display: none;}
  .cht_icon-linklist.cht_firstview li a .cht_icon-linklist-icon{
    height: auto;
    background: none;
  }
  .cht_icon-linklist.cht_firstview li a .cht_icon-linklist-icon .cht_svg svg{color: var(--color-blue);}


  .cht_important dt{
    width: 72px;
    text-align: left;
    font-size: 0.75rem;
  }
  .cht_important dt span{display: block;}
  .cht_important dd{
    width: calc(100% - 72px);
    padding-left: 14px;
  }


  .cht_sectionwrap{
    padding-bottom: max(30px, 7.3vw);/* 24-100 430-820 , 60÷820*/
  }
  .cht_switch-tabswrap ul li{
    padding: max(4px, 1.09vw);
  }

  .cht_icon-linklist-menunote{
    display: none;
  }

  /* ボタン 薄い青 */
  .cht_newlistlink a{height: max(52px, 8.78vw);}


  /* 良和ハウスの便利なサービス */
  .cht_servicelist li{
    width: 100%;
    border-right: 1px solid var(--border-gray01);
  }
  .cht_servicelist li:nth-last-of-type(n+2){
    border-bottom: none;
  }
  .cht_servicelist li a{
    padding: max(10px, 2.44vw);
    padding-right: max(24px, 5.36vw);
  }
  .cht_servicelist li .cht_svg{
    right: max(12px, 3.9vw);
  }

  .cht_facilitylist p{padding: max(0px, 0.2vw) max(2px, 1.21vw);}


  .cht_slidebnr .cht_wrap{padding: 0 32px;}
  .cht_slidebnr .slick-prev{left: 10px;}
  .cht_slidebnr .slick-next{right: 10px;}

  .cht_reserveblock.cht_blockbtm::before {
    width: clamp(4.625rem, 1.4551rem + 11.7949vw, 7.5rem);/* 74-120 430-820 */
    height: clamp(4.5rem, 1.3301rem + 11.7949vw, 7.375rem);/* 72-118 430-820 */
    right: 16px;
    top: clamp(-40px, calc(-40px + (((820px - 100vw) * 24 / 390))), -16px);
  }

  .cht_usefullist{
    flex-wrap: wrap;
    gap: 10px 2%;
  }
  .cht_usefullist li{width: 49%;}
  .cht_usefullist li figcaption{
    height: 48px;
    text-align: center;
  }
  .cht_usefullist li figcaption .cht_svg{
    position: absolute;
    right: 12px;
    top: calc(50% - 5px);
    margin-left: 0;
  }


  .cht_bnrarea{
    flex-wrap: wrap;
    justify-content: center;
  }
  .cht_supportpoint ol{
    justify-content: center;
    flex-wrap: wrap;
  }
  .cht_supportpoint ol li{
    width: 100%;
    max-width: 640px;
  }
  .cht_bnrtxt p{
    text-align: left;
    height: auto;
  }


  .cht_flowlist{
    gap: 0 20px;
    width: 1212px;
  }
  .cht_flowlist > li{
    width: 288px;
    height: auto;
    padding: 16px 16px 24px;
  }
  .cht_number{
    left: 4px;
    top: 0;
  }
  .cht_flowlist > li > div{
    flex-wrap: wrap;
    gap: 14px 0;
  }
  .cht_flowpicture{
    width: 100%;
  }
  .cht_flowtxt{
    width: 100%;
  }
  .cht_flowtxt h3{
    margin-bottom: 6px;
  }
  .cht_flowtxt .cht_linkedbtn-s a{
    padding: 6px 20px;
    font-size: 0.75rem;
  }


}




@media (max-width: 690px){
  .cht_mainlinkbtn{
    gap: 8px;
  }
}




@media (max-width: 430px) {
  .cht_searchflx a b{display: inline;}
  .cht_searcharea-btm a{
    flex-wrap: wrap;
    height: 94px;
    align-content: center;
  }

  .cht_mainlinkbtn{
    margin-bottom: 0;
  }


  .cht_catch p.cht_newspaper{
    text-align: right;
  }

  .cht_searchttl .cht_svg{display: none;}
  .cht_searchbox h2{display: none;}
  .cht_searchchangetab{
    display: block;
    margin-bottom: 10px;
  }

  .cht_sublinkbtn{display: block;}
  .cht_sublinkbtn > div{
    display: none;
    width: 100%;
  }
  .cht_sublinkbtn .cht_area-bl,
  .cht_sublinkbtn .cht_station-bl{
    display: block;
  }

  .cht_newarrivals .slick-slide{
    width: 144px;
    margin-right: 10px;
  }

  .cht_supportpoint{margin-bottom: 48px;}
}