@charset "utf-8";
/* CSS Document */
.cht_pagettl{
  font-size: clamp(1rem, -0.3782rem + 5.1282vw, 2.25rem);/* 16-36 430-820 */
}


.cht_pagelink{display: none;}


.cht_bigthumbnailblock img{
  object-fit: contain;
}

.cht_mvwrap{
  width: 41.54%;
  max-width: 540px;
}
.cht_detailtable{
  width: 54.62%;
  max-width: 710px;
}
.cht_table01{margin-bottom: 20px;}
.cht_table01 .cht_linktxt a{
  display: inline;
  padding: 0;
}
.cht_table01 .cht_linktxt a .cht_svg{
  display: inline;
  margin-left: 4px;
}
.cht_table01 .cht_linktxt a svg{
  width: 12px;
  height: 12px;
}
.cht_contactbtn{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}
.cht_contactbtn > *{
  width: 350px;
  max-width: 100%;
}
.cht_linkedbtn-contact a{
  padding: 0;
  height: 54px;
}
.cht_linkedbtn-contact .cht_svg{
  width: 16px;
  height: 13px;
}
.cht_contactbtn .cht_linkedbtn-s a{
  position: relative;
  justify-content: center;
  padding: 0;
  height: 54px;
}
.cht_contactbtn .cht_linkedbtn-s a .cht_svg{
  position: absolute;
  right: 28px;
  top: calc(50% - 7px);
}

.cht_accessblock{
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 120px;
}
.cht_map{
  width: 100%;
  max-width: 100%;
  height: 360px;
}
.cht_map iframe{
  width: 100%;
  height: 100%;
}
.cht_youtube{
  width: 100%;
  max-width: 640px;
  aspect-ratio: 16/9;
}
.cht_youtube iframe{
  width: 100%;
  height: 100%;
}



.cht_sectionwrap{margin-bottom: clamp(2.5rem, -3.0128rem + 20.5128vw, 7.5rem);}/*40-120 430-820*/




.cht_newlistlink a{height: 72px;}
.cht_newlistlink a .cht_svg{
  position: absolute;
  right: 40px;
  top: calc(50% - 7px);
}



.cht_branchmess{
  margin-bottom: 40px;
  padding: 30px;
  font-size: clamp(0.875rem, 0.737rem + 0.51vw, 1rem);/*14-16 430-820*/
  border-radius: 4px;
  background-color: var(--color-paleblue);
}
.cht_branchmess p{
  line-height: 1.75;
  font-weight: 500;
  font-size: clamp(0.875rem, 0.737rem + 0.51vw, 1rem);/*14-16 430-820*/
}
.cht_notes{
  line-height: 1.5;
  margin-bottom: 24px;
  font-size: clamp(0.688rem, 0.619rem + 0.26vw, 0.75rem);/*11-12 430-820*/
  font-weight: 600;
}

.cht_stafflist{
  display: flex;
  flex-wrap: wrap;
  gap: 10px 15px;
}
.cht_stafflist li{
  position: relative;
  width: calc((100% - 60px) / 5);
  aspect-ratio: 4/3;
  border-radius: var(--border-radius4);
}
.cht_stafflist li.cht_manager::after{
  content: "店長";
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  padding: 3px 10px;
  text-align: center;
  font-weight: 500;
  font-size: clamp(0.625rem, 0.487rem + 0.51vw, 0.75rem);/*10-12 430-820*/
  color: #FFFFFF;
  border-radius: 4px 0px;
  background-color: var(--color-blue);
  pointer-events: none;
}
.cht_stafflist li img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: var(--border-radius4);
}
/*staff モーダル*/
.modaal-iframe-elem{
  width: 740px;
  height: 750px;
  max-width: 100%;
  max-height: 100%;
  padding: clamp(16px, 3.72vw, 50px);/*16px÷430=3.72vw*/
  background-color: #FFFFFF;
}
.modaal-iframe .modaal-close{
  right: max(0px, calc(50% - 397px));
  top: max(0, calc(50% - 382px));
  width: 54px;
  height: 54px;
  border-radius: 4px;
  background-color: var(--color-blue);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.16);
}
.modaal-iframe .modaal-close:before,
.modaal-iframe .modaal-close:after{
  top: 16px;
  left: 25px;
}


.cht_formwrap{
  padding: clamp(0.75rem, -2.5577rem + 12.3077vw, 3.75rem) clamp(0.5rem, -1.3149rem + 6.7532vw, 3.75rem);/*12-60 430-820*//*8-60 430-1200*/
  border: 1px solid var(--border-gray04);
  border-radius: var(--border-radius4);
}
.cht_form-area{
  max-width: 1180px;
  margin: 0 auto clamp(1.5rem, -2.359rem + 14.36vw, 5rem);
}



.cht_attention{
  margin-bottom: 32px;
  font-size: clamp(0.6875rem, 0.481rem + 0.77vw, 0.875rem);
}



.cht_backtolist{margin: auto;}
.cht_backtolist a{
  position: relative;
  justify-content: center;
}
.cht_backtolist a .cht_svg{
  position: absolute;
  left: 24px;
  top: calc(50% - 6px);
}
.cht_backtolist .cht_arrow-wh svg{transform: rotate(180deg);}













@media screen and (min-width:821px){
  .cht_stafflist li img:hover{opacity: 0.7;}
}











@media (max-width: 960px){
  .cht_mvwrap{
    width: 100%;
    max-width: 100%;
  }
  .cht_detailtable{
    width: 100%;
  }
  .cht_accessblock{
    justify-content: center;
    flex-wrap: wrap;
  }



  .cht_newarrivals li{
    width: 32.05%;
  }



  /*staffモーダル*/
  .modaal-inner-wrapper {
    padding-top: 110px;
  }
  .modaal-iframe-elem {
    height: max(530px, 76vw);
  }
  .modaal-iframe .modaal-close{top: 82px;}
}


@media (max-width: 820px){
  .cht_branchmess{
    margin-bottom: max(12px, 4.87vw);
    padding: max(14px, 3.65vw);
  }
  .cht_notes{margin-bottom: max(8px, 2.92vw);}


  .cht_newlistlink a{height: max(52px, 8.78vw);}
}

@media (max-width: 640px){
  .cht_stafflist li{width: calc((100% - 15px) / 2);}
}

@media (max-width: 430px){
  .cht_newarrivals .slick-slide{
    width: 144px;
    margin-right: 10px;
  }

  .cht_pagelink{display: grid;}
}