@charset "UTF-8";

/* ==========================================================================
   #cont1
========================================================================== */
#cont1 .hero {
  padding-bottom: 5em;
  margin-bottom: -4em;
}
@media (min-width: 992px){
  #cont1 .hero {
    padding-bottom: 6em;
    margin-bottom: -5em;
  }
}



/* ==========================================================================
   Tab
========================================================================== */
.fixed-tab-menu-area {
  position: relative;
  z-index: 10;
}
.fixed-tab-menu {
  width: 100%;
  height: 4em;
  z-index: 999;
}
.tabs {
  margin-right: 0;
  margin-left: 0;
}
.tabs .tab {
  padding: 0;
}
.tabs .tab:not(:first-child) {
  border-left: 1px solid var(--white);
}
.tabs .tab span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4em;
  line-height: 1.25;
  border-radius: 0;
  border: 0;
  padding: .75em;
  background-color: var(--color2);
  color: var(--white);
}
.tabs .tab span:hover, .tabs .tab.active span {
  background-color: var(--color1);
}

@media (min-width: 992px){
  .fixed-tab-menu {
    height: 5em;
  }
  .tabs .tab span {
    height: 5em;
  }
}


/* ==========================================================================
   #cont2
========================================================================== */
#cont2 .hero {
  padding-bottom: 7em;
  margin-bottom: -6em;
}

@media (min-width: 992px){
  #cont2 .hero {
    padding-bottom: 12em;
    margin-bottom: -11em;
  }
}

/* ==========================================================================
   #追記
========================================================================== */
.detail-info {
  border-top: 1px solid #000;
  padding: 0.5rem 0;
  margin: 1rem 0;
  font-size: .85rem;
}

@media (min-width:640.1px) {
.gallery_L.row > [class*=col-] img {
  height: 100%;
}
}