@charset "utf-8";
#graphic-abstract #wrapper .g-Area#area-Contents {
  overflow: clip;
}
#graphic-abstract #wrapper .g-Section {
  overflow: clip;
}
#graphic-abstract #wrapper .l-Column.is-gutter--m .l-Column__inner {
  margin-left: 0;
  margin-right: 0;
}
#graphic-abstract #wrapper .l-Column.is-gutter--m .l-Column__cols {
  padding: 0;
}
#graphic-abstract #wrapper * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
}
#graphic-abstract #wrapper img {
  max-width: 100%;
  max-height: 100%;
  min-width: 100%;
  min-height: 100%;
  vertical-align: middle;
}
#graphic-abstract #wrapper li {
  list-style: none;
}
#graphic-abstract #wrapper a {
  text-decoration: none;
  color: inherit;
}
#graphic-abstract #wrapper .graphic-abstract > .g-Section__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 375px 1fr;
  grid-template-columns: 1fr 375px 1fr;
}
#graphic-abstract #wrapper .l-grab-container {
  background-size: 21px 21px;
  background-image: repeating-linear-gradient(90deg, #f4e8ac, #f4e8ac 1px, transparent 1px, transparent 21px), repeating-linear-gradient(0deg, #f4e8ac, #f4e8ac 1px, #fff 1px, #fff 21px);
  position: relative;
}
#graphic-abstract #wrapper .l-grab-container::before {
  content: "";
  display: block;
  width: 100%;
  height: 9px;
  background-image: url("//kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/my-kao-kirei-com/kirei-science/graphic-abstract/img/bg_container.png?fmt=png-alpha&wid=750");
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
#graphic-abstract #wrapper .l-floating,
#graphic-abstract #wrapper .l-floating--left,
#graphic-abstract #wrapper .l-floating--right {
  height: 100dvh;
  background-size: 20px 20px;
  background-image: repeating-linear-gradient(90deg, #f4e8ac, #f4e8ac 1px, transparent 1px, transparent 20px), repeating-linear-gradient(0deg, #f4e8ac, #f4e8ac 1px, #fff5c6 1px, #fff5c6 20px);
  position: sticky;
  top: 0;
}
#graphic-abstract #wrapper .l-floating .g-Column__inner,
#graphic-abstract #wrapper .l-floating--left .g-Column__inner,
#graphic-abstract #wrapper .l-floating--right .g-Column__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  background-repeat: no-repeat;
}
@media (max-width: 930px) {
  #graphic-abstract #wrapper .l-floating .l-Column__cols,
  #graphic-abstract #wrapper .l-floating--left .l-Column__cols,
  #graphic-abstract #wrapper .l-floating--right .l-Column__cols {
    display: none;
  }
}
#graphic-abstract #wrapper .l-floating--left {
  background-position: top 0 right 0;
}
#graphic-abstract #wrapper .l-floating--left .g-Column__inner {
  background-image: url("//kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/my-kao-kirei-com/kirei-science/graphic-abstract/img/bg_float.png?fmt=png-alpha&wid=2610"), url("//kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/my-kao-kirei-com/kirei-science/graphic-abstract/img/bg_float-left_01.png?fmt=png-alpha&wid=396"), url("//kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/my-kao-kirei-com/kirei-science/graphic-abstract/img/bg_float-left_02.png?fmt=png-alpha&wid=714");
  background-position: bottom -7px left -19.8px, top 65.6px right -34px, 50% 50%;
  background-size: max(1301px, calc(100% + 25px)) auto, 198px auto, 356px auto;
}
#graphic-abstract #wrapper .l-floating--right {
  background-position: top 0 left 0;
}
#graphic-abstract #wrapper .l-floating--right .g-Column__inner {
  background-image: url("//kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/my-kao-kirei-com/kirei-science/graphic-abstract/img/bg_float.png?fmt=png-alpha&wid=2610"), url("//kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/my-kao-kirei-com/kirei-science/graphic-abstract/img/bg_float-right_01.png?fmt=png-alpha&wid=413"), url("//kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/my-kao-kirei-com/kirei-science/graphic-abstract/img/bg_float-right_02.png?fmt=png-alpha&wid=712");
  background-position: bottom -7px right -5.7px, top 60.6px left -35px, 50% 50%;
  background-size: max(1301px, calc(100% + 25px)) auto, 206.5px auto, 355px auto;
}
#graphic-abstract #wrapper .l-floating-logo {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin: 4.8px auto 0;
  padding-left: 21.3px;
  width: 238.3px;
}
#graphic-abstract #wrapper .l-floating-btn-list {
  margin: 0;
}
#graphic-abstract #wrapper .l-floating-btn-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  margin: 0;
}
#graphic-abstract #wrapper .l-floating-btn-list li {
  padding: 0 !important;
}
#graphic-abstract #wrapper .l-footer {
  overflow: visible;
  background-color: #fff;
  position: relative;
}
#graphic-abstract #wrapper .l-footer::before {
  content: '';
  display: block;
  width: 100%;
  height: 55px;
  background-image: url("//kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/my-kao-kirei-com/kirei-science/graphic-abstract/img/bg_footer.png?fmt=png-alpha&wid=750");
  background-size: 100% 55px;
  background-position: top center;
  background-repeat: no-repeat;
  position: absolute;
  top: -55px;
  left: 0;
}
#graphic-abstract #wrapper .l-footer__logo {
  margin-left: auto;
  margin-right: auto;
  width: 60.73px;
}
#graphic-abstract #wrapper .l-footer__logo + #graphic-abstract #wrapper .l-footer__logo {
  border-top: 1px solid #a7a7a7;
}
#graphic-abstract #wrapper .l-footer__copyright {
  color: #747474;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1.5;
}
#graphic-abstract #wrapper .l-header {
  width: 375px;
  position: fixed;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 10;
}
#graphic-abstract #wrapper .l-header__inner {
  position: relative;
}
#graphic-abstract #wrapper .l-header-logo {
  display: block;
  width: 54px;
  position: absolute;
  top: 17px;
  left: 20px;
  z-index: 1;
}
@media (any-hover: hover) {
  #graphic-abstract #wrapper .l-header-logo:hover {
    opacity: 0.7;
  }
}
#graphic-abstract #wrapper .l-header-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  border: none;
  padding-bottom: 6.4px;
  padding-right: 1px;
  width: 29.61px;
  height: 31.3px;
  background-image: url("//kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/my-kao-kirei-com/kirei-science/graphic-abstract/img/bg_hamburger.png?fmt=png-alpha&wid=60");
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  position: absolute;
  top: 21.1px;
  right: 14.1px;
  z-index: 1;
}
@media (min-width: 931px) {
  #graphic-abstract #wrapper .l-header-button {
    display: none;
  }
}
@media (any-hover: hover) {
  #graphic-abstract #wrapper .l-header-button:hover {
    opacity: 0.7;
  }
}
#graphic-abstract #wrapper .l-header-button__line {
  display: block;
  border-radius: 2px;
  width: 18px;
  height: 2px;
  background-color: #fff;
}
#graphic-abstract #wrapper .l-header-button.is-open .l-header-button__line:nth-of-type(1) {
  -webkit-transform: translateY(3px) rotate(45deg);
          transform: translateY(3px) rotate(45deg);
}
#graphic-abstract #wrapper .l-header-button.is-open .l-header-button__line:nth-of-type(2) {
  display: none;
}
#graphic-abstract #wrapper .l-header-button.is-open .l-header-button__line:nth-of-type(3) {
  -webkit-transform: translateY(-3px) rotate(-45deg);
          transform: translateY(-3px) rotate(-45deg);
}
#graphic-abstract #wrapper .l-header-menu-wrapper {
  display: none;
  overflow-y: scroll;
  width: 100%;
  height: 100dvh;
}
@media (min-width: 931px) {
  #graphic-abstract #wrapper .l-header-menu-wrapper {
    display: none;
  }
}
#graphic-abstract #wrapper .l-header-menu-wrapper.is-open {
  display: block;
}
#graphic-abstract #wrapper .l-header-menu {
  content: "";
  min-height: 100%;
  padding-top: 56.6px;
  padding-bottom: 117px;
  background-size: 20px 20px;
  background-image: repeating-linear-gradient(90deg, #f4e8ac, #f4e8ac 1px, transparent 1px, transparent 20px), repeating-linear-gradient(0deg, #f4e8ac, #f4e8ac 1px, #fff5c6 1px, #fff5c6 20px);
  position: relative;
  overflow: clip;
}
#graphic-abstract #wrapper .l-header-menu::before {
  content: "";
  display: block;
  width: 100%;
  height: 9px;
  background-image: url("//kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/my-kao-kirei-com/kirei-science/graphic-abstract/img/bg_container.png?fmt=png-alpha&wid=750");
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
#graphic-abstract #wrapper .l-header-menu::after {
  content: "";
  display: block;
  width: 281.06px;
  height: 123.26px;
  background-image: url("//kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/my-kao-kirei-com/kirei-science/graphic-abstract/img/bg_header.png?fmt=png-alpha&wid=563");
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -28.5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#graphic-abstract #wrapper .l-header-menu__logo {
  margin-left: auto;
  margin-right: auto;
  width: 136.68px;
}
#graphic-abstract #wrapper .l-header-nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  margin-top: 33.5px;
}
@media (any-hover: hover) {
  #graphic-abstract #wrapper .l-header-nav__item:hover {
    opacity: 0.7;
  }
}
#graphic-abstract #wrapper .l-header-nav-text__list {
  margin-top: 22px;
  margin-left: auto;
  margin-right: auto;
  width: 278px;
}
@media (any-hover: hover) {
  #graphic-abstract #wrapper .l-header-nav-text__item a:hover {
    opacity: 0.7;
  }
}
#graphic-abstract #wrapper .c-btn-wrapper .l-ButtonP__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  margin: 0;
}
#graphic-abstract #wrapper .c-btn-wrapper .l-ButtonP__list__item {
  padding: 0;
}
#graphic-abstract #wrapper .c-btn a,
#graphic-abstract #wrapper .c-btn--reverse a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 13px;
  border: 2px solid #000;
  -webkit-box-shadow: 0 5px 0 0 #000;
          box-shadow: 0 5px 0 0 #000;
  border-radius: 5px;
  padding-top: 0;
  padding-bottom: 1px;
  width: 278px !important;
  height: 55px !important;
  background-color: #e37e17;
  color: #fff;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1.625;
}
#graphic-abstract #wrapper .c-btn a::after,
#graphic-abstract #wrapper .c-btn--reverse a::after {
  content: "";
  display: block;
  width: 15.5px;
  height: 15.5px;
  background-image: url("//kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/my-kao-kirei-com/kirei-science/graphic-abstract/img/icon_btn-arrow.png?fmt=png-alpha&wid=31");
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
}
#graphic-abstract #wrapper .c-btn a .cmn-icon--bullet:before,
#graphic-abstract #wrapper .c-btn--reverse a .cmn-icon--bullet:before {
  display: none;
}
#graphic-abstract #wrapper .c-btn a .cmn-richtext,
#graphic-abstract #wrapper .c-btn--reverse a .cmn-richtext {
  padding-right: 0;
}
#graphic-abstract #wrapper .c-btn--reverse a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
#graphic-abstract #wrapper .c-btn--reverse a::after {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
#graphic-abstract #wrapper .c-link-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3px;
}
#graphic-abstract #wrapper .c-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: auto;
  width: 278px;
}
#graphic-abstract #wrapper .c-link a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 9px;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1.5;
}
@media (any-hover: hover) {
  #graphic-abstract #wrapper .c-link a:hover {
    opacity: 0.7;
  }
}
#graphic-abstract #wrapper .c-link a::after {
  content: "";
  display: block;
  width: 15.5px;
  height: 15.5px;
  background-image: url("//kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/my-kao-kirei-com/kirei-science/graphic-abstract/img/icon_btn-arrow-orange.png?fmt=png-alpha&wid=29");
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
}
#graphic-abstract #wrapper .c-link .cmn-icon {
  display: none;
}
#graphic-abstract #wrapper .c-slider {
  overflow: visible;
  position: relative;
}
#graphic-abstract #wrapper .c-slider::before {
  content: "";
  display: block;
  width: 98px;
  height: 129px;
  background-image: url("//kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/my-kao-kirei-com/kirei-science/graphic-abstract/img/bg_slider-bubble.png?fmt=png-alpha&wid=198");
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: -112px;
  right: -8px;
}
#graphic-abstract #wrapper .c-slider .g-ImageCarouselP__nav {
  display: none !important;
}
#graphic-abstract #wrapper .c-slider .l-ImageCarouselP--v2__list {
  margin-left: 0;
  margin-right: 0;
}
#graphic-abstract #wrapper .c-slider .slick-list {
  overflow: visible;
}
#graphic-abstract #wrapper .c-slider .l-ImageCarouselPUnit--v2 {
  margin-left: 10px;
  margin-right: 10px;
  padding: 0;
}
#graphic-abstract #wrapper .c-slider .l-ImageCarouselPUnit--v2:only-child {
  margin-left: 20px;
  margin-right: 20px;
}
#graphic-abstract #wrapper .c-slider .l-ImageCarouselP__arrow,
#graphic-abstract #wrapper .c-slider .l-ImageCarouselP__prevArrow,
#graphic-abstract #wrapper .c-slider .l-ImageCarouselP__nextArrow {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0;
  padding: 0;
  width: 31px;
  height: 36px;
  background-color: #000;
  top: 186px;
}
#graphic-abstract #wrapper .c-slider .l-ImageCarouselP__arrow::before,
#graphic-abstract #wrapper .c-slider .l-ImageCarouselP__prevArrow::before,
#graphic-abstract #wrapper .c-slider .l-ImageCarouselP__nextArrow::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-image: url("//kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/my-kao-kirei-com/kirei-science/graphic-abstract/img/icon_slider-arrow.png?fmt=png-alpha&wid=14");
  background-size: auto 12px;
  background-position: center center;
  background-repeat: no-repeat;
}
#graphic-abstract #wrapper .c-slider .l-ImageCarouselP__prevArrow {
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  left: 0;
}
#graphic-abstract #wrapper .c-slider .l-ImageCarouselP__prevArrow::before {
  -webkit-transform: translateX(-25%) scaleX(-1);
          transform: translateX(-25%) scaleX(-1);
}
#graphic-abstract #wrapper .c-slider .l-ImageCarouselP__nextArrow {
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
  right: 0;
}
#graphic-abstract #wrapper .c-slider .l-ImageCarouselP__nextArrow::before {
  -webkit-transform: translateX(25%);
          transform: translateX(25%);
}
#graphic-abstract #wrapper .c-slider .g-ImageCarouselPUnit--v2 .g-GroupBox {
  margin-top: -47px;
  border: none;
  padding: 0;
  position: relative;
  top: auto;
  left: auto;
}
#graphic-abstract #wrapper .c-slider .g-ImageCarouselPUnit--v2 .g-GroupBox .g-Text:nth-of-type(1) {
  display: inline-block;
  margin-bottom: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding-top: 3px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 8px;
  background-color: #000;
  color: #fff;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1.5;
}
#graphic-abstract #wrapper .c-slider .g-ImageCarouselPUnit--v2 .g-GroupBox .c-slider__time {
  margin-top: 4px;
  margin-bottom: 0;
  color: #666;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: calc(17 / 12);
}
#graphic-abstract #wrapper .c-slider .g-ImageCarouselPUnit--v2 .g-GroupBox .g-HeadingTitle--v2 {
  margin-top: -5px;
  margin-bottom: 0;
  border-bottom: 0;
}
#graphic-abstract #wrapper .c-slider .g-ImageCarouselPUnit--v2 .g-GroupBox .g-HeadingTitle--v2 .g-HeadingTitle--v2__titleBlock__titleBox__title {
  margin-bottom: 0;
}
#graphic-abstract #wrapper .c-slider .g-ImageCarouselPUnit--v2 .g-GroupBox .g-HeadingTitle--v2 .cmn-richtext span {
  display: inline;
  border-radius: 3px;
  padding-top: 5px;
  padding-bottom: 9px;
  padding-left: 16px;
  padding-right: 23px;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  background-color: #e37e17;
  color: #fff;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: calc(55 / 24);
  position: relative;
}
#graphic-abstract #wrapper .c-slider .g-ImageCarouselPUnit--v2 .g-GroupBox .g-HeadingTitle--v2 .cmn-richtext span::before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  background-color: #e37e17;
  position: absolute;
  top: 0;
  left: 0;
}
#graphic-abstract #wrapper .c-slider .g-ImageCarouselPUnit--v2 .g-GroupBox .g-HeadingTitle--v2 .cmn-richtext span::after {
  content: "";
  display: block;
  width: 32px;
  height: 40px;
  background-image: url("//kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/my-kao-kirei-com/kirei-science/graphic-abstract/img/icon_pencil.png?fmt=png-alpha&wid=64");
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -1px;
  right: 8px;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
#graphic-abstract #wrapper .u-border-none {
  border: none !important;
}
#graphic-abstract #wrapper .u-border-top-1px-solid-gray-04 {
  border-top: 1px solid #c7bf96 !important;
}
#graphic-abstract #wrapper .u-ml-auto {
  margin: auto !important;
}
#graphic-abstract #wrapper .u-mr-auto {
  margin: auto !important;
}
#graphic-abstract #wrapper .u-mt--10px {
  margin-top: -10px !important;
}
#graphic-abstract #wrapper .u-position-relative {
  position: relative !important;
}
#graphic-abstract #wrapper .u-width-140px {
  width: 140px !important;
}
#graphic-abstract #wrapper .u-zIndex-1 {
  z-index: 1 !important;
}
#graphic-abstract #wrapper .p-about {
  border: none;
}
#graphic-abstract #wrapper .p-about__title .g-HeadingTitle--v2__titleBlock__titleBox__title {
  margin-bottom: 0;
}
#graphic-abstract #wrapper .p-about__title .cmn-richtext span {
  display: inline-block;
  border: none;
  padding-top: 1px;
  padding-bottom: 4px;
  padding-left: 11px;
  padding-right: 7px;
  background-color: #000;
  color: #fff;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: calc(17 / 12);
}
#graphic-abstract #wrapper .p-about__copy .cmn-richtext span {
  display: inline;
  border: 1px solid #f4e8ac;
  padding-top: 1px;
  padding-bottom: 6px;
  padding-left: 16px;
  padding-right: 13px;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  background-color: #fff;
  color: #000;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: calc(45 / 22);
  position: relative;
}
#graphic-abstract #wrapper .p-about__statement .cmn-richtext span {
  display: inline-block;
  margin-right: -20px;
  color: #000;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 2;
}
#graphic-abstract #wrapper .p-article-bg {
  background-color: rgba(244,232,172,0.29);
  border: none;
}
#graphic-abstract #wrapper .p-article__label .cmn-richtext span {
  display: inline-block;
  border: none;
  padding-top: 3px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 8px;
  background-color: #000;
  color: #fff;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: calc(15 / 10);
}
#graphic-abstract #wrapper .p-article__title {
  border-bottom: none;
}
#graphic-abstract #wrapper .p-article__title .cmn-richtext span {
  display: inline;
  border: 1px solid #f4e8ac;
  padding-top: 4px;
  padding-bottom: 8px;
  padding-left: 15px;
  padding-right: 13px;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  background-color: #fff;
  color: #000;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: calc(55 / 24);
  position: relative;
}
#graphic-abstract #wrapper .p-article__title .cmn-richtext span::after {
  content: "";
  display: block;
  width: 32px;
  height: 40px;
  background-image: url("//kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/my-kao-kirei-com/kirei-science/graphic-abstract/img/icon_pencil.png?fmt=png-alpha&wid=64");
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -1px;
  right: 8px;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
#graphic-abstract #wrapper .p-article__text .cmn-richtext span {
  display: inline-block;
  color: #000;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 2;
}
#graphic-abstract #wrapper .p-article__text .cmn-richtext span em {
  font-style: normal;
  color: #e37e17;
}
#graphic-abstract #wrapper .p-article__text .cmn-richtext span b {
  font-weight: 700;
}
#graphic-abstract #wrapper .p-article__text .cmn-richtext span a {
  text-decoration: underline;
  color: inherit;
}
@media (any-hover: hover) {
  #graphic-abstract #wrapper .p-article__text .cmn-richtext span a:hover {
    opacity: 0.7;
  }
}
#graphic-abstract #wrapper .p-article__sup .cmn-richtext span {
  display: inline-block;
  padding-left: 20px;
  text-indent: -20px;
  color: #000;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: calc(20 / 12);
}
#graphic-abstract #wrapper .p-article__note .cmn-richtext span {
  display: inline-block;
  color: #000;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: calc(20 / 12);
}
#graphic-abstract #wrapper .p-article__note .cmn-richtext span a {
  text-decoration: underline;
  color: inherit;
}
@media (any-hover: hover) {
  #graphic-abstract #wrapper .p-article__note .cmn-richtext span a:hover {
    opacity: 0.7;
  }
}
#graphic-abstract #wrapper .p-article__bubble-01 {
  border-bottom: none;
}
#graphic-abstract #wrapper .p-article__bubble-01 .cmn-richtext span {
  display: block;
  border-radius: 60px;
  border: 2px solid #f5e38d;
  border-bottom: 12px solid #f5e38d;
  padding-top: 18px;
  padding-bottom: 22px;
  width: 100%;
  background-color: #fff;
  text-align: center;
  color: #000;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: calc(36 / 22);
  position: relative;
}
#graphic-abstract #wrapper .p-article__bubble-01 .cmn-richtext span::after {
  content: "";
  display: block;
  width: 22px;
  height: 16px;
  background-image: url("//kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/my-kao-kirei-com/kirei-science/graphic-abstract/img/bg_bubble-01-arrow.png?fmt=png-alpha&wid=44");
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(100%);
          transform: translateX(-50%) translateY(100%);
}
#graphic-abstract #wrapper .p-article__bubble-02 {
  border-bottom: none;
}
#graphic-abstract #wrapper .p-article__bubble-02 .cmn-richtext span {
  display: block;
  padding: 18.5px 0;
  background-image: url("//kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/my-kao-kirei-com/kirei-science/graphic-abstract/img/bg_bubble-02.png?fmt=png-alpha&wid=673");
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
  color: #000;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: calc(32 / 15);
  position: relative;
}
#graphic-abstract #wrapper .p-article__bubble-02 .cmn-richtext span::after {
  content: "";
  display: block;
  width: 25.62px;
  height: 22.74px;
  background-image: url("//kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/my-kao-kirei-com/kirei-science/graphic-abstract/img/bg_bubble-02-deco.png?fmt=png-alpha&wid=52");
  background-size: 100% 100%;
  background-position: top center;
  background-repeat: no-repeat;
  position: absolute;
  top: -13.4px;
  right: -5.6px;
}
#graphic-abstract #wrapper .p-article__bubble-02 .cmn-richtext span strong {
  color: #e37e17;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: calc(32 / 20);
}
#graphic-abstract #wrapper .p-article__bubble-03 {
  border-bottom: none;
}
#graphic-abstract #wrapper .p-article__bubble-03 .cmn-richtext {
  display: block;
  padding-top: 50px;
  padding-bottom: 70px;
  position: relative;
  background-image: url("//kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/my-kao-kirei-com/kirei-science/graphic-abstract/img/bg_bubble-03-top.png?fmt=png-alpha&wid=642"), url("//kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/my-kao-kirei-com/kirei-science/graphic-abstract/img/bg_bubble-03-bottom.png?fmt=png-alpha&wid=638");
  background-size: 100% 50px, 100% 70px;
  background-position: top center, bottom center;
  background-repeat: no-repeat, no-repeat;
}
#graphic-abstract #wrapper .p-article__bubble-03 .cmn-richtext span {
  display: block;
  padding-top: 3.8px;
  padding-bottom: 12.5px;
  border-left: 2px solid #f5e38d;
  border-right: 2px solid #f5e38d;
  background-color: #fff;
  text-align: center;
  color: #000;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: calc(36 / 22);
}
#graphic-abstract #wrapper .p-article__bubble-04 .g-ImageTextHP--v2__contentsBlock,
#graphic-abstract #wrapper .p-article__bubble-04--end .g-ImageTextHP--v2__contentsBlock {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
#graphic-abstract #wrapper .p-article__bubble-04 .g-ImageTextHP--v2__contentsBlock__image,
#graphic-abstract #wrapper .p-article__bubble-04--end .g-ImageTextHP--v2__contentsBlock__image {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0;
  width: 89px;
}
#graphic-abstract #wrapper .p-article__bubble-04 .g-ImageTextHP--v2__contentsBlock__text,
#graphic-abstract #wrapper .p-article__bubble-04--end .g-ImageTextHP--v2__contentsBlock__text {
  padding-left: 10px;
  position: relative;
}
#graphic-abstract #wrapper .p-article__bubble-04 .g-ImageTextHP--v2__contentsBlock__text::before,
#graphic-abstract #wrapper .p-article__bubble-04--end .g-ImageTextHP--v2__contentsBlock__text::before {
  content: "";
  display: block;
  width: 14px;
  height: 22px;
  background-color: #f4edcd;
  clip-path: polygon(0 50%, 100% 0, 100% 100%, 0 50%);
  position: absolute;
  top: 22.5px;
  left: 0;
}
#graphic-abstract #wrapper .p-article__bubble-04 .g-ImageTextHP--v2__contentsBlock__text .cmn-richtext span,
#graphic-abstract #wrapper .p-article__bubble-04--end .g-ImageTextHP--v2__contentsBlock__text .cmn-richtext span {
  display: block;
  padding: 16px 16px 18px;
  border-radius: 10px;
  width: 236px;
  background-color: #f4edcd;
  color: #000;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: calc(24 / 14);
}
#graphic-abstract #wrapper .p-article__bubble-04--end .g-ImageTextHP--v2__contentsBlock {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
#graphic-abstract #wrapper .p-list {
  border: none;
  background-color: rgba(244,232,172,0.29);
}
#graphic-abstract #wrapper .p-list__title {
  -webkit-transform: translateY(-31px);
          transform: translateY(-31px);
}
#graphic-abstract #wrapper .p-list__title .g-HeadingTitle--v2__titleBlock__titleBox__title {
  margin-bottom: 0;
}
#graphic-abstract #wrapper .p-list__title .l-HeadingTitle--v2__h2 {
  text-align: center;
}
#graphic-abstract #wrapper .p-list__title .cmn-richtext span {
  display: inline-block;
  border: none;
  padding-top: 5.6px;
  padding-bottom: 18.4px;
  padding-left: 55.8px;
  padding-right: 54.8px;
  background-image: url("//kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/my-kao-kirei-com/kirei-science/graphic-abstract/img/bg_list-title.png?fmt=png-alpha&wid=430");
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
  color: #000;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 26px;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: calc(37 / 26);
}
#graphic-abstract #wrapper .p-list-item__label {
  margin-top: -26px;
  position: relative;
  z-index: 1;
}
#graphic-abstract #wrapper .p-list-item__label .cmn-richtext span {
  display: inline-block;
  border-radius: 2px;
  padding-top: 3px;
  padding-bottom: 5px;
  padding-left: 9px;
  padding-right: 10px;
  background-color: #000;
  color: #fff;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: calc(16 / 11);
  position: relative;
}
#graphic-abstract #wrapper .p-list-item__title {
  margin-top: -3px;
  margin-bottom: 0;
  border-bottom: 0;
  background-color: #fff;
}
#graphic-abstract #wrapper .p-list-item__title .g-HeadingTitle--v2__titleBlock__titleBox__title {
  margin-bottom: 0;
}
#graphic-abstract #wrapper .p-list-item__title .cmn-richtext span {
  display: inline;
  border-radius: 2px;
  padding-top: 0px;
  padding-bottom: 2px;
  padding-left: 9px;
  padding-right: 13px;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  background-color: #e37e17;
  color: #fff;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1.8;
  position: relative;
}
#graphic-abstract #wrapper .p-list-item__date {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-top: 4px;
  padding-bottom: 20px;
  padding-left: 24px;
  padding-right: 20px;
  background-color: #fff;
  color: #666;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: calc(17 / 12);
}
#graphic-abstract #wrapper .p-movie {
  margin-top: 68px;
  margin-left: 20px;
  margin-right: 20px;
  border-radius: 8px;
  border: 1px solid #f4e8ac;
  padding-bottom: 41px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #fff;
}
#graphic-abstract #wrapper .p-movie__bubble {
  display: block;
  margin: auto;
  border-radius: 9999px;
  padding: 8px 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #000;
  color: #fff;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: calc(20 / 14);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: relative;
}
#graphic-abstract #wrapper .p-movie__bubble::after {
  content: "";
  display: block;
  clip-path: polygon(0 0, 100% 0, 50% 100%, 50% 100%);
  width: 16px;
  height: 8px;
  background-color: #000;
  position: absolute;
  bottom: -5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#graphic-abstract #wrapper .p-movie__title {
  text-align: center;
  color: #000;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1.6;
}
#graphic-abstract #wrapper .p-movie__title em {
  font-style: normal;
  color: #e27e16;
}
#graphic-abstract #wrapper .p-movie__title em span {
  color: #000;
}
#graphic-abstract #wrapper .p-accordion-area-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 0fr;
  grid-template-rows: 0fr;
  margin-top: 18.5px;
}
#graphic-abstract #wrapper .p-accordion-area-wrapper.is-open {
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
}
#graphic-abstract #wrapper .p-accordion-area {
  overflow: hidden;
  background-size: 12px 1px;
  background-image: linear-gradient(to right, #000 6px, transparent 6px);
  background-repeat: repeat-x;
  background-position: left top;
}
#graphic-abstract #wrapper .p-accordion-area__img {
  margin-left: auto;
  margin-right: auto;
  padding-top: 24.5px;
  width: 165px;
}
#graphic-abstract #wrapper .p-accordion-area__text {
  margin-top: 20px;
  color: #000;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 2;
}
#graphic-abstract #wrapper .p-accordion-area__movie-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
  margin-top: 36px;
  text-align: center;
  color: #000;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: calc(22 / 14);
}
#graphic-abstract #wrapper .p-accordion-area__movie-title::before,
#graphic-abstract #wrapper .p-accordion-area__movie-title::after {
  content: "";
  display: block;
  width: 16.5px;
  height: 60px;
  background-image: url("//kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/my-kao-kirei-com/kirei-science/graphic-abstract/img/bg_movie-ttl-deco.png?fmt=png-alpha&wid=33");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
#graphic-abstract #wrapper .p-accordion-area__movie-title::after {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
#graphic-abstract #wrapper .p-accordion-area__movie {
  margin-top: 18px;
  padding-bottom: 31px;
  width: 100%;
}
#graphic-abstract #wrapper .p-accordion-area__movie iframe {
  aspect-ratio: 16/9;
  vertical-align: middle;
}
#graphic-abstract #wrapper .p-accordion-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-shadow: 0 5px 0 0 #000;
          box-shadow: 0 5px 0 0 #000;
  border-radius: 5px;
  border: 2px solid #000;
  width: 178px;
  height: 55px;
  cursor: pointer;
  background-color: #fff;
  color: #e27e16;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: calc(26 / 18);
}
@media (any-hover: hover) {
  #graphic-abstract #wrapper .p-accordion-button:hover {
    opacity: 0.7;
  }
}
#graphic-abstract #wrapper .p-accordion-button::after {
  content: "";
  display: block;
  width: 19px;
  height: 10.5px;
  background-image: url("//kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/my-kao-kirei-com/kirei-science/graphic-abstract/img/icon_accordion-button-arrow.png?fmt=png-alpha&wid=38");
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
#graphic-abstract #wrapper .p-accordion-button.is-open::after {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}