@charset "UTF-8";
body.is-notScroll {
  overflow: hidden;
}
#teasersite2026 * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#teasersite2026 li {
  list-style: none;
}
#teasersite2026 a {
  text-decoration: none;
  color: inherit;
}
#teasersite2026 a,
#teasersite2026 button {
  transition: all 0.2s ease;
}
@media (any-hover: hover) {
  #teasersite2026 a:hover,
  #teasersite2026 button:hover {
    opacity: 0.6;
  }
}
#teasersite2026 img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: auto;
  vertical-align: middle;
}
#teasersite2026 iframe {
  width: 100%;
  height: 100%;
}
#teasersite2026 .l-container {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 769px) {
  #teasersite2026 .l-container {
    width: 65.44655929721816vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .l-container {
    width: 89.33333333333333vw;
  }
}
#teasersite2026 .l-header {
  position: absolute;
  z-index: 3;
  opacity: 0;
}
@media (min-width: 769px) {
  #teasersite2026 .l-header {
    top: 2.342606149341142vw;
    right: 5.124450951683748vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .l-header {
    top: 4.266666666666667vw;
    right: 5.866666666666666vw;
  }
}
#teasersite2026 .l-header-nav-list {
  display: flex;
}
#teasersite2026 .l-header-nav-list__item {
  font-family: "Fraunces", serif;
  font-weight: 400;
  letter-spacing: -0.034em;
}
@media (min-width: 769px) {
  #teasersite2026 .l-header-nav-list__item {
    line-height: 2.928257686676428vw;
    font-size: 2.196193265007321vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .l-header-nav-list__item {
    line-height: 6.08vw;
    font-size: 4vw;
  }
}
#teasersite2026 .l-header-nav-list__item:nth-of-type(1):lang(en) {
  text-decoration: underline;
  color: #ffee24;
}
#teasersite2026 .l-header-nav-list__item:nth-of-type(2) {
  border-left: 1px solid #fff;
}
@media (min-width: 769px) {
  #teasersite2026 .l-header-nav-list__item:nth-of-type(2) {
    margin-left: 0.951683748169839vw;
    padding-left: 0.878477306002928vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .l-header-nav-list__item:nth-of-type(2) {
    margin-left: 3.466666666666666vw;
    padding-left: 3.2vw;
  }
}
#teasersite2026 .l-header-nav-list__item:nth-of-type(2):lang(ja) {
  text-decoration: underline;
  color: #ffee24;
}
#teasersite2026 {
  overflow: hidden;
  position: relative;
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
  background-color: #00a1fe;
  min-height: 100vh;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  letter-spacing: 0em;
  color: #fff;
}
@media (min-width: 769px) {
  #teasersite2026 {
    padding-bottom: 8.784773060029282vw;
    background-image: url("/content/dam/sites/kao/www-kao-co-jp/bioreuv/teasersite2026/img/bg_page_pc.jpg");
  }
}
@media (max-width: 768px) {
  #teasersite2026 {
    padding-bottom: 26.666666666666668vw;
    background-image: url("/content/dam/sites/kao/www-kao-co-jp/bioreuv/teasersite2026/img/bg_page_sp.jpg");
  }
}
#teasersite2026 .l-reflection {
  position: absolute;
  pointer-events: none;
}
@media (min-width: 769px) {
  #teasersite2026 .l-reflection {
    width: 42.4597364568082vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .l-reflection {
    width: 71.73333333333333vw;
  }
}
#teasersite2026 .l-reflection__path {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}
@media (min-width: 769px) {
  #teasersite2026 .l-reflection__path {
    width: 20.5190336749634vw;
    top: 10.175695461200586vw;
    right: 14.202049780380674vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .l-reflection__path {
    width: 28.317333333333334vw;
    top: 15.733333333333333vw;
    right: 2.666666666666667vw;
  }
}
#teasersite2026 .l-reflection__path svg {
  width: 100%;
  height: 100%;
}
#teasersite2026 .c-accordion-content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.4s ease;
}
#teasersite2026 .c-accordion-content[aria-hidden="false"] {
  grid-template-rows: 1fr;
}
#teasersite2026 .c-accordion-content__inner {
  overflow: hidden;
}
#teasersite2026 .c-form-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #1abce5;
  position: relative;
  box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
}
@media (min-width: 769px) {
  #teasersite2026 .c-form-btn {
    width: 23.718887262079065vw;
    height: 5.124450951683748vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .c-form-btn {
    width: 56.53333333333334vw;
    height: 12vw;
  }
}
#teasersite2026 .c-form-btn::after {
  content: "";
  display: block;
  aspect-ratio: 1/1;
  background-image: url("//kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/bioreuv/teasersite2026/img/icon_form-btn-arrow.png?fmt=png-alpha&wid=24");
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
}
@media (min-width: 769px) {
  #teasersite2026 .c-form-btn::after {
    width: 0.878477306002928vw;
    right: 1.683748169838946vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .c-form-btn::after {
    width: 2.4vw;
    right: 4vw;
  }
}
#teasersite2026 .c-form-btn[href^="#"]::after {
  transform: translateY(-50%);
}
#teasersite2026 .c-form-btn__txt {
  display: flex;
}
@media (min-width: 769px) {
  #teasersite2026 .c-form-btn__txt {
    width: 14.348462664714495vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .c-form-btn__txt {
    width: 33.86666666666667vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-pc {
    display: none;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-sp {
    display: none;
  }
}
#teasersite2026 .u-m-auto {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 769px) {
  #teasersite2026 .u-mt-10 {
    margin-top: 0.732064421669107vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mt-10 {
    margin-top: 2.666666666666667vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mt--10 {
    margin-top: -0.732064421669107vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mt--10 {
    margin-top: -2.666666666666667vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mt-10-pc {
    margin-top: 0.732064421669107vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mt-10-sp {
    margin-top: 2.666666666666667vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mb-10-pc {
    margin-bottom: 0.732064421669107vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mb-10-sp {
    margin-bottom: 2.666666666666667vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mt-20 {
    margin-top: 1.464128843338214vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mt-20 {
    margin-top: 5.333333333333334vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mt--20 {
    margin-top: -1.464128843338214vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mt--20 {
    margin-top: -5.333333333333334vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mt-20-pc {
    margin-top: 1.464128843338214vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mt-20-sp {
    margin-top: 5.333333333333334vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mb-20-pc {
    margin-bottom: 1.464128843338214vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mb-20-sp {
    margin-bottom: 5.333333333333334vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mt-30 {
    margin-top: 2.196193265007321vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mt-30 {
    margin-top: 8vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mt--30 {
    margin-top: -2.196193265007321vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mt--30 {
    margin-top: -8vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mt-30-pc {
    margin-top: 2.196193265007321vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mt-30-sp {
    margin-top: 8vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mb-30-pc {
    margin-bottom: 2.196193265007321vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mb-30-sp {
    margin-bottom: 8vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mt-40 {
    margin-top: 2.928257686676428vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mt-40 {
    margin-top: 10.666666666666668vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mt--40 {
    margin-top: -2.928257686676428vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mt--40 {
    margin-top: -10.666666666666668vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mt-40-pc {
    margin-top: 2.928257686676428vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mt-40-sp {
    margin-top: 10.666666666666668vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mb-40-pc {
    margin-bottom: 2.928257686676428vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mb-40-sp {
    margin-bottom: 10.666666666666668vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mt-50 {
    margin-top: 3.660322108345535vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mt-50 {
    margin-top: 13.333333333333334vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mt--50 {
    margin-top: -3.660322108345535vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mt--50 {
    margin-top: -13.333333333333334vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mt-50-pc {
    margin-top: 3.660322108345535vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mt-50-sp {
    margin-top: 13.333333333333334vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mb-50-pc {
    margin-bottom: 3.660322108345535vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mb-50-sp {
    margin-bottom: 13.333333333333334vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mt-60 {
    margin-top: 4.392386530014641vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mt-60 {
    margin-top: 16vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mt--60 {
    margin-top: -4.392386530014641vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mt--60 {
    margin-top: -16vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mt-60-pc {
    margin-top: 4.392386530014641vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mt-60-sp {
    margin-top: 16vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mb-60-pc {
    margin-bottom: 4.392386530014641vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mb-60-sp {
    margin-bottom: 16vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mt-70 {
    margin-top: 5.124450951683748vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mt-70 {
    margin-top: 18.666666666666668vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mt--70 {
    margin-top: -5.124450951683748vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mt--70 {
    margin-top: -18.666666666666668vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mt-70-pc {
    margin-top: 5.124450951683748vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mt-70-sp {
    margin-top: 18.666666666666668vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mb-70-pc {
    margin-bottom: 5.124450951683748vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mb-70-sp {
    margin-bottom: 18.666666666666668vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mt-80 {
    margin-top: 5.856515373352855vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mt-80 {
    margin-top: 21.333333333333336vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mt--80 {
    margin-top: -5.856515373352855vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mt--80 {
    margin-top: -21.333333333333336vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mt-80-pc {
    margin-top: 5.856515373352855vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mt-80-sp {
    margin-top: 21.333333333333336vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mb-80-pc {
    margin-bottom: 5.856515373352855vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mb-80-sp {
    margin-bottom: 21.333333333333336vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mt-90 {
    margin-top: 6.588579795021962vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mt-90 {
    margin-top: 24vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mt--90 {
    margin-top: -6.588579795021962vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mt--90 {
    margin-top: -24vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mt-90-pc {
    margin-top: 6.588579795021962vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mt-90-sp {
    margin-top: 24vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mb-90-pc {
    margin-bottom: 6.588579795021962vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mb-90-sp {
    margin-bottom: 24vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mt-100 {
    margin-top: 7.320644216691069vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mt-100 {
    margin-top: 26.666666666666668vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mt--100 {
    margin-top: -7.320644216691069vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mt--100 {
    margin-top: -26.666666666666668vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mt-100-pc {
    margin-top: 7.320644216691069vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mt-100-sp {
    margin-top: 26.666666666666668vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-mb-100-pc {
    margin-bottom: 7.320644216691069vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-mb-100-sp {
    margin-bottom: 26.666666666666668vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-pt-10 {
    padding-top: 0.732064421669107vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-pt-10 {
    padding-top: 2.666666666666667vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-pt-20 {
    padding-top: 1.464128843338214vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-pt-20 {
    padding-top: 5.333333333333334vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-pt-30 {
    padding-top: 2.196193265007321vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-pt-30 {
    padding-top: 8vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-pt-40 {
    padding-top: 2.928257686676428vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-pt-40 {
    padding-top: 10.666666666666668vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-pt-50 {
    padding-top: 3.660322108345535vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-pt-50 {
    padding-top: 13.333333333333334vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-pt-60 {
    padding-top: 4.392386530014641vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-pt-60 {
    padding-top: 16vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-pt-70 {
    padding-top: 5.124450951683748vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-pt-70 {
    padding-top: 18.666666666666668vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-pt-80 {
    padding-top: 5.856515373352855vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-pt-80 {
    padding-top: 21.333333333333336vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-pt-90 {
    padding-top: 6.588579795021962vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-pt-90 {
    padding-top: 24vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .u-pt-100 {
    padding-top: 7.320644216691069vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .u-pt-100 {
    padding-top: 26.666666666666668vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .p-campaign {
    margin-top: 8.784773060029282vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-campaign {
    margin-top: 26.666666666666668vw;
  }
}
#teasersite2026 .p-campaign-bnr {
  border: 1px solid #fff;
  position: relative;
}
#teasersite2026 .p-campaign-bnr::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  opacity: 0.7;
  filter: drop-shadow(0px 3px 6px rgba(0,0,0,0.16));
  backdrop-filter: blur(5px);
  background-color: rgba(255,255,255,0.12);
}
#teasersite2026 .p-campaign-bnr::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.59;
}
@media (min-width: 769px) {
  #teasersite2026 .p-campaign-bnr::after {
    background: linear-gradient(-60deg, #f2fcff 0%, #31b6d7 31.99%, #00a3cb 52.63%, #46bdda 73.99%, #ebfaff 100%);
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-campaign-bnr::after {
    background: linear-gradient(-45deg, #f2fcff 0%, #31b6d7 31.99%, #00a3cb 52.63%, #46bdda 73.99%, #ebfaff 100%);
  }
}
#teasersite2026 .p-campaign-bnr__ttl {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  position: relative;
  z-index: 1;
}
#teasersite2026 .p-campaign-accordion-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -1px;
  width: 100%;
  background: linear-gradient(90deg, #4daef0 0%, #236dc3 27.09%, #1658b4 50%, #2976c9 74.02%, #4daef0 100%);
  border: 1px solid #fff;
  filter: drop-shadow(0px 3px 6px rgba(0,0,0,0.16));
  cursor: pointer;
}
@media (min-width: 769px) {
  #teasersite2026 .p-campaign-accordion-btn {
    gap: 1.537335285505125vw;
    height: 4.392386530014641vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-campaign-accordion-btn {
    padding-left: 8vw;
    gap: 4vw;
    height: 10.666666666666668vw;
  }
}
#teasersite2026 .p-campaign-accordion-btn::after {
  content: "";
  display: block;
  aspect-ratio: 1/1;
  background-image: url("//kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/bioreuv/teasersite2026/img/icon_accordion-arrow.png?fmt=png-alpha&wid=36");
  background-size: 100% 100%;
  transform: scaleY(-1);
}
@media (min-width: 769px) {
  #teasersite2026 .p-campaign-accordion-btn::after {
    width: 1.317715959004393vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-campaign-accordion-btn::after {
    width: 4vw;
  }
}
#teasersite2026 .p-campaign-accordion-btn[aria-expanded="true"]::after {
  transform: scaleY(1);
}
@media (min-width: 769px) {
  #teasersite2026 .p-campaign-accordion-btn__txt {
    width: 6.954612005856515vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-campaign-accordion-btn__txt {
    width: 20.533333333333335vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .p-campaign-accordion-content {
    margin-top: 1.02489019033675vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-campaign-accordion-content {
    margin-top: 4.533333333333333vw;
  }
}
#teasersite2026 .p-campaign-content {
  background-color: rgba(0,96,216,0.33);
  box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
  position: relative;
  z-index: 0;
}
@media (min-width: 769px) {
  #teasersite2026 .p-campaign-content {
    padding-left: 4.392386530014641vw;
    padding-right: 4.392386530014641vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-campaign-content {
    padding-left: 5.333333333333334vw;
    padding-right: 5.333333333333334vw;
  }
}
#teasersite2026 .p-campaign-content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  opacity: 0.9;
  backdrop-filter: blur(10px);
  --webkit-backdrop-filter: blur(10px);
  background-color: rgba(0,0,0,0.2);
  z-index: -1;
}
#teasersite2026 .p-campaign-content__ttl {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 769px) {
  #teasersite2026 .p-campaign-content__ttl {
    margin-top: 7.320644216691069vw;
    width: 35.79795021961933vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-campaign-content__ttl {
    margin-top: 21.6vw;
    width: 74.4vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .p-film {
    margin-top: 4.392386530014641vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-film {
    margin-top: 16vw;
  }
}
#teasersite2026 .p-film__ttl {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 769px) {
  #teasersite2026 .p-film__ttl {
    width: 52.342606149341144vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-film__ttl {
    width: 89.06666666666668vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .p-film__ttl:lang(en) {
    width: 53.879941434846266vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-film__ttl:lang(en) {
    width: 89.33333333333333vw;
  }
}
#teasersite2026 .p-fv {
  width: 100vw;
  height: 100vh;
  position: relative;
}
@media (min-width: 769px) {
  #teasersite2026 .p-fv {
    margin-left: -17.276720351390924vw;
    margin-right: -17.276720351390924vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-fv {
    margin-left: -5.333333333333334vw;
    margin-right: -5.333333333333334vw;
  }
}
#teasersite2026 .p-fv-splash {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(to bottom, #00bcd4 0%, #8ec5fc 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 1;
}
#teasersite2026 .p-fv-mv {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
}
#teasersite2026 .p-fv__ttl {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 769px) {
  #teasersite2026 .p-fv__ttl {
    width: 56.66178623718887vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-fv__ttl {
    width: 89.33333333333333vw;
  }
}
#teasersite2026 .p-fv__state {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 769px) {
  #teasersite2026 .p-fv__state {
    width: 56.66178623718887vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-fv__state {
    width: 70.66666666666667vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .p-fv__state:lang(en) {
    width: 57.68667642752562vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-fv__state:lang(en) {
    width: 74.66666666666667vw;
  }
}
#teasersite2026 .p-fv__logo {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 769px) {
  #teasersite2026 .p-fv__logo {
    margin-top: 4.392386530014641vw;
    width: 35.065885797950216vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-fv__logo {
    margin-top: 13.866666666666665vw;
    width: 89.33333333333333vw;
  }
}
#teasersite2026 .p-fv-flare-01 {
  pointer-events: none;
  position: absolute;
  z-index: 2;
  transform-origin: center center;
  opacity: 1;
  transform: scale(0.5);
  opacity: 0;
}
@media (min-width: 769px) {
  #teasersite2026 .p-fv-flare-01 {
    width: 139.1654465592972vw;
    top: -56.36896046852124vw;
    right: -57.10102489019033vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-fv-flare-01 {
    width: 253.6vw;
    top: -115.46666666666667vw;
    left: -39.2vw;
  }
}
#teasersite2026 .p-fv-flare-02 {
  pointer-events: none;
  position: absolute;
  z-index: 2;
  transform-origin: center center;
  opacity: 1;
  transform: scale(1);
  opacity: 0;
}
@media (min-width: 769px) {
  #teasersite2026 .p-fv-flare-02 {
    width: 158.19912152269399vw;
    top: -62.225475841874086vw;
    right: -54.17276720351391vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-fv-flare-02 {
    width: 288.26666666666665vw;
    top: -125.06666666666666vw;
    left: -76.8vw;
  }
}
#teasersite2026 .p-fv-flare-03 {
  pointer-events: none;
  position: absolute;
  z-index: 2;
  transform-origin: center center;
  opacity: 0;
}
@media (min-width: 769px) {
  #teasersite2026 .p-fv-flare-03 {
    width: 155.92972181551977vw;
    top: -16.105417276720353vw;
    right: -19.765739385065885vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-fv-flare-03 {
    width: 284vw;
    top: -16vw;
    left: -93.33333333333333vw;
  }
}
#teasersite2026 .p-fv-flare-04 {
  pointer-events: none;
  position: absolute;
  z-index: 2;
  transform-origin: center center;
  opacity: 0;
}
@media (min-width: 769px) {
  #teasersite2026 .p-fv-flare-04 {
    width: 202.34260614934115vw;
    top: -41.72767203513909vw;
    right: -57.24743777452416vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-fv-flare-04 {
    width: 368.53333333333336vw;
    top: -64.26666666666667vw;
    left: -134.4vw;
  }
}
#teasersite2026 .p-fv-flare-05 {
  pointer-events: none;
  position: absolute;
  z-index: 2;
  transform-origin: center center;
  opacity: 0;
}
@media (min-width: 769px) {
  #teasersite2026 .p-fv-flare-05 {
    width: 131.4787701317716vw;
    top: -49.780380673499266vw;
    right: -38.06734992679356vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-fv-flare-05 {
    width: 239.46666666666667vw;
    top: -93.86666666666666vw;
    left: -62.133333333333326vw;
  }
}
#teasersite2026 .p-fv-flare-06 {
  pointer-events: none;
  position: absolute;
  z-index: 2;
  transform-origin: top right;
  opacity: 0;
}
@media (min-width: 769px) {
  #teasersite2026 .p-fv-flare-06 {
    width: 94.36310395314787vw;
    top: -42.4597364568082vw;
    right: -19.765739385065885vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-fv-flare-06 {
    width: 172vw;
    top: -83.2vw;
    left: -12vw;
  }
}
#teasersite2026 .p-fv-flare-07 {
  pointer-events: none;
  position: absolute;
  z-index: 2;
  transform-origin: center center;
  transform: scale(1.5);
  opacity: 0;
}
@media (min-width: 769px) {
  #teasersite2026 .p-fv-flare-07 {
    width: 32.210834553440705vw;
    top: -15.373352855051245vw;
    right: -12.445095168374817vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-fv-flare-07 {
    width: 58.666666666666664vw;
    top: -26.93333333333333vw;
    left: 63.2vw;
  }
}
#teasersite2026 .p-sns-list {
  display: flex;
  justify-content: center;
}
@media (min-width: 769px) {
  #teasersite2026 .p-sns-list {
    gap: 1.317715959004393vw;
    margin-top: 4.392386530014641vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-sns-list {
    gap: 4vw;
    margin-top: 21.333333333333336vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .p-sns-item {
    width: 5.124450951683748vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-sns-item {
    width: 15.733333333333333vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .p-yt {
    margin-top: 9.004392386530014vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-yt {
    margin-top: 16vw;
  }
}
#teasersite2026 .p-yt__ttl {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 769px) {
  #teasersite2026 .p-yt__ttl {
    width: 37.99414348462665vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-yt__ttl {
    width: 88vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .p-yt__ttl:lang(en) {
    width: 53.879941434846266vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-yt__ttl:lang(en) {
    width: 89.33333333333333vw;
  }
}
#teasersite2026 .p-yt__iframe {
  margin-left: auto;
  margin-right: auto;
  aspect-ratio: 16/9;
}
@media (min-width: 769px) {
  #teasersite2026 .p-yt__iframe {
    margin-top: 4.392386530014641vw;
    width: 53.879941434846266vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-yt__iframe {
    margin-top: 16vw;
    width: 89.33333333333333vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .p-application {
    margin-top: 7.320644216691069vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-application {
    margin-top: 16vw;
  }
}
#teasersite2026 .p-application__ttl {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 769px) {
  #teasersite2026 .p-application__ttl {
    width: 9.224011713030746vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-application__ttl {
    width: 25.333333333333336vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .p-application-flow {
    margin-top: 2.928257686676428vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-application-flow {
    margin-top: 9.066666666666666vw;
    width: 78.66666666666666vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-application-flow__arrows {
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: absolute;
    top: 36vw;
    left: 0;
    z-index: 1;
    pointer-events: none;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-application-flow-arrow,
  #teasersite2026 .p-application-flow-arrow--prev,
  #teasersite2026 .p-application-flow-arrow--next {
    border-radius: 50%;
    border: none;
    width: 11.466666666666667vw;
    background-color: transparent;
    pointer-events: auto;
    opacity: 1;
    transition: 0.2s;
  }
}
#teasersite2026 .p-application-flow-arrow[disabled],
#teasersite2026 .p-application-flow-arrow--prev[disabled],
#teasersite2026 .p-application-flow-arrow--next[disabled] {
  opacity: 0;
}
#teasersite2026 .p-application-flow-arrow--prev {
  transform: scaleX(-1);
}
@media (min-width: 769px) {
  #teasersite2026 .p-application-flow-list {
    display: flex;
    justify-content: space-between;
  }
}
#teasersite2026 .p-application-flow-item {
  position: relative;
}
@media (min-width: 769px) {
  #teasersite2026 .p-application-flow-item {
    width: 14.641288433382138vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-application-flow-item {
    width: 55.733333333333334vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .p-application-flow-item:nth-of-type(n+2)::before {
    content: '';
    position: absolute;
    background-image: url("//kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/bioreuv/teasersite2026/img/img_application-flow-arrow_pc.png?fmt=png-alpha&wid=69");
    background-size: 100% 100%;
    aspect-ratio: 343/224;
    width: 2.489019033674964vw;
    top: 11.6398243045388vw;
    left: -3.513909224011713vw;
  }
}
#teasersite2026 .p-application-flow-item__num {
  width: auto;
  position: absolute;
  top: 0;
}
@media (min-width: 769px) {
  #teasersite2026 .p-application-flow-item__num {
    height: 3.806734992679356vw;
    left: 0.439238653001464vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-application-flow-item__num {
    height: 15.733333333333333vw;
    left: 0;
  }
}
#teasersite2026 .p-application-flow-item__num img {
  width: auto;
}
#teasersite2026 .p-application-flow-item__img {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 769px) {
  #teasersite2026 .p-application-flow-item__img {
    margin-top: 2.196193265007321vw;
    width: 12.225475841874085vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-application-flow-item__img {
    margin-top: 4vw;
    width: 41.333333333333336vw;
  }
}
#teasersite2026 .p-application-flow-item__txt {
  text-align: center;
}
@media (min-width: 769px) {
  #teasersite2026 .p-application-flow-item__txt {
    margin-top: 1.756954612005857vw;
    line-height: 1.5;
    font-size: 0.878477306002928vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-application-flow-item__txt {
    margin-top: 3.2vw;
    line-height: 1.416666666666667;
    font-size: 3.2vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-application-flow__pagination {
    display: flex;
    justify-content: center;
    gap: 4vw;
    margin-top: 6.4vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-application-flow-pagination {
    border-radius: 50%;
    border: none;
    width: 2.933333333333333vw;
    height: 2.933333333333333vw;
    background-color: #fff;
    opacity: 0.4;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-application-flow-pagination.is-active {
    opacity: 1;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .p-course {
    margin-top: 4.392386530014641vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-course {
    margin-top: 11.200000000000001vw;
  }
}
#teasersite2026 .p-course__txt {
  text-align: center;
  line-height: 1.428571428571429;
}
@media (min-width: 769px) {
  #teasersite2026 .p-course__txt {
    font-size: 1.02489019033675vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-course__txt {
    font-size: 3.733333333333334vw;
  }
}
#teasersite2026 .p-course-list {
  display: flex;
}
@media (min-width: 769px) {
  #teasersite2026 .p-course-list {
    justify-content: space-between;
    align-items: center;
    margin-top: 1.756954612005857vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-course-list {
    flex-direction: column;
    gap: 3.2vw;
    margin-top: 6.4vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .p-course-list__item {
    width: 27.74524158125915vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-course-list__item {
    width: 78.66666666666666vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .p-note {
    margin-top: 7.320644216691069vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-note {
    margin-top: 16vw;
  }
}
#teasersite2026 .p-note__ttl {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 769px) {
  #teasersite2026 .p-note__ttl {
    width: 9.224011713030746vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-note__ttl {
    width: 25.066666666666666vw;
  }
}
#teasersite2026 .p-note-list {
  color: #8bcdf4;
}
@media (min-width: 769px) {
  #teasersite2026 .p-note-list {
    margin-top: 2.928257686676428vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-note-list {
    margin-top: 9.066666666666666vw;
  }
}
#teasersite2026 .p-note-list__term {
  line-height: 1.5;
}
@media (min-width: 769px) {
  #teasersite2026 .p-note-list__term {
    font-size: 0.878477306002928vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-note-list__term {
    font-size: 3.2vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .p-note-list__desc + .p-note-list__term {
    margin-top: 0.878477306002928vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-note-list__desc + .p-note-list__term {
    margin-top: 3.2vw;
  }
}
#teasersite2026 .p-note-list__desc {
  line-height: 1.5;
}
@media (min-width: 769px) {
  #teasersite2026 .p-note-list__desc {
    margin-top: 0.585651537335286vw;
    font-size: 0.878477306002928vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-note-list__desc {
    margin-top: 2.133333333333333vw;
    font-size: 3.2vw;
  }
}
#teasersite2026 .p-note-list__desc a {
  text-decoration: underline;
}
#teasersite2026 .p-note-desc-list {
  display: flex;
  flex-direction: column;
}
@media (min-width: 769px) {
  #teasersite2026 .p-note-desc-list {
    gap: 0.439238653001464vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-note-desc-list {
    gap: 1.6vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .p-note-desc-list__item {
    padding-left: 0.878477306002928vw;
    text-indent: -0.878477306002928vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-note-desc-list__item {
    padding-left: 3.2vw;
    text-indent: -3.2vw;
  }
}
#teasersite2026 .p-note-desc-list__item::before {
  content: '・';
}
@media (min-width: 769px) {
  #teasersite2026 .p-overview {
    margin-top: 7.320644216691069vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-overview {
    margin-top: 17.066666666666666vw;
  }
}
#teasersite2026 .p-overview__ttl {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 769px) {
  #teasersite2026 .p-overview__ttl {
    width: 18.08199121522694vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-overview__ttl {
    width: 49.06666666666666vw;
  }
}
#teasersite2026 .p-overview__txt {
  text-align: center;
}
@media (min-width: 769px) {
  #teasersite2026 .p-overview__txt {
    margin-top: 2.928257686676428vw;
    line-height: 1.5;
    font-size: 1.171303074670571vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-overview__txt {
    margin-top: 9.066666666666666vw;
    line-height: 1.857142857142857;
    font-size: 3.733333333333334vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .p-overview-schedule {
    margin-top: 2.928257686676428vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-overview-schedule {
    margin-top: 6.4vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .p-products {
    margin-top: 7.320644216691069vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-products {
    margin-top: 16vw;
  }
}
#teasersite2026 .p-products__ttl {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 769px) {
  #teasersite2026 .p-products__ttl {
    width: 22.693997071742313vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-products__ttl {
    width: 61.86666666666667vw;
  }
}
#teasersite2026 .p-products__txt {
  text-align: center;
}
@media (min-width: 769px) {
  #teasersite2026 .p-products__txt {
    margin-top: 2.928257686676428vw;
    line-height: 1.5;
    font-size: 1.171303074670571vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-products__txt {
    margin-top: 9.066666666666666vw;
    line-height: 1.857142857142857;
    font-size: 3.733333333333334vw;
  }
}
#teasersite2026 .p-products__txt em {
  border: 1px solid #fff;
  margin-right: 5px;
  padding-bottom: 0.15em;
  padding-left: 5px;
  padding-right: 5px;
  font-style: normal;
}
#teasersite2026 .p-products__note {
  opacity: 0.8;
  text-align: center;
  line-height: 1.416666666666667;
}
@media (min-width: 769px) {
  #teasersite2026 .p-products__note {
    margin-top: 0.732064421669107vw;
    font-size: 0.878477306002928vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-products__note {
    margin-top: 3.2vw;
    font-size: 3.2vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .p-products-list {
    margin-top: 2.928257686676428vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-products-list {
    margin-top: 6.4vw;
  }
}
#teasersite2026 .p-products-list__img {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 769px) {
  #teasersite2026 .p-products-list__img {
    width: 41.434846266471446vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-products-list__img {
    width: 75.46666666666667vw;
  }
}
#teasersite2026 .p-products-list__sup {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 769px) {
  #teasersite2026 .p-products-list__sup {
    gap: 1.390922401171303vw;
    margin-top: 1.830161054172767vw;
    line-height: 1.5;
    font-size: 1.171303074670571vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-products-list__sup {
    gap: 2.4vw;
    margin-top: 5.066666666666666vw;
    line-height: 1.428571428571429;
    font-size: 3.733333333333334vw;
  }
}
#teasersite2026 .p-products-list__sup::before,
#teasersite2026 .p-products-list__sup::after {
  content: "";
  display: block;
  height: 1px;
  background-color: #fff;
}
@media (min-width: 769px) {
  #teasersite2026 .p-products-list__sup::before,
  #teasersite2026 .p-products-list__sup::after {
    width: 11.273792093704246vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-products-list__sup::before,
  #teasersite2026 .p-products-list__sup::after {
    width: 16.8vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .p-shooting {
    margin-top: 7.320644216691069vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-shooting {
    margin-top: 16vw;
  }
}
#teasersite2026 .p-shooting__ttl {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 769px) {
  #teasersite2026 .p-shooting__ttl {
    width: 18.22840409956076vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-shooting__ttl {
    width: 49.86666666666667vw;
  }
}
#teasersite2026 .p-shooting-howto {
  display: flex;
}
@media (min-width: 769px) {
  #teasersite2026 .p-shooting-howto {
    justify-content: space-between;
    margin-top: 2.928257686676428vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-shooting-howto {
    flex-direction: column;
    gap: 5.333333333333334vw;
    margin-top: 9.066666666666666vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .p-shooting-howto__img {
    width: 20.05856515373353vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-shooting-howto__img {
    margin-left: auto;
    margin-right: auto;
    width: 56.8vw;
  }
}
#teasersite2026 .p-shooting-howto__content {
  border: 1px solid #fff;
}
@media (min-width: 769px) {
  #teasersite2026 .p-shooting-howto__content {
    padding-top: 4.978038067349927vw;
    padding-left: 6.588579795021962vw;
    padding-right: 6.588579795021962vw;
    width: 35.43191800878478vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-shooting-howto__content {
    padding-top: 6.4vw;
    padding-bottom: 8.533333333333333vw;
    padding-left: 8.266666666666666vw;
    padding-right: 8vw;
    width: 76.53333333333333vw;
  }
}
@media (min-width: 769px) {
  #teasersite2026 .p-shooting-howto-txt {
    line-height: 1.85;
    font-size: 1.464128843338214vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-shooting-howto-txt {
    line-height: 1.4;
    font-size: 3.733333333333334vw;
  }
}
#teasersite2026 .p-shooting-howto-list {
  display: flex;
  flex-direction: column;
}
@media (min-width: 769px) {
  #teasersite2026 .p-shooting-howto-list {
    gap: 1.756954612005857vw;
    margin-top: 2.928257686676428vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-shooting-howto-list {
    gap: 4vw;
    margin-top: 6.4vw;
  }
}
#teasersite2026 .p-shooting-howto-list__item {
  display: flex;
  align-items: center;
}
@media (min-width: 769px) {
  #teasersite2026 .p-shooting-howto-list__item {
    gap: 2.12298682284041vw;
    font-size: 1.464128843338214vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-shooting-howto-list__item {
    gap: 5.600000000000001vw;
    font-size: 3.733333333333334vw;
  }
}
#teasersite2026 .p-shooting-howto-list__item::before {
  content: "";
  display: block;
  aspect-ratio: 1/1;
  background-size: 100% 100%;
}
@media (min-width: 769px) {
  #teasersite2026 .p-shooting-howto-list__item::before {
    width: 2.635431918008785vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-shooting-howto-list__item::before {
    width: 5.600000000000001vw;
  }
}
#teasersite2026 .p-shooting-howto-list__item:nth-of-type(1)::before {
  background-image: url("//kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/bioreuv/teasersite2026/img/txt_shooting-howto-num-01.png?fmt=png-alpha&wid=72");
}
#teasersite2026 .p-shooting-howto-list__item:nth-of-type(2)::before {
  background-image: url("//kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/bioreuv/teasersite2026/img/txt_shooting-howto-num-02.png?fmt=png-alpha&wid=72");
}
#teasersite2026 .p-shooting-howto-list__item:nth-of-type(3)::before {
  background-image: url("//kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/bioreuv/teasersite2026/img/txt_shooting-howto-num-03.png?fmt=png-alpha&wid=72");
}
#teasersite2026 .p-shooting-howto-list__item:nth-of-type(4)::before {
  background-image: url("//kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/bioreuv/teasersite2026/img/txt_shooting-howto-num-04.png?fmt=png-alpha&wid=72");
}
@media (min-width: 769px) {
  #teasersite2026 .p-shooting-note-list {
    margin-top: 1.756954612005857vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-shooting-note-list {
    margin-top: 5.333333333333334vw;
  }
}
#teasersite2026 .p-shooting-note-list__item {
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.5;
}
@media (min-width: 769px) {
  #teasersite2026 .p-shooting-note-list__item {
    font-size: 0.878477306002928vw;
  }
}
@media (max-width: 768px) {
  #teasersite2026 .p-shooting-note-list__item {
    font-size: 3.2vw;
  }
}
#teasersite2026 .p-shooting-note-list__item::before {
  content: "※";
}