/* スマホのハンバーガーメニュー用。現行サイトでは開いた瞬間にJSが差し込むCSS。
   静的移植では最初から読み込んでおき、表示はJS（jpc-ui.js）で切り替える。 */
.sd[data-s-56f7af36-b21e-4245-bdab-2a127a4af55b] { align-content: flex-end; align-items: flex-end; background: rgba(0, 0, 0, 0.3); border-radius: 0; box-shadow: ; height: 100%; justify-content: center; margin: 0 0 0 0; opacity: 1; padding: 0px 0px 0px 0px; width: 100%; max-width: 100%; }.sd[data-s-5b8c64a1-9f8e-4399-93ca-a0c36b3939c7] { align-content: center; align-items: center; background: #f6f6f6; box-shadow: 0px 30px 30px 0px rgba(0,0,0,0.2); flex: none; flex-direction: column; flex-wrap: nowrap; height: 100%; justify-content: flex-start; overflow-x: hidden; overflow-y: auto; padding: 0px 0px 48px 0px; width: 40%; z-index: 3; max-width: 40%; }
@media screen and (max-width: 1140px){
.sd[data-s-5b8c64a1-9f8e-4399-93ca-a0c36b3939c7] { flex: none; width: 40%; }
}
@media screen and (max-width: 768px){
.sd[data-s-5b8c64a1-9f8e-4399-93ca-a0c36b3939c7] { flex: none; width: 80%; max-width: 80%; height: 100%; }
}
@media screen and (max-width: 480px){
.sd[data-s-5b8c64a1-9f8e-4399-93ca-a0c36b3939c7] { flex: none; overflow-x: hidden; overflow-y: auto; width: 90%; max-width: 90%; height: 100%; }
}.sd[data-s-7cd7a1a2-902c-4f94-bd78-461cbb46e931] { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: row; flex-wrap: nowrap; height: 56px; justify-content: flex-end; margin: 0px 0px 0px 0px; padding: 0px 20px 0px; width: 100%; max-width: 100%; }.sd[data-s-0ce69869-4ff1-44b4-a4eb-df216aef9141] { background: #2287beff; border-radius: 24px; color: #FFFFFF; flex: none; font-size: 20px; height: auto; margin: 0px 0px 0px 0px; padding: 10px 10px; max-width: 100%; }.sd[data-s-afa1cd80-f3dd-4022-8b91-f406d42e6079] { align-content: center; align-items: center; background: rgba(0,0,0,0.0); border-radius: 0px; box-shadow: none; flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; margin: 0px 0px 0px 0px; opacity: 1; padding: 0px 0px 0px 0px; width: 60%; max-width: 60%; }
@media screen and (max-width: 768px){
.sd[data-s-afa1cd80-f3dd-4022-8b91-f406d42e6079] { padding: 0px 0px 0px 0px; }
}.sd[data-s-c92a88e0-4946-44e2-8463-09494a1a6649] { color: #060606; font-family: var(--s-font-588b2057); font-size: 16px; font-weight: 700; height: auto; letter-spacing: 0.1em; line-height: 1.4; margin: 0px 0px 0px 0px; padding: 20px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
.sd[data-s-c92a88e0-4946-44e2-8463-09494a1a6649]:hover { opacity: 0.5; }
@media screen and (max-width: 768px){
.sd[data-s-c92a88e0-4946-44e2-8463-09494a1a6649] { display: flex; }
}
@media screen and (max-width: 480px){
.sd[data-s-c92a88e0-4946-44e2-8463-09494a1a6649] { display: flex; }
}.sd[data-s-e8f026b9-7d02-4e2d-86ec-aa22901aa8c9] { color: #060606; font-family: var(--s-font-588b2057); font-size: 16px; font-weight: 700; height: auto; letter-spacing: 0.1em; line-height: 1.4; margin: 0px 0px 0px 0px; padding: 20px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
.sd[data-s-e8f026b9-7d02-4e2d-86ec-aa22901aa8c9]:hover { opacity: 0.5; }
@media screen and (max-width: 768px){
.sd[data-s-e8f026b9-7d02-4e2d-86ec-aa22901aa8c9] { display: flex; }
}
@media screen and (max-width: 480px){
.sd[data-s-e8f026b9-7d02-4e2d-86ec-aa22901aa8c9] { display: flex; }
}.sd[data-s-24c03255-d45d-4d43-8390-9fe9dce8f59a] { color: #060606; font-family: var(--s-font-588b2057); font-size: 16px; font-weight: 700; height: auto; letter-spacing: 0.1em; line-height: 1.4; margin: 0px 0px 0px 0px; padding: 20px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
.sd[data-s-24c03255-d45d-4d43-8390-9fe9dce8f59a]:hover { opacity: 0.5; }
@media screen and (max-width: 768px){
.sd[data-s-24c03255-d45d-4d43-8390-9fe9dce8f59a] { display: flex; }
}
@media screen and (max-width: 480px){
.sd[data-s-24c03255-d45d-4d43-8390-9fe9dce8f59a] { display: flex; }
}.sd[data-s-3fd9f82c-9ff2-4296-91e1-3c4be477fbdf] { color: #060606; font-family: var(--s-font-588b2057); font-size: 16px; font-weight: 700; height: auto; letter-spacing: 0.1em; line-height: 1.4; margin: 0px 0px 0px 0px; padding: 20px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
.sd[data-s-3fd9f82c-9ff2-4296-91e1-3c4be477fbdf]:hover { opacity: 0.5; }
@media screen and (max-width: 768px){
.sd[data-s-3fd9f82c-9ff2-4296-91e1-3c4be477fbdf] { display: flex; }
}
@media screen and (max-width: 480px){
.sd[data-s-3fd9f82c-9ff2-4296-91e1-3c4be477fbdf] { display: flex; }
}.sd[data-s-bf25e245-6c48-4a9d-a3f0-92cfe4bf6c51] { color: #060606; font-family: var(--s-font-588b2057); font-size: 16px; font-weight: 700; height: auto; letter-spacing: 0.1em; line-height: 1.4; margin: 0px 0px 0px 0px; padding: 20px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
.sd[data-s-bf25e245-6c48-4a9d-a3f0-92cfe4bf6c51]:hover { opacity: 0.5; }
@media screen and (max-width: 768px){
.sd[data-s-bf25e245-6c48-4a9d-a3f0-92cfe4bf6c51] { display: flex; }
}
@media screen and (max-width: 480px){
.sd[data-s-bf25e245-6c48-4a9d-a3f0-92cfe4bf6c51] { display: flex; }
}.sd[data-s-ea4bd274-b446-43d9-8554-28efba864796] { align-content: center; align-items: center; background: #060606; border-radius: 48px; flex: none; flex-direction: row; flex-wrap: nowrap; height: auto; justify-content: center; margin: 20px 0px; padding: 16px 20px; width: 100%; max-width: 100%; }
@media screen and (max-width: 768px){
.sd[data-s-ea4bd274-b446-43d9-8554-28efba864796] { display: flex; }
}
@media screen and (max-width: 480px){
.sd[data-s-ea4bd274-b446-43d9-8554-28efba864796] { display: flex; padding: 12px 12px 12px 12px; }
}.sd[data-s-316f831c-74a1-47a7-bb33-ed662f525ddc] { color: #ffffff; font-family: var(--s-font-d48c343e); font-size: 15px; font-weight: 700; height: auto; letter-spacing: 0.05em; line-height: 1.4; margin: 0px 6px 0px 0px; text-align: center; width: auto; max-width: calc(100% - 6px); justify-content: center; }
.sd[data-s-316f831c-74a1-47a7-bb33-ed662f525ddc]:hover { opacity: 0.5; }
@media screen and (max-width: 768px){
.sd[data-s-316f831c-74a1-47a7-bb33-ed662f525ddc] { display: flex; }
}
@media screen and (max-width: 480px){
.sd[data-s-316f831c-74a1-47a7-bb33-ed662f525ddc] { display: flex; }
}.sd[data-s-bf9e8dd4-6c79-4929-9565-087e33c95436] { background: rgba(0,0,0,0.0); border-radius: 0; color: #FFFFFF; font-size: 16px; margin: 1px 0px 0px 0px; padding: 0px; max-width: 100%; }.sd[data-s-5114411e-076d-4407-9d7c-300247a045cb] { align-content: center; align-items: center; background: #2287beff; border-radius: 48px; flex: none; flex-direction: row; flex-wrap: nowrap; height: auto; justify-content: center; padding: 16px 20px; width: 100%; max-width: 100%; }
@media screen and (max-width: 768px){
.sd[data-s-5114411e-076d-4407-9d7c-300247a045cb] { display: flex; }
}
@media screen and (max-width: 480px){
.sd[data-s-5114411e-076d-4407-9d7c-300247a045cb] { display: flex; padding: 12px 12px 12px 12px; }
}.sd[data-s-85d6f22f-a1d6-4896-bfc4-0df889a88c55] { color: #ffffff; font-family: var(--s-font-d48c343e); font-size: 15px; font-weight: 700; height: auto; letter-spacing: 0.05em; line-height: 1.4; margin: 0px 6px 0px 0px; text-align: center; width: auto; max-width: calc(100% - 6px); justify-content: center; }
.sd[data-s-85d6f22f-a1d6-4896-bfc4-0df889a88c55]:hover { opacity: 0.5; }
@media screen and (max-width: 768px){
.sd[data-s-85d6f22f-a1d6-4896-bfc4-0df889a88c55] { display: flex; }
}
@media screen and (max-width: 480px){
.sd[data-s-85d6f22f-a1d6-4896-bfc4-0df889a88c55] { display: flex; }
}.sd[data-s-acf103d1-e64f-40d5-be8d-9b4445f93c12] { color: #ffffff; font-size: 16px; margin: 1px 0px 0px 0px; max-width: 100%; }
@media screen and (max-width: 480px){
.sd[data-s-acf103d1-e64f-40d5-be8d-9b4445f93c12] { display: flex; }
}

/* ---- 開閉の制御（JPC移行時に追加） ----
   現行はJSがメニューDOMごと差し込む方式。静的移植では最初から置いておき、
   既定で隠して jpc-menu-open が付いたときだけ表示する。
   ヘッダーが position:fixed / z-index:5 で最前面にいるため、
   オーバーレイはそれより前に出す必要がある。 */
[data-jpc-menu] { display: none !important; }
[data-jpc-menu].jpc-menu-open {
  display: flex !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 10 !important;
}
/* 実績一覧：現行は12件表示で、残りは「もっと見る」で現れる */
.jpc-more-hidden { display: none !important; }