.l-headerDropdown{
  position:relative
}
.l-headerDropdown__btn{
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  padding:clamp(calc((10*(768/1200))*1px),calc(10/1200*100vw),10px) clamp(calc((14*(768/1200))*1px),calc(14/1200*100vw),14px) clamp(calc((10*(768/1200))*1px),calc(10/1200*100vw),10px) clamp(calc((10*(768/1200))*1px),calc(10/1200*100vw),10px);
  color:#fff;
  border:1px solid #fff
}
@media screen and (max-width:768px){
  .l-headerDropdown__btn{
    height:-webkit-fit-content;
    height:-moz-fit-content;
    height:fit-content;
    padding:calc(6/375*100vw) calc(10/375*100vw) calc(6/375*100vw) calc(6/375*100vw);
    border-width:calc(1/375*100vw)
  }
}
.l-headerDropdown__btnTxt{
  position:relative;
  display:block;
  padding-left:clamp(calc((22*(768/1200))*1px),calc(22/1200*100vw),22px);
  font-size:clamp(calc((15*(768/1200))*1px),calc(15/1200*100vw),15px);
  font-weight:500
}
@media screen and (max-width:768px){
  .l-headerDropdown__btnTxt{
    padding-left:calc(17/375*100vw);
    font-size:calc(10/375*100vw)
  }
}
.l-headerDropdown__btnTxt::before{
  position:absolute;
  top:50%;
  left:0;
  width:clamp(calc((16*(768/1200))*1px),calc(16/1200*100vw),16px);
  height:clamp(calc((16*(768/1200))*1px),calc(16/1200*100vw),16px);
  content:"";
  background-image:url(/assets/img/common/icn_language.svg);
  background-repeat:no-repeat;
  background-size:contain;
  translate:0 -50%
}
@media screen and (max-width:768px){
  .l-headerDropdown__btnTxt::before{
    width:calc(13/375*100vw);
    height:calc(13/375*100vw)
  }
}
.l-headerDropdown__item{
  position:relative;
  padding:clamp(calc((5*(768/1200))*1px),calc(5/1200*100vw),5px) clamp(calc((30*(768/1200))*1px),calc(30/1200*100vw),30px) clamp(calc((5*(768/1200))*1px),calc(5/1200*100vw),5px) clamp(calc((20*(768/1200))*1px),calc(20/1200*100vw),20px);
  font-size:clamp(calc((14*(768/1200))*1px),calc(14/1200*100vw),14px);
  font-weight:500;
  color:#fff;
  -webkit-transition:all .3s;
  transition:all .3s
}
@media screen and (max-width:768px){
  .l-headerDropdown__item{
    padding:calc(5/375*100vw) calc(20/375*100vw) calc(5/375*100vw) calc(10/375*100vw);
    font-size:calc(11/375*100vw)
  }
}
.l-headerDropdown__item::before{
  position:absolute;
  top:50%;
  right:clamp(calc((20*(768/1200))*1px),calc(20/1200*100vw),20px);
  width:clamp(calc((3*(768/1200))*1px),calc(3/1200*100vw),3px);
  height:clamp(calc((6*(768/1200))*1px),calc(6/1200*100vw),6px);
  content:"";
  -webkit-mask-image:url(/assets/img/common/icn_arrow02.svg);
  mask-image:url(/assets/img/common/icn_arrow02.svg);
  -webkit-mask-size:contain;
  mask-size:contain;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  background-color:#fff;
  translate:0 -50%
}
@media screen and (max-width:768px){
  .l-headerDropdown__item::before{right:calc(10/375*100vw);
    width:calc(3/375*100vw);
    height:calc(6/375*100vw)
  }
}
@media (hover:hover){
  .l-headerDropdown__item:hover{
    background-color:rgba(0,0,0,.4)
  }
}
.l-headerDropdown__list{
  width:100%;
  padding:clamp(calc((10*(768/1200))*1px),calc(10/1200*100vw),10px) 0;
  visibility:hidden;
  background-color:rgba(0,0,0,.6);
  opacity:0;
  -webkit-transition:all .3s;
  transition:all .3s;
  translate:0 -100%
}
@media screen and (max-width:768px){
  .l-headerDropdown__list{
    padding:calc(5/375*100vw) 0
  }
}
.l-headerDropdown__list.is-open{
  visibility:visible;
  opacity:1;
  translate:0
}
.l-headerDropdown__listWrap{
  position:absolute;
  top:100%;
  left:0;
  width:100%;
  height:-webkit-fit-content;
  height:-moz-fit-content;
  height:fit-content;
  overflow:hidden
}

.l-header__inner {
  justify-content: space-between !important;
  gap: clamp(calc((24*(768/1200))*1px),calc(24/1200*100vw),10px);
}
@media screen and (max-width:768px){
  .l-header__inner {
    justify-content: space-between;
    gap: calc(4/375*100vw);
  }
  .l-header__inner::after {
    width: calc(25/375*100vw);
    height: 100%;
    content: "";
  }
}

.l-header__ttl {
  font-size: calc(15/375*100vw) !important;
  white-space: nowrap;
}