/* ============================
  2025.11.10 ヘッダーボタン追加
============================ */

.header_btn .btn_blue a {
  min-width: 180px;
}

.header_btn .btn_blue a::before {
  transform: translateY(-2px);
}

.header_btn li:nth-child(2) a::before {
  background-image: none;
  mask: url('data:image/svg+xml,<svg width="28" height="21" viewBox="0 0 28 21" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_244_9" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="28" height="21"><rect width="28" height="21" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_244_9)"><path d="M26.3976 11.2431L27.1502 8.43437C27.4475 7.32502 26.7816 6.18274 25.663 5.88303L5.73265 0.542699C4.61412 0.242939 3.46633 0.899235 3.16908 2.00859L2.41144 4.83611C3.40062 5.25817 3.95765 6.34499 3.67352 7.40539C3.38939 8.46579 2.36354 9.12858 1.29596 8.99913L0.538233 11.827C0.241082 12.936 0.906955 14.0783 2.0255 14.378L21.9558 19.7183C23.0744 20.018 24.2222 19.3617 24.5194 18.2528L25.2721 15.4436C24.1607 15.0898 23.5101 13.9307 23.8126 12.8017C24.1152 11.6728 25.2582 10.9942 26.3976 11.2431ZM6.03123 14.0931L5.33442 13.9064L5.81731 12.1042L6.51413 12.2909L6.03123 14.0931ZM6.87963 10.9268L6.18281 10.7401L6.6657 8.93797L7.36251 9.12468L6.87963 10.9268ZM7.728 7.76066L7.03118 7.57395L7.51418 5.77139L8.21099 5.9581L7.728 7.76066ZM8.57637 4.5945L7.87955 4.40779L8.36245 2.60561L9.05926 2.79232L8.57637 4.5945Z" fill="white"/></g></svg>');
  mask-size: contain;
  mask-repeat: no-repeat;
  background-color: #fff;
  width: 28px;
  height: auto;
  aspect-ratio: 28/21;
  padding-right: 0;
}

.header_btn li:nth-child(2) a:hover::before {
  background-image: none;
  background-color: #1b80b7;
}

.header_btn .btn_access a {
  font-size: 15px;
  font-weight: bold;
  color: #1b80b7;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-align: center;
  padding: 8px 16px;
  border: solid 2px #1b80b7;
  border-radius: 4px;
  transition: background-color 0.2s, color 0.2s;
}

.header_btn .btn_access a::before {
  content: "";
  mask: url('data:image/svg+xml,<svg width="20" height="24" viewBox="0 0 20 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 0C4.47716 0 0 4.42528 0 9.88256C0 15.3398 7.85963 24 10 24C12.1396 24 20 15.3398 20 9.88256C20 4.42528 15.5229 0 10 0ZM10 14.4185C7.46462 14.4185 5.41019 12.3875 5.41019 9.88256C5.41019 7.37695 7.46462 5.34666 10 5.34666C12.5347 5.34666 14.5898 7.37695 14.5898 9.88256C14.5898 12.3875 12.5347 14.4185 10 14.4185Z" fill="%231B80B7"/></svg>');
  mask-size: contain;
  mask-repeat: no-repeat;
  background-color: #1b80b7;
  width: 16px;
  aspect-ratio: 5/6;
  transition: background-color 0.2s;
}

.header_btn .btn_access a:hover {
  background-color: #1b80b7;
  color: #fff;
  opacity: 1;
}

.header_btn .btn_access a:hover::before {
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  .header_btn.spnav02 {
    justify-content: center;
    align-items: center;
    gap: 12px;
  }

  .header_btn.spnav02 .btn_blue a {
    max-width: fit-content;
    min-width: 0;
    padding: 12px 14px 8px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    align-items: center;
    font-size: 14px;
    border-radius: 4px;
  }

  .header_btn.spnav02 .btn_blue {
    width: auto;
  }

  .header_btn li a::before {
    transform: none;
  }

  .header_btn li:nth-child(2) a::before {
    width: 22px;
    padding-right: 0;
  }

  .header_btn.spnav02 li {
    width: auto;
    max-width: fit-content;
  }

  .header_btn .btn_access a {
    font-size: 14px !important;
    flex-direction: column;
    gap: 6px;
    padding: 11px;
  }

  .header_btn .btn_access a::before {
    width: 16px;
    padding-right: 0 !important;
  }
}