@charset "utf-8";
/* concept */
#oceanus #concept {
  margin-bottom: 100px;
}
#oceanus #concept h2 {
  padding: 0;
  margin-bottom: 20px;
}
/*---------------------nav---------------------*/
#oceanus #concept #brand-nav {
  clip-path: inset(0px 0 -1000px 0);
}
#oceanus #concept #brand-nav:has(.cmp-product-navigation.is-front) {
  clip-path: none;
}
/*---------------------lead---------------------*/
#oceanus #concept #lead {
  text-align: center;
  color: var(--brand-color);
  width: 90%;
  max-width: 1000px;
  margin: 100px auto 50px;
}
#oceanus #concept #lead h2 {
  margin-bottom: 30px;
}
/*---------------------link---------------------*/
#oceanus #concept #link > .aem-Grid {
  display: flex;
  gap: 20px;
  width: 90%;
  max-width: 1000px;
  margin: 50px auto;
  text-align: center;
}
#oceanus #concept #link > .aem-Grid::before, #oceanus #concept #link > .aem-Grid::after {
  display: none;
  content: none;
}
#oceanus #concept [id*="link-contents"] {
  position: relative;
}
#oceanus #concept [id*="link-contents"] .text .title {
  position: absolute;
  width: 100%;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  color: #ffffff;
  font-size: min(6vw, 30px);
  margin: 0;
  padding: 0;
}
#oceanus #concept .is-edit-mode [id*="link-contents"] .text h3 {
  bottom: 100px;
}
#oceanus #concept [id*="link-contents"] .image {
  overflow: hidden;
  margin-bottom: 10px;
}
#oceanus #concept [id*="link-contents"] img {
  transition: .3s ease-out;
}
#oceanus #concept [id*="link-contents"] img:hover {
  transform: scale(1.05);
}
/*---------------------catalog---------------------*/
#oceanus #concept #catalog {
  background-color: #EDF3F9;
  padding: 100px 0;
}
#oceanus #concept #catalog h2 {
  font-size: min(8vw, 45px);
}
#oceanus #concept #catalog > .aem-Grid {
  display: flex;
  gap: 20px;
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
}
#oceanus #concept #catalog > .aem-Grid::before, #oceanus #concept #catalog > .aem-Grid::after {
  content: none;
  display: none;
}
#oceanus #concept #catalog h2 {
  text-align: left;
  font-size: min(7vw, 45px);
  padding: 0;
}
#oceanus #concept #catalog-txt .image {
  width: 200px;
  margin-top: 10px;
}
#oceanus #concept #catalog #about-acrobat {
  margin-top: 40px;
}
#oceanus #concept #catalog #download-pdf .image {
  overflow: hidden;
}
#oceanus #concept #catalog #download-pdf img {
  transition: .3s ease-out;
}
#oceanus #concept #catalog #download-pdf img:hover {
  transform: scale(1.05);
}
/*---------------------bm-link---------------------*/
#oceanus #concept #bm-link {
  width: 90%;
  max-width: 1000px;
  margin: 100px auto 50px;
  text-align: center;
}
#oceanus #concept #bm-link .title {
  text-align: center;
  margin-bottom: 40px;
  color: var(--brand-color);
}
#oceanus #concept #bm-link h2 {
  font-size: min(7vw, 45px);
  margin-bottom: 10px;
}
#oceanus #concept #bm-link #bm-contents{
    margin-bottom: 50px;
}
/*---------------------catalog---------------------*/
@media (max-width: 767px) {
  #oceanus #concept h2 {
    font-size: 8vw;
  }
  #oceanus #concept #link > .aem-Grid {
    display: flex;
    flex-direction: column;
    gap: 50px;
  }
  /*---------------------catalog---------------------*/
  #oceanus #concept #catalog {
    background-color: #EDF3F9;
    padding: 15vw 0;
  }
  #oceanus #concept #catalog > .aem-Grid {
    display: flex;
    flex-direction: column;
    gap: 50px;
  }
  /*---------------------bm-link---------------------*/
  #oceanus #concept #bm-link .title p {
    font-size: 3.3vw;
  }
}