sup {
  font-size: min(0.8vw, 66.6%);
  position: relative;
  top: -0.5em;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  sup {
    font-size: 0.16rem;
  }
}

/* スクロールイン演出（.blurIn の scale(1.02)）で全幅の要素が左右にはみ出し、
   横スクロールバーが出るのを止める。clip はスクロール領域を作らないので
   position: sticky / fixed を壊さない。 */
main {
  overflow-x: clip;
}

.blurIn {
  opacity: 0;
  transform: scale(1.02);
  filter: blur(10px);
  transition: 1.5s;
  transition-property: opacity, transform, filter;
}
.blurIn.scrollIn {
  opacity: 1;
  transform: scale(1);
  filter: blur(0);
}

.fadeUp {
  opacity: 0;
  transform: translate3d(0, 0.4rem, 0);
  transition: 1.5s;
  transition-property: opacity, transform;
}
.fadeUp.scrollIn {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.secttl {
  text-align: center;
  margin: 0 0 0.6rem;
}
.secttl:not(.noline):before {
  width: 1px;
  height: 0.8rem;
  display: block;
  margin: 0 auto 0.2rem;
  background: var(--color-01);
  content: "";
}
.secttl .en {
  font-family: "EB Garamond", serif;
  letter-spacing: 0.12em;
  font-size: 0.3rem;
  line-height: 1.2;
}
@media only screen and (max-width: 767px) {
  .secttl .en {
    font-size: 0.4rem;
  }
}

.seccatch {
  font-size: 0.2rem;
  letter-spacing: 0.2em;
  line-height: 2;
}
@media only screen and (max-width: 767px) {
  .seccatch {
    font-size: 0.32rem;
  }
}

@media only screen and (max-width: 767px) {
  .spScroll {
    position: relative;
    width: 100vw;
    margin: 0 -5vw;
  }
  .spScroll:before {
    width: 1rem;
    aspect-ratio: 1;
    border-radius: 50%;
    display: block;
    border: 1px solid var(--color-01);
    position: absolute;
    top: -0.4rem;
    right: 0.35rem;
    background: url(../img/common/icon_scroll.svg) center 57%/60% auto no-repeat;
    content: "";
  }
  .spScroll > * {
    padding: 0 0.3rem;
    overflow-x: scroll;
  }
  .spScroll img {
    max-width: none;
  }
}

@media only screen and (max-width: 767px) {
  #primaryNavigation ul.icon {
    pointer-events: auto;
  }
}

.nowrap {
  white-space: nowrap;
}

@media only screen and (max-width: 767px) {
  figure figcaption,
  .figcaption {
    padding: 0.12rem 0.14rem;
  }
}

@media only screen and (min-width: 768px) {
  .mw-1200,
  .mw-1400 {
    width: 80%;
  }
}@media only screen and (max-width: 767px) {
  #menuBtn::after {
    transition: height 0.4s;
  }
  body#index:not(.scrolled) #menuBtn::after {
    height: 3.2em;
    background: #fff !important;
  }
}
/*# sourceMappingURL=common_custom.css.map */
/* SPの注釈・キャプションは10px以上にする（UK基準） */
@media only screen and (max-width: 767px) {
  figure figcaption,
  .figcaption,
  .block-note ul li,
  .note ul li {
    font-size: max(10px, 0.2rem);
  }
}

/* 2026-09-26 注釈が背景に埋もれないように、うっすら縁を付ける */
figure figcaption:not(.shadow),
.figcaption:not(.shadow) {
  text-shadow: 0 0 4px rgba(255, 255, 255, 0.85), 0 0 9px rgba(255, 255, 255, 0.7);
}
figure figcaption.white:not(.shadow),
.figcaption.white:not(.shadow) {
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.7), 0 0 9px rgba(0, 0, 0, 0.55);
}

/* 2026-09-28 フッターのYouTube（TOPのみ。流星バナーより少し小さい幅） */
#colophon .movieBnr {
  margin-top: 0.5rem;
  margin-bottom: 0.7rem;
}
#colophon .movieBnr__inner {
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
}
#colophon .movieBnr__frame {
  position: relative;
  aspect-ratio: 16/9;
  border-radius: 15px;
  overflow: hidden;
  background: #000;
}
#colophon .movieBnr__frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}
@media only screen and (max-width: 767px) {
  #colophon .movieBnr { margin-top: 0.6rem; margin-bottom: 0.8rem; }
  #colophon .movieBnr__frame { border-radius: 10px; }
}

/* 2026-09-29 スマホでのちらつき対策（全ページ共通）
   mix-blend-mode（白地を下地になじませる指定）を使っている要素に、
   opacity や filter が動くスクロール演出が重なると、演出中だけ
   掛け合わせが止まり、隠しているはずの白地が見えて点滅する。
   該当箇所は演出だけを外す。掛け合わせの指定はそのまま。 */
.block-info-01 ul.watchScrollIn,
.block-viewer-01.watchScrollIn,
.block-greendesign .item--03.watchScrollIn,
.block-common-01 .imgtab.watchScrollIn,
.block-sustainable-04.block-cert .items.watchScrollIn {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
}