@charset 'UTF-8';
/*  Add Custom CSS here.  */
.top__bl05__tabTitle li span{
    border-bottom: 1px solid #f39700 !important;
    margin-bottom: 10px !important;
}

/* Fix mobile menu height */
@media only screen and (max-width: 767px) {
    body.top.layerOn .header {
        height: 100% !important;
    }
    body.top.layerOn .header .layerMenu .inLayer {
        height: 90% !important;
    }
}

.custom-width {
    max-width: 100%;
    background-color: #ffffff;
}

/* Fix the header menu style when zoom in */
@media only screen and (min-width: 768px) and (max-width: 1400px) {

  .header a.btn_header {
    min-width: 100px !important;
    padding: 8px 10px !important;
    font-size: 12px !important;
    font-size: 1.2rem !important;
    letter-spacing: 0.05em !important;
  }

  .fixHeader .header .header__right,
  .addFix .header .header__right {
    top: -14px !important;
    right: -20px !important;
    gap: 15px !important;
  }

  .header .layerMenu .gNavi > li {
    padding: 0 10px !important;
  }

  .header .layerMenu .gNavi > li > a {
    font-size: 14px !important;
    font-size: 1.4rem !important;
  }
}

/* Adjust spacing for iPad/iPad Pro to prevent overlap */
@media only screen and (min-width: 768px) and (max-width: 1100px) {

  .header .layerMenu .gNavi > li {
    padding: 0 6px !important;
  }

  .header .layerMenu .gNavi > li > a {
    font-size: 12px !important;
    font-size: 1.2rem !important;
  }

  .header a.btn_header {
    min-width: 70px !important;
    padding: 5px 6px !important;
    font-size: 10px !important;
    font-size: 1.0rem !important;
    letter-spacing: 0.02em !important;
  }

  .fixHeader .header .header__right,
  .addFix .header .header__right {
    gap: 8px !important;
  }
}