:root{
  --safe-top: calc(env(safe-area-inset-top, 0px) + var(--wp-adminbar, 0px));
  --ease: cubic-bezier(.2,.6,.2,1);
  --dur: 260ms;
  --subnav-height: 65px;
  --masthead-h: calc(var(--primary-h) + var(--secondary-h));
}

/*ヘッダー分下にずらす処理*/
body {
  scroll-padding-top: calc(
    var(--primary-h) + var(--secondary-h) + var(--safe-top) + 8px
  );
}
.masthead-placeholder {
  height: calc(var(--primary-h) + var(--secondary-h));
}
html.is-subnav-compact .masthead-placeholder {
  height: var(--secondary-h);
}
html.is-transitioning {
  overflow-anchor: none;
}


/* 一段目 */
.header{
}

/* 二段目 */
.subnav{
  position: fixed; top: var(--safe-top); left: 0; right: 0; z-index: 10000;
  background-color: #e1f6ffd1;
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  transform: translateY(var(--primary-h));
  transition: transform var(--dur) var(--ease), box-shadow var(--dur) ease, border-color var(--dur) ease;
}
.subnav__list {
  display: flex;
  margin: 0;
  padding: 0;
  justify-content: flex-end;
}

#service-gmc2026 section.mv{
  overflow: hidden;
  background: url(/wp-data/medicalclip/2026/gmc_fv.png) no-repeat bottom center / cover;
}
@media (max-width: 767.9px) {
  #service-gmc2026 section.mv{
    background: url(/wp-data/medicalclip/2026/gmc_fv_sp.png) no-repeat bottom center / cover;
  }
}
#service-gmc2026 section.mv,
#service-gmc2026 .gmc_mv_ttl {
	height: 50vw;
  max-height: calc(95vh - (var(--masthead-h)));
}
@media (max-width: 767.9px) {
  #service-gmc2026 section.mv,
  #service-gmc2026 .gmc_mv_ttl {
	  height: unset;
    padding: 2vh 0px;
  }
}
#service-gmc2026 section.mv .mv_img{
  max-height: calc(95vh - (var(--masthead-h)));
}
#service-gmc2026 section.mv .mv_img img{
  height: 50vw;
  max-height: calc(95vh - (var(--masthead-h)));
  width: auto;
	object-fit: scale-down;
}
@media (max-width: 767.9px) {
  #service-gmc2026 section.mv .mv_img img{
    height: unset;
    max-height: 70vh;
  }
}
.masthead-placeholder { height: calc(var(--primary-h) + var(--secondary-h)); }
html.is-subnav-compact .masthead-placeholder { height: var(--secondary-h); }

html.is-subnav-collapsed .header {
  transform: translateY(calc(-1 * var(--primary-h)));
}
html.is-subnav-collapsed .subnav {
  transform: translateY(0);
  box-shadow: 0 0px 10px rgba(0, 0, 0, .2);
  border-bottom-color: transparent;
}

@media (prefers-reduced-motion: reduce) {
  .header, .subnav { transition: none; }
}

.subnav .header-item > a {
  height: unset;
  line-height: unset;
  text-decoration-color: #0067B7;
  line-height: 1.5em;
  text-align: center;
  font-size: min(16px, 1.15vw);
}
.subnav .subnav__list .header-item{
  margin: 0;
  padding: 0 1em;
  height: var(--subnav-height);
  line-height: var(--subnav-height);
  display: flex;
  align-items: center;
}
.subnav .subnav__list .header-item:last-child {
  background: #0067B7;
  padding: 0 1.5em;
  transition: .3s;
}
.subnav .subnav__list .header-item:last-child:hover {
  background: #fff;
}
.subnav .subnav__list .header-item:last-child:hover a {
  color: #0067B7;
}
.subnav .subnav__list .header-item:last-child a {
  color: #fff;
  font-weight: 600;
}


@media (max-width: 768px) {
  .subnav {
    display: none !important;
  }
  .masthead-placeholder {
    height: var(--primary-h) !important;
  }
}

.navmenu-sp--sub {
  margin-top: 1rem;
  border-top: 1px solid #e5e5e5;
  padding-top: .5rem;
}
@media (max-width: 768px) {
  .navmenu-sp--sub {
    background: #e1f6ffd1;
  }
}

.navmenu-sp__subitem a {
  display: block;
  padding: .75rem 0;
  font-size: 14px;
  color: #0067B7;
}