@charset "utf-8";
/*
  共通
*/
:focus {
  outline: auto;
}

/* mainvisual */
.about-common-mainvisual,
.about-common-linkArea {
  position: relative;
}
.about-common-mainvisual .l-TextLinkP.is-gutter--m .l-TextLinkP__list__item {
  padding: 0;
}
.about-common-linkArea .g-TextLinkP {
  margin-bottom: 0;
}
.about-common-linkArea .g-TextLinkP .g-TextLinkUnit__link {
  padding-top: 20px;
  padding-bottom: 10px;
  letter-spacing: 2.4px;
  text-transform: uppercase;
}
.about-common-linkArea .g-TextLinkP .g-TextLinkUnit__link,
.about-common-linkArea .g-TextLinkP .g-TextLinkUnit__link:hover,
.about-common-linkArea .g-TextLinkP .g-TextLinkUnit__link:visited {
  color: #816E2D;
  border-bottom: 1px solid #816E2D;
  text-decoration: none;
}
.about-common-linkArea .g-TextLinkP .g-TextLinkUnit__link::after {
  content: "\e006";
  display: inline-block;
  font-family: 'icomoon';
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  top: 0.1em;
  opacity: 0;
  width: 0;
}
.about-common-linkArea .g-TextLinkP .g-TextLinkUnit__link:hover::after {
  opacity: 1;
  width: auto;
}
.about-common-mainvisual .g-ColumnUnit,
.about-common-linkArea .g-ColumnUnit {
  position: relative;
}
.about-common-mainvisual .g-GroupBox,
.about-common-linkArea .g-GroupBox {
  position: absolute;
  z-index: 1;
  margin: auto;
  max-width: 480px;
}
body[data-content-path*="/about/saho-double-moisturising"] .about-common-mainvisual .g-GroupBox {
  max-width: 500px;
}

html[lang^=zh] .about-ourHistory-mainvisual .g-GroupBox,
html[lang^=zh] .about-common-linkArea--history .g-GroupBox,
html[lang^=zh] .about-common-linkArea--koishimaruSilk .g-GroupBox {
    max-width: 620px;
}

.about-common-mainvisual .l-PageTitle--v2,
.about-common-linkArea .l-PageTitle--v2 {
  margin-bottom: 0;
}
.about-common-mainvisual .g-Text,
.about-common-linkArea .g-Text {
  margin-bottom: 30px;
}
.about-common-mainvisual .g-Image--v2,
.about-common-linkArea .g-Image--v2 {
  margin-bottom: 0;
  height: 710px;
}
.about-common-mainvisual picture,
.about-common-linkArea picture {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-right: auto;
  margin-left: auto;
  width: 1920px;
  height: 710px;
  display: block;
}

@media only screen and (max-width: 1024px) {
  .about-common-mainvisual .g-GroupBox,
  .about-common-linkArea .g-GroupBox {
    padding-right: 80px;
    padding-left: 80px;
    max-width: 608px;
  }
}

@media only screen and (max-width: 640px) {
  .about-common-mainvisual .g-Text,
  .about-common-linkArea .g-Text {
    margin-bottom: 25px;
  }
  .about-common-mainvisual .g-GroupBox,
  .about-common-linkArea .g-GroupBox {
    padding-right: 30px;
    padding-left: 30px;
  }
  .about-common-linkArea .g-Text {
    margin-bottom: 10px;
  }
  .about-common-linkArea .g-TextLinkP .g-TextLinkUnit__link {
    padding-top: 16px;
    padding-bottom: 10px;
  }
  .about-common-mainvisual .g-Image--v2,
  .about-common-linkArea .g-Image--v2 {
    height: auto;
  }
  .about-common-mainvisual picture,
  .about-common-linkArea picture {
    position: relative;
    left: 0;
    transform: none;
    width: 100%;
    height: auto;
  }
}

/* headingLv2 */
.about-common-headingLv2.l-HeadingTitle--v2 {
  position: relative;
  margin-top: 180px;
  margin-bottom: 0;
}
.about-common-headingLv2.l-HeadingTitle--v2 + * {
  margin-top: 60px;
}
.about-common-headingLv2.l-HeadingTitle--v2 + .g-AnnotationListP--v2 {
  margin-top: 20px;
}
.about-common-headingLv2.l-HeadingTitle--v2::before {
  content: "";
  position: absolute;
  top: -100px;
  left: 0;
  right: 0;
  background-color: #816E2D;
  width: 1px;
  height: 80px;
  margin: auto;
}

@media only screen and (max-width: 640px) {
  .about-common-headingLv2.l-HeadingTitle--v2 {
    margin-top: 120px;
  }
  .about-common-headingLv2.l-HeadingTitle--v2::before {
    height: 40px;
    top: -60px;
  }
  .about-common-headingLv2 .g-HeadingTitle--v2__titleBlock__titleBox__title {
    margin-bottom: 0;
  }
  .about-common-headingLv2.l-HeadingTitle--v2 + * {
    margin-top: 40px;
  }
}

/* headingLv3 */
.about-common-headingLv3 {
  margin-top: 120px;
  padding-top: 40px;
}
.about-common-headingLv3.l-HeadingTitle--v2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #816E2D;
  width: 40px;
  height: 1px;
  margin: auto;
}
.about-common-headingLv3.l-HeadingTitle--v2 + * {
  margin-top: 60px;
}
@media only screen and (max-width: 640px) {
  .about-common-headingLv3 {
    margin-top: 80px;
    padding-top: 20px;
  }
  .about-common-headingLv3.l-HeadingTitle--v2::before {
    width: 30px;
  }
  .about-common-headingLv3.l-HeadingTitle--v2 + * {
    margin-top: 40px;
  }
}

/* 2column */
.g-ImageTextHP--v2.about-common-column2lg .g-ImageTextHP--v2__contentsBlock {
  column-gap: 60px;
  grid-template-columns: calc(50% - 30px) calc(50% - 30px);
  grid-template-rows: 1fr 1fr;
}
.g-ImageTextHP--v2.about-common-column2lg .g-ImageTextHP--v2__contentsBlock .g-ImageTextHP--v2__contentsBlock__image {
  padding-left: 0;
  padding-right: 0;
}
.g-ImageTextHP--v2.about-common-column2lg .g-Image--v2 {
  margin-bottom: 0;
}
.g-ImageTextHP--v2.about-common-column2lg .g-ImageTextHP--v2__contentsBlock:not(:has(.g-HeadingTitle)) {
  align-items: center;
}
.g-ImageTextHP--v2.about-common-column2lg.is-imageR .g-ImageTextHP--v2__contentsBlock:not(:has(.g-HeadingTitle)) {
  grid-template-areas:
        "text image"
        "text image";
}
.g-ImageTextHP--v2.about-common-column2lg.is-imageL .g-ImageTextHP--v2__contentsBlock:not(:has(.g-HeadingTitle)) {
  grid-template-areas:
        "image text"
        "image text";
}

@media only screen and (max-width: 640px) {
  .g-ImageTextHP--v2.about-common-column2lg.is-imageR .g-ImageTextHP--v2__contentsBlock:not(:has(.g-HeadingTitle)),
  .g-ImageTextHP--v2.about-common-column2lg.is-imageL .g-ImageTextHP--v2__contentsBlock:not(:has(.g-HeadingTitle)) {
    grid-template-areas:
          "image"
          "text";
  }
  .g-ImageTextHP--v2.about-common-column2lg .g-ImageTextHP--v2__contentsBlock:after {
    display: none;
  }
  .g-ImageTextHP--v2.about-common-column2lg .g-ImageTextHP--v2__contentsBlock {
    row-gap: 30px;
    grid-template-rows: auto auto;
  }
  .g-ImageTextHP--v2.about-common-column2lg + .about-common-column2lg {
    margin-top: 60px;
  }
}

/* next */
.about-common-next {
  position: relative;
}
.about-common-next + * {
  position: relative;
  z-index: 1;
}
.about-common-next.l-Section.is-backgroundColor--7 {
  background-color: rgba(0, 0, 0, 0.9);
}
.about-common-next .l-Section__inner {
  padding-top: 98px;
  padding-bottom: 28px;
  position: relative;
  z-index: 1;
}
.about-common-next .g-Image--v2__img > img {
  margin-inline: auto;
}
.about-common-next .g-Image--v2__img img {
  max-width: 160px;
}
.about-common-next .l-Column.is-gutter--m .l-Column__cols {
  padding: 0;
}
.about-common-next .g-TextLinkP,
.about-common-next .opt-al_c .g-HeadingTitle--v2__titleBlock__titleBox__title {
  margin-bottom: 0;
}
.about-common-next .l-HeadingTitle--v2.l-HeadingTitle--v2--h2 {
  margin-bottom: 30px;
}
.about-common-next .l-HeadingTitle--v2.l-HeadingTitle--v2--h2 + .g-TextLinkP {
  margin-bottom: 0px;
}
.about-common-next .g-TextLinkP .g-TextLinkUnit__link,
.about-common-next .g-TextLinkP .g-TextLinkUnit__link:hover,
.about-common-next .g-TextLinkP .g-TextLinkUnit__link:visited {
  color: #B89C42;
  text-decoration: none;
}
.about-common-next .g-TextLinkP .g-TextLinkUnit__link::after,
.about-common-next .g-TextLinkP .g-TextLinkUnit__link::before {
  content: "";
  display: inline-block;
  font-family: 'icomoon';
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  top: 0.1em;
  width: 0;
  opacity: 0;
}
.about-common-next .g-TextLinkP.about-common-next__back .g-TextLinkUnit__link::before {
  content: "\e007";
}
.about-common-next .g-TextLinkP.about-common-next__back .g-TextLinkUnit__link:hover::before {
  width: auto;
  opacity: 1;
}
.about-common-next .g-TextLinkP:not(.about-common-next__back) .g-TextLinkUnit__link::after {
  content: "\e006";
}
.about-common-next .g-TextLinkP:not(.about-common-next__back) .g-TextLinkUnit__link:hover::after {
  width: auto;
  opacity: 1;
}

.about-common-next .g-TextLinkP .g-TextLinkUnit.is-leftIcon .g-TextLinkUnit__link,
.about-common-next .g-TextLinkP .g-TextLinkUnit.is-leftIcon .g-TextLinkUnit__link:hover,
.about-common-next .g-TextLinkP .g-TextLinkUnit.is-leftIcon .g-TextLinkUnit__link:visited {
  color: #B89C42;
}
.about-common-next .g-TextLinkP .g-TextLinkUnit.is-leftIcon .g-TextLinkUnit__link:hover > span {
  text-decoration: underline;
  text-underline-offset: 1px;
}

@media only screen and (max-width: 640px) {
  .about-common-next .l-Section__inner {
    padding: 80px 30px 30px;
  }
  .about-common-next.l-Section.is-backgroundColor--7 {
    background-position: top 18px left 15%;
    background-size: auto 100%;
  }
  .about-common-next .l-HeadingTitle--v2.l-HeadingTitle--v2--h2 {
    margin-bottom: 20px;
  }
  .about-common-next .l-HeadingTitle--v2.l-HeadingTitle--v2--h2 + .g-TextLinkP {
    margin-bottom: 0px;
  }
}

.about-common-next .l-TextLinkUnit__link > .cmn-icon {
  color: #9F8839;
}

/*
  TOP
*/
.about-index-mainvisual .g-GroupBox {
  right: 0;
  left: 0;
  bottom: 36px;
  max-width: none;
  padding-right: 30px;
  padding-left: 30px;
}
.about-index-mainvisual .g-PageTitle--v2 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
  clip-path: inset(0px 0px 99.9% 99.9%);
  border: 0;
}

@media only screen and (max-width: 1024px) {
  .about-index-mainvisual .g-Image--v2 {
    height: auto;
  }
  .about-index-mainvisual picture {
    position: relative;
    left: 0;
    transform: none;
    width: 100%;
    height: auto;
  }
  .about-index-mainvisual .g-Image--v2__img img {
    object-fit: cover;
    height: 100%;
  }
  .about-index-mainvisual .g-GroupBox {
    text-align: center;
    bottom: 92px;
  }
  .about-index-mainvisual .g-Text {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 640px) {
  .about-index-mainvisual .g-GroupBox {
    bottom: 34px;
  }
}

/* linkArea */
.about-common-linkArea--saho .g-GroupBox {
  right: 30px;
  bottom: 60px;
}
.about-common-linkArea--sustainability .g-GroupBox {
  top: 64px;
  left: 30px;
}
.about-common-linkArea--koishimaruSilk .g-GroupBox {
  left: 30px;
  bottom: 60px;
}

.about-common-linkArea--koishimaruSilk .l-HeadingTitle--v2.l-HeadingTitle--v2--h2 {
  max-height: 3em;
}

@media only screen and (max-width: 1024px) {
  .about-common-linkArea picture {
    width: 100%;
    height: 768px;
  }
  .about-common-linkArea .g-Image--v2 {
    height: 768px;
  }
  .about-common-linkArea .g-Image--v2__img img {
    object-fit: cover;
    height: 100%;
  }
  .about-common-linkArea .g-GroupBox {
    right: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .about-common-linkArea .g-Text {
    margin-bottom: 15px;
  }
  .about-common-linkArea--koishimaruSilk .g-GroupBox {
    top: 0;
    bottom: 0;
    justify-content: center;
  }
}

@media only screen and (max-width: 640px) {
  .about-common-linkArea {
    text-align: center;
  }
  .about-common-linkArea--koishimaruSilk .g-GroupBox {
    padding-right: 40px;
    padding-left: 40px;
    top: 0;
    bottom: 0;
    justify-content: center;
  }
}

/* ito */
.g-Area#area-Contents:has(.about-index-bgIto) {
  position: relative;
  height: 100%;
}
.about-index-bgIto {
  width: 100%;
  /* サステナ表示の際、コメントアウトを表示 */
  /* height: 7574px; */
  height: 7993px;
  position: absolute !important;
  /* サステナ表示の際、コメントアウトを表示 */
  /* top: 622px; */
  top: -107px;
  left: 0;
  overflow: hidden;
  z-index: 1;
}
.about-index-bgIto__top img,
.about-index-bgIto__bottom img {
  position: absolute;
  left: 50%;
  max-width: none;
  transform: translateX(-50%);
}
.about-index-bgIto__top img {
  /* サステナ表示の際、コメントアウトを表示 */
  /* width: 1920px !important;
  height: 1893px; */
  width: 2400px;
  height: 1998.5px;
}
.about-index-bgIto__bottom img {
  /* サステナ表示の際、コメントアウトを表示 */
  /* top: 1893px; */
  /* width: 1920px !important;
  height: 1893px; */
  top: 1998.5px;
  width: 2400px;
  height: 1998.5px;
}

@media only screen and (max-width: 640px) {
  .about-index-bgIto {
    height: 100%;
    top: 4%;
  }
  .about-index-bgIto * {
    height: 100% !important;
  }
  .about-index-bgIto__top .g-Image--v2__img img,
  .about-index-bgIto__bottom .g-Image--v2__img img {
    left: 50%;
    aspect-ratio: auto;
    width: 100% !important;
  }
  .about-index-bgIto__top .g-Image--v2__img img {
    aspect-ratio: 752 / 2790;
    height: 40% !important;
  }
  .about-index-bgIto__bottom .g-Image--v2__img img {
    /* サステナ表示の際、コメントアウトを表示 */
    /* top: -62%; */
    top: -57%;
    aspect-ratio: 752 / 3765;
    height: 48% !important;
  }
}

/* lead */
.about-index-lead {
  padding-top: 200px;
  padding-bottom: 200px;
  max-width: 880px;
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (max-width: 1024px) {
  .about-index-lead {
    padding: 146px 80px;
  }
}

@media only screen and (max-width: 640px) {
  .about-index-lead {
    padding: 106px 40px;
  }
}


/*
  our-history
*/
/* mainvisual */
.about-ourHistory-mainvisual .g-GroupBox,
.about-common-linkArea--history .g-GroupBox{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.about-common-linkArea--history .g-GroupBox .g-TextLinkUnit__link {
  color: #B89C42 !important;
}
.about-ourHistory-mainvisual .g-GroupBox .g-PageTitle--v2 {
  margin-bottom: 15px;
}
.about-ourHistory-mainvisual .g-PageTitle--v2__titleBlock__titleBox__title {
  margin-bottom: 0;
}
.about-ourHistory-mainvisual .g-GroupBox .g-PageTitle--v2 + .g-Text {
  margin-bottom: 15px;
}

@media only screen and (max-width: 640px) {
  .about-ourHistory-mainvisual .g-GroupBox .g-PageTitle--v2 {
    margin-bottom: 10px;
  }
  .about-ourHistory-mainvisual .g-GroupBox .g-PageTitle--v2 + .g-Text {
    margin-bottom: 10px;
  }
}

/* ito */
.about-ourHistory-bgIto {
  width: 100%;
  height: 8234px;
  position: absolute !important;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 1;
}
.about-ourHistory-bgIto__top img,
.about-ourHistory-bgIto__bottom img {
  position: absolute;
  left: 41.5%;
  max-width: none;
  transform: translateX(-50%);
}
.about-ourHistory-bgIto__top img {
  width: 2160px !important;
  height: 3400px;
}
.about-ourHistory-bgIto__bottom img {
  top: 3400px;
  width: 2160px !important;
  height: 3485px;
}

@media only screen and (max-width: 910px) {
  .g-Area#area-Contents:has(.about-ourHistory-bgIto) {
    position: relative;
    height: 100%;
  }
  .about-ourHistory-bgIto {
    height: 100%;
  }
  .about-ourHistory-bgIto * {
    height: 100% !important;
  }
  .about-ourHistory-bgIto__top .g-Image--v2__img img {
    height: 46% !important;
    aspect-ratio: 2160 / 3400;
    object-fit: contain;
    object-position: top;
  }
  .about-ourHistory-bgIto__bottom .g-Image--v2__img img {
    height: 50% !important;
    top: -54%;
    aspect-ratio: 2160 / 3485;
    object-fit: contain;
    object-position: top;
  }
}

@media only screen and (max-width: 640px) {
  .about-ourHistory-bgIto__top .g-Image--v2__img img,
  .about-ourHistory-bgIto__bottom .g-Image--v2__img img {
    left: 50%;
    aspect-ratio: auto;
    width: 100% !important;
    object-fit: cover;
  }
  .about-ourHistory-bgIto__top .g-Image--v2__img img {
    aspect-ratio: 752 / 6305;
    height: 46% !important;
  }
  .about-ourHistory-bgIto__bottom .g-Image--v2__img img {
    aspect-ratio: 752 / 6306;
    height: 46% !important;
  }
  .about-ourHistory-bgIto__bottom.about-ourHistory-bgIto__bottom_m2 .g-Image--v2__img img {
    height: 50% !important;
  }
}

/* history */
.about-ourHistory-history {
  position: relative;
  z-index: 2;
}
.about-ourHistory-history .g-Column {
  margin-top: 160px;
  max-width: 880px;
  padding-right: 20px;
  padding-left: 20px;
}
.about-ourHistory-history .l-Column.is-gutter--m .l-Column__cols {
  padding: 0;
}
.about-ourHistory-history .g-ImageTextHP--v2 + .g-ImageTextHP--v2 {
  margin-top: 120px;
}
.about-ourHistory-history .g-ImageTextHP--v2.about-common-column2lg .g-ImageTextHP--v2__contentsBlock {
  align-items: center;
  grid-template-rows: auto auto;
  grid-template-areas:
        "headingTitle image"
        "headingTitle image";
}
.about-ourHistory-history .g-ImageTextHP--v2.about-common-column2lg .g-ImageTextHP--v2__contentsBlock__text {
  display: none;
}
.about-ourHistory-history .g-ImageTextHP--v2.is-imageL.about-common-column2lg .g-ImageTextHP--v2__contentsBlock {
  grid-template-areas:
        "image headingTitle"
        "image headingTitle";
}
.about-ourHistory-history .g-HeadingTitle__titleBlock__titleBox__title {
  margin-bottom: 0;
}
.about-ourHistory-history .is-layoutR .g-HeadingTitle__titleBlock__titleBox__title {
  text-align: right;
}
.about-ourHistory-history .l-HeadingTitle.l-HeadingTitle--h2 .g-HeadingTitle__titleBlock {
  margin-bottom: 18px;
}
.about-ourHistory-history .g-HeadingTitle__h2 {
  text-shadow:
  -5px -5px 0 #fff,
   5px -5px 0 #fff,
  -5px  5px 0 #fff,
   5px  5px 0 #fff,
  -5px  0   0 #fff,
   5px  0   0 #fff,
   0   -5px 0 #fff,
   0    5px 0 #fff;
  letter-spacing: -2.46px;
}
.about-ourHistory-history .g-Text {
  text-shadow:
    -1px -1px 0 #fff,
     1px -1px 0 #fff,
    -1px  1px 0 #fff,
     1px  1px 0 #fff,
    -2px  0   0 #fff,
     2px  0   0 #fff,
     0   -2px 0 #fff,
     0    2px 0 #fff;
}
.about-ourHistory-history__text .cmn-richtext {
  font-size: 20px !important;
  line-height: 1.5 !important;
}

@media only screen and (max-width: 1024px) {
  .about-ourHistory-history .g-ImageTextHP--v2.is-imageL.about-common-column2lg .g-ImageTextHP--v2__contentsBlock {
    padding-right: 30px;
  }
  .about-ourHistory-history .g-ImageTextHP--v2.is-imageR.about-common-column2lg .g-ImageTextHP--v2__contentsBlock {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 910px) {
  .about-ourHistory-history .is-layoutR .g-ImageTextHP--v2__contentsBlock__text {
    padding-left: 30px;
  }
  .about-ourHistory-history .is-layoutL .g-ImageTextHP--v2__contentsBlock__text {
    padding-right: 30px;
  }
}

@media only screen and (max-width: 640px) {
  .about-ourHistory-history .g-Column {
    margin-top: 120px;
  }
  .about-ourHistory-history .g-Column {
    padding-right: 0;
    padding-left: 0;
  }
  .about-ourHistory-history .g-ImageTextHP--v2 .g-ImageTextHP--v2__contentsBlock {
    grid-template-rows: auto;
  }
  .about-ourHistory-history .g-ImageTextHP--v2__contentsBlock .g-ImageTextHP--v2__contentsBlock__image {
    width: 75.5%;
    margin-bottom: 20px;
  }
  .about-ourHistory-history .g-ImageTextHP--v2.about-common-column2lg .g-ImageTextHP--v2__contentsBlock,
  .about-ourHistory-history .g-ImageTextHP--v2.is-imageL.about-common-column2lg .g-ImageTextHP--v2__contentsBlock {
    grid-template-areas:
          "image"
          "headingTitle";
    row-gap: 0;
  }
  .about-ourHistory-history .g-ImageTextHP--v2.is-imageL.about-common-column2lg .g-ImageTextHP--v2__contentsBlock {
    padding-right: 0;
  }
  .about-ourHistory-history .g-ImageTextHP--v2.is-imageR.about-common-column2lg .g-ImageTextHP--v2__contentsBlock {
    padding-left: 0;
  }
  .about-ourHistory-history .is-layoutR .g-ImageTextHP--v2__contentsBlock__image {
    margin-right: 0;
  }
  .about-ourHistory-history .is-layoutL .g-ImageTextHP--v2__contentsBlock__image {
    margin-left: 0;
  }
  .about-ourHistory-history .is-layoutR .g-ImageTextHP--v2__contentsBlock__text,
  .about-ourHistory-history .is-layoutL .g-ImageTextHP--v2__contentsBlock__text,
  .about-ourHistory-history .l-HeadingTitle.l-HeadingTitle--h2 {
    padding-right: 30px;
    padding-left: 30px;
    margin-bottom: 0;
    max-width: 254px;
  }
  .about-ourHistory-history .is-layoutR .g-ImageTextHP--v2__contentsBlock__text,
  .about-ourHistory-history .is-layoutR .l-HeadingTitle.l-HeadingTitle--h2 {
    margin-right: 0;
    margin-left: auto;
  }
  .about-ourHistory-history .is-layoutL .g-ImageTextHP--v2__contentsBlock__text,
  .about-ourHistory-history .is-layoutL .l-HeadingTitle.l-HeadingTitle--h2 {
    margin-right: auto;
    margin-left: 0;
  }
  .about-ourHistory-history .g-ImageTextHP--v2 + .g-ImageTextHP--v2 {
    margin-top: 100px;
  }
  .about-ourHistory-history__text .cmn-richtext {
    font-size: 16px !important;
  }
}


/* movie */
.about-ourHistory-movie {
  margin-top: 160px;
}
.about-ourHistory-movie .l-Column.is-gutter--m .l-Column__cols {
  position: relative;
  z-index: 2;
}
.about-ourHistory-movie .g-HeadingTitle--v2__titleBlock__titleBox__title {
  margin-bottom: 30px;
}
.about-ourHistory-movie .g-Section__inner {
  max-width: 880px;
  padding-top: 64px;
  padding-bottom: 64px;
}

@media only screen and (max-width: 640px) {
  .about-ourHistory-movie {
    margin-top: 120px;
  }
  .about-ourHistory-movie .g-Section__inner {
    padding: 82px 30px;
  }
  .about-ourHistory-movie .g-HeadingTitle--v2__titleBlock__titleBox__title {
    margin-bottom: 20px;
  }
}


/*
  koishimarusilk
*/
/* mainvisual */
.about-koishimarusilk-mainvisual .g-GroupBox {
  left: 30px;
  bottom: 60px;
}
.about-koishimarusilk-mainvisual .g-PageTitle--v2__titleBlock__titleBox__title,
.about-common-linkArea--koishimaruSilk .g-PageTitle--v2__titleBlock__titleBox__title {
  margin-bottom: 5px;
}

@media only screen and (max-width: 1024px) {
  .about-koishimarusilk-mainvisual .g-GroupBox {
    left: 0;
  }
}

@media only screen and (max-width: 640px) {
  .about-koishimarusilk-mainvisual .g-GroupBox {
    bottom: 30px;
  }
  .about-koishimarusilk-mainvisual .l-PageTitle--v2 {
    text-align: center;
    margin-bottom: 5px;
  }
  .about-koishimarusilk-mainvisual .l-PageTitle--v2 + .g-Text {
    text-align: center;
    margin-bottom: 10px;
  }
}

/* contents */
.about-koishimarusilk-content .g-Section__inner {
  max-width: calc(1440px + 20px * 2);
  padding-right: 40px;
  padding-left: 40px;
}
.about-koishimarusilk-content .l-Column.is-gutter--m .l-Column__cols {
  padding: 0;
}
.about-koishimarusilk-content .about-common-column2lg + .about-common-headingLv2.l-HeadingTitle--v2 {
  margin-top: 220px;
}
.about-koishimarusilk-content .g-ImageTextHP--v2.about-common-column2lg.is-imageL .g-ImageTextHP--v2__contentsBlock {
  grid-template-columns: calc(58.3% - 30px) calc(29.1% - 30px);
}
.about-koishimarusilk-content .g-ImageTextHP--v2.about-common-column2lg.is-imageR .g-ImageTextHP--v2__contentsBlock {
  grid-template-columns: calc(29.1% - 30px) calc(58.3% - 30px);
  justify-content: right;
}

@media only screen and (max-width: 1024px) {
  .about-koishimarusilk-content .g-ImageTextHP--v2.about-common-column2lg.is-imageL .g-ImageTextHP--v2__contentsBlock,
  .about-koishimarusilk-content .g-ImageTextHP--v2.about-common-column2lg.is-imageR .g-ImageTextHP--v2__contentsBlock {
    grid-template-columns: 100%;
    grid-template-areas:
        "image"
        "text";
    grid-template-rows: auto auto;
    row-gap: 30px;
  }
  .about-koishimarusilk-content .g-Section__inner {
    padding-right: 30px;
    padding-left: 30px;
  }
  .about-koishimarusilk-content .g-Section__inner .l-Column.is-gutter--m .l-Column__inner {
    margin-right: 0;
    margin-left: 0;
  }
}

@media only screen and (max-width: 640px) {
  .about-koishimarusilk-content .about-common-column2lg + .about-common-headingLv2.l-HeadingTitle--v2 {
    margin-top: 120px;
  }
}

/* science */
.about-koishimarusilk-science {
  max-width: 1920px;
  margin-top: 120px;
  margin-left: auto;
  margin-right: auto;
  padding: 720px 20px 120px;
  background-size: 1920px auto;
}
.about-koishimarusilk-science .g-Section__inner {
  max-width: calc(1200px + 20px * 2);
  padding-right: 40px;
  padding-left: 40px;
}
.about-koishimarusilk-science .g-HeadingTitle--v2--h2 {
  margin-top: 80px;
  margin-bottom: 20px;
}
.about-koishimarusilk-science__lead {
  max-width: 880px;
  margin-right: auto;
  margin-left: auto;
}
.about-koishimarusilk-science .g-HeadingTitle--v2--h3 {
  margin-top: 180px;
}
.about-koishimarusilk-science .g-AnnotationListP--v2 {
  margin-bottom: 60px;
}
.about-koishimarusilk-science .g-ImageTextHP--v2.about-common-column2lg.is-imageL .g-ImageTextHP--v2__contentsBlock:not(:has(.g-HeadingTitle)) {
  grid-template-columns: calc(60% - 30px) calc(40% - 30px);
}
.about-koishimarusilk-science__benefitsList {
  color: #fff;
  margin-top: 20px;
  margin-bottom: 20px;
}
.about-koishimarusilk-science__benefitsList ul {
  padding-left: 1em;
}

@media only screen and (max-width: 1024px) {
  .about-koishimarusilk-science {
    padding-right: 0;
    padding-left: 0;
  }
  .about-koishimarusilk-science .g-Section__inner {
    padding-right: 30px;
    padding-left: 30px;
  }
}

@media only screen and (max-width: 640px) {
  .about-koishimarusilk-science {
    margin-top: 80px;
    padding: 423px 0 80px;
    background-size: 1100px auto;
  }
  .about-koishimarusilk-science .g-HeadingTitle--v2--h2 {
    margin-top: 0;
  }
  .about-koishimarusilk-science .g-HeadingTitle--v2__titleBlock__titleBox__title {
    margin-bottom: 0;
  }
  .about-koishimarusilk-science .g-HeadingTitle--v2--h3 {
    margin-top: 120px;
  }
  .about-common-headingLv2.l-HeadingTitle--v2 + .g-AnnotationListP--v2 {
    margin-bottom: 40px;
  }
}

/* skin */
.about-koishimarusilk-skin {
  max-width: 1920px;
  padding: 86px 20px 82px;
  background-size: auto 100%;
  background-position: top center;
  margin-left: auto;
  margin-right: auto;
}
.about-koishimarusilk-skin .g-Section__inner {
  max-width: calc(1440px + 20px * 2);
  padding-right: 100px;
  padding-left: 100px;
}
.about-koishimarusilk-skin .g-Section__inner > .g-Column {
  max-width: 560px;
  margin-left: 0;
}
.about-koishimarusilk-skin .g-Section__inner > .g-Column.about-koishimarusilk-science__benefits {
  max-width: 778px;
}
.about-koishimarusilk-skin .g-HeadingTitle--v2__titleBlock__titleBox__title {
  margin-bottom: 0;
}
.about-koishimarusilk-skin .l-HeadingTitle--v2.l-HeadingTitle--v2--h2 {
  margin-bottom: 20px;
}
.about-koishimarusilk-skin .l-Column.is-gutter--m {
  margin-right: 0;
  margin-left: 0;
}
.about-koishimarusilk-skin .l-Column.is-gutter--m .l-Column__cols {
  padding: 0;
}
.about-koishimarusilk-skin .l-Column.is-gutter--m .l-Column__cols:not(:first-child) {
  border-left: 1px solid #fff;
  padding-right: 30px;
  padding-left: 40px;
}
.about-koishimarusilk-science__benefits {
  margin-top: 30px;
}
.about-koishimarusilk-skin__percent {
  font-size: 28px;
  line-height: 1.2;
  letter-spacing: 0.56px;
}
.about-koishimarusilk-skin .g-AnnotationListP--v2 {
  margin-bottom: 30px;
}
.about-koishimarusilk-skin .l-AnnotationListUnit--v2 {
  color: #fff;
}

@media only screen and (max-width: 1024px) {
  .about-koishimarusilk-skin {
    position: relative;
    margin-top: 0;
    padding: 399px 30px 82px;
    background-position: top right -150px;
    background-size: auto 400px;
  }
  .about-koishimarusilk-skin .g-Section__inner {
    padding-right: 30px;
    padding-left: 30px;
  }
  .about-koishimarusilk-skin .g-Section__inner .l-Column.is-gutter--m .l-Column__inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 641px) and (max-width: 1024px) {
  .about-koishimarusilk-skin .g-Section__inner>.g-Column {
    max-width: none;
  }
  .about-koishimarusilk-skin::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 144px;
    top: 256px;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
    transform: rotate(180deg);
  }
.about-koishimarusilk-skin {
  background-position: top right 70px;
}
}

@media only screen and (max-width: 640px) {
  .about-koishimarusilk-skin .g-Section__inner {
    padding-right: 0;
    padding-left: 0;
  }
  .about-koishimarusilk-skin .l-Column.is-gutter--m .l-Column__inner {
    margin-right: 0;
    margin-left: 0;
  }
  .about-koishimarusilk-skin::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 144px;
    top: 256px;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
    transform: rotate(180deg);
  }
  .about-koishimarusilk-skin .l-HeadingTitle--v2.l-HeadingTitle--v2--h2 {
    text-align: center;
  }
  .about-koishimarusilk-science__benefits {
    margin-top: 0;
  }
  .about-koishimarusilk-science__benefits .g-ColumnUnit {
    display: flex;
    align-items: center;
    padding: 20px 16px;
    column-gap: 20px;
  }
  .about-koishimarusilk-skin .l-Column.is-gutter--m .l-Column__cols {
    padding: 0;
  }
  .about-koishimarusilk-skin .l-Column.is-gutter--m .l-Column__cols:first-child {
    padding-right: 0;
  }
  .about-koishimarusilk-skin .l-Column.is-gutter--m .l-Column__cols:not(:first-child) {
    border-left: none;
    border-top: 1px solid #fff;
    padding: 0;
  }
  .about-koishimarusilk-skin .g-AnnotationListP--v2 {
    margin-top: 0;
    margin-bottom: 20px;
  }
}

/*
  saho
*/
.about-saho-mainvisual .g-GroupBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 30px;
  top: 0;
  bottom: 0;
}
.about-saho-mainvisual .g-Text {
  margin-bottom: 0;
}
.about-saho-mainvisual .g-PageTitle--v2 .about-saho-subTitle {
  font-size: 26px !important;
  line-height: 1.2;
  letter-spacing: -0.8px;
  display: block;
}
.about-saho-mainvisual .g-PageTitle--v2__titleBlock__titleBox__title {
  margin-bottom: 0;
}
.about-saho-mainvisual .g-PageTitle--v2 {
  margin-bottom: 30px;
}
.about-saho-mainvisual .about-saho-description {
  margin-top: 15px;
}
@media only screen and (min-width: 1025px) {
  .about-saho-mainvisual .g-Image--v2 {
    height: 650px;
  }
}
@media only screen and (max-width: 1024px) {
  .about-saho-mainvisual .g-Image--v2 {
    height: auto;
  }
  .about-saho-mainvisual .g-Image--v2__img img {
    height: auto;
  }
  .about-saho-mainvisual picture {
    position: relative;
    left: 0;
    transform: none;
    width: 100%;
    height: auto;
  }
  .about-saho-mainvisual .g-GroupBox {
    top: auto;
    bottom: 60px;
    left: 0;
    right: 0;
    text-align: center;
  }
}
@media only screen and (max-width: 640px) {
  .about-saho-mainvisual .g-PageTitle--v2 {
    margin-bottom: 5px;
  }
  .about-saho-mainvisual .g-PageTitle--v2__titleBlock__titleBox {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-wrap: wrap;
  }
  .about-saho-mainvisual .g-PageTitle--v2 .about-saho-subTitle {
    display: inline-block;
    font-size: 18px;
    letter-spacing: -0.36px;
    margin-left: 0.5em;
  }
  .about-saho-mainvisual .about-saho-description {
    margin-top: 10px;
  }
  .about-saho-mainvisual .g-GroupBox {
    bottom: 30px;
  }
}

.about-saho-link .g-Section__inner {
  max-width: 1920px;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}
.about-saho-link--bottom .g-Section__inner {
  border-top: 1px solid rgba(0, 0, 0, 0.10);
  border-bottom: 0;
}
.about-saho-link .l-TextLinkUnit__link {
  padding-top: 19px;
  padding-bottom: 15px;
  border-bottom: 4px solid transparent;
}
.about-saho-link--bottom .l-TextLinkUnit__link {
  padding-top: 15px;
  padding-bottom: 19px;
  border-top: 4px solid transparent;
  border-bottom: 0;
}
.about-saho-link .about-saho-link__current .l-TextLinkUnit__link {
  border-color: #816E2D;
  color: #816E2D;
}
.about-saho-link .l-TextLinkP.is-gutter--m .l-TextLinkP__list {
  display: flex;
  justify-content: center;
  column-gap: 80px;
}
.about-saho-link .l-TextLinkP.is-gutter--m .g-TextLinkP__list:after {
  display: none;
}
.about-saho-link .g-TextLinkUnit {
  margin-top: 0;
  margin-bottom: 0;
}
.about-saho-link .l-Column.is-gutter--m .l-Column__cols,
.about-saho-link .l-TextLinkP.is-gutter--m .l-TextLinkP__list__item {
  padding: 0;
}
.about-saho-link .g-TextLinkP {
  margin-bottom: 0;
}
@media only screen and (max-width: 640px) {
  .about-saho-link--bottom {
    margin-top: 0;
  }
  .about-saho-link .l-TextLinkP.is-gutter--m .l-TextLinkP__list {
    column-gap: 40px;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: 0;
    margin-left: 0;
  }
}

.about-sahoSkincare-content .g-Section__inner {
  max-width: calc(1440px + 20px * 2);
  padding-right: 40px;
  padding-left: 40px;
}
.about-sahoSkincare-content .l-Column.is-gutter--m .l-Column__cols {
  padding: 0;
}
.about-sahoSkincare-content .g-ImageTextHP--v2.about-common-column2lg.is-imageL .g-ImageTextHP--v2__contentsBlock:not(:has(.g-HeadingTitle)) {
  grid-template-columns: calc(58.3% - 30px) calc(29.1% - 30px);
}
.about-sahoSkincare-content .g-ImageTextHP--v2.about-common-column2lg.is-imageR .g-ImageTextHP--v2__contentsBlock:not(:has(.g-HeadingTitle)) {
  grid-template-columns: calc(29.1% - 30px) calc(58.3% - 30px);
  justify-content: right;
}
.about-sahoSkincare-content .about-common-column2lg + .about-common-column2lg {
  margin-top: 80px;
}
.about-sahoSkincare-content .about-saho-innerSmall .about-common-column2lg:nth-child(1) .g-ImageTextHP--v2__contentsBlock__text {
  margin-bottom: 80px;
}
.about-sahoSkincare-content .about-saho-innerSmall .about-common-column2lg + .about-common-column2lg .g-ImageTextHP--v2__contentsBlock__text {
  margin-top: 80px;
}

@media only screen and (max-width: 1024px) {
  .about-sahoSkincare-content .g-ImageTextHP--v2.about-common-column2lg.is-imageL .g-ImageTextHP--v2__contentsBlock:not(:has(.g-HeadingTitle)),
  .about-sahoSkincare-content .g-ImageTextHP--v2.about-common-column2lg.is-imageR .g-ImageTextHP--v2__contentsBlock:not(:has(.g-HeadingTitle)) {
    grid-template-columns: calc(50% - 15px) calc(50% - 15px);
    column-gap: 30px;
  }
  .about-sahoSkincare-content .g-Section__inner {
    padding-right: 50px;
    padding-left: 50px;
  }
}

@media only screen and (max-width: 640px) {
  .about-sahoSkincare-content .g-ImageTextHP--v2.about-common-column2lg.is-imageL .g-ImageTextHP--v2__contentsBlock:not(:has(.g-HeadingTitle)),
  .about-sahoSkincare-content .g-ImageTextHP--v2.about-common-column2lg.is-imageR .g-ImageTextHP--v2__contentsBlock:not(:has(.g-HeadingTitle)) {
    grid-template-columns: 100%;
    grid-template-areas:
        "image"
        "text";
    grid-template-rows: auto auto;
    row-gap: 30px;
  }
  .about-sahoSkincare-content .about-common-column2lg + .about-common-column2lg {
    margin-top: 60px;
  }
  .about-sahoSkincare-content .g-Section__inner {
    padding-right: 40px;
    padding-left: 40px;
  }
}

.about-saho-innerSmall {
  max-width: 1040px;
  margin-right: auto;
  margin-left: auto;
}
.about-sahoSkincare-content .about-saho-innerSmall .g-ImageTextHP--v2.about-common-column2lg.is-imageL .g-ImageTextHP--v2__contentsBlock:not(:has(.g-HeadingTitle)) {
  grid-template-columns: 1fr 1fr;
}
.about-sahoSkincare-content .about-saho-innerSmall .g-ImageTextHP--v2.about-common-column2lg.is-imageR .g-ImageTextHP--v2__contentsBlock:not(:has(.g-HeadingTitle)) {
  grid-template-columns: 1fr 1fr;
  margin-top: -180px;
}
.about-sahoSkincare-content .about-saho-innerSmall .g-ImageTextHP--v2__contentsBlock:after {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .about-sahoSkincare-content .about-saho-innerSmall .g-ImageTextHP--v2.about-common-column2lg.is-imageL .g-ImageTextHP--v2__contentsBlock:not(:has(.g-HeadingTitle)),
  .about-sahoSkincare-content .about-saho-innerSmall .g-ImageTextHP--v2.about-common-column2lg.is-imageR .g-ImageTextHP--v2__contentsBlock:not(:has(.g-HeadingTitle)) {
    grid-template-columns: calc(50% - 15px) calc(50% - 15px);
    column-gap: 30px;
  }
  .about-sahoSkincare-content .about-saho-innerSmall .about-common-column2lg:nth-child(1) .g-ImageTextHP--v2__contentsBlock__text,
  .about-sahoSkincare-content .about-saho-innerSmall .about-common-column2lg + .about-common-column2lg .g-ImageTextHP--v2__contentsBlock__text {
    margin-top: 0;
    margin-bottom: 0;
  }
  .about-sahoSkincare-content .about-saho-innerSmall .g-ImageTextHP--v2.about-common-column2lg.is-imageR .g-ImageTextHP--v2__contentsBlock:not(:has(.g-HeadingTitle)) {
    margin-top: 0;
  }
}

@media only screen and (max-width: 640px) {
  .about-sahoSkincare-content .about-saho-innerSmall .g-ImageTextHP--v2.about-common-column2lg.is-imageL .g-ImageTextHP--v2__contentsBlock:not(:has(.g-HeadingTitle)),
  .about-sahoSkincare-content .about-saho-innerSmall .g-ImageTextHP--v2.about-common-column2lg.is-imageR .g-ImageTextHP--v2__contentsBlock:not(:has(.g-HeadingTitle)) {
    grid-template-columns: 100%;
    grid-template-areas:
        "image"
        "text";
    grid-template-rows: auto auto;
    row-gap: 30px;
  }
}

.about-saho-message {
  max-width: 640px;
  margin: 80px auto 120px;
}
.about-saho-message .g-Text + .g-Text {
  margin-top: 1em;
}
@media only screen and (max-width: 640px) {
  .about-saho-message {
    margin-top: 60px;
    margin-bottom: 80px;
  }
}

.about-sahoMoisturising-effects .l-Section__inner {
  max-width: none;
}
.about-sahoMoisturising-effects .l-Section__inner .g-Column:first-child {
  padding-right: 30px;
  padding-left: 30px;
}
.about-sahoMoisturising-effects__lead {
  max-width: 880px;
  margin: 0 auto;
  text-align: center;
}
.about-sahoMoisturising-effects__img {
  max-width: 1440px;
  margin: 60px auto 0;
}

.about-sahoMoisturising-silkskin .g-Section__inner {
  max-width: calc(1040px + 20px * 2);
  padding-right: 40px;
  padding-left: 40px;
}
.about-sahoMoisturising-silkskin .l-Column.is-gutter--m .l-Column__cols {
  padding: 0;
}
.about-sahoMoisturising-silkskin .g-ImageTextHP--v2__contentsBlock__text__moreinfo {
  margin-top: 20px;
}

@media only screen and (max-width: 1024px) {
  .about-sahoMoisturising-silkskin .g-Section__inner {
    padding-right: 50px;
    padding-left: 50px;
  }
}

@media only screen and (max-width: 1024px) {
  .about-sahoMoisturising-silkskin .g-Section__inner {
    padding-right: 40px;
    padding-left: 40px;
  }
}

.about-saho-textLink.g-Text a {
  color: #816E2D !important;
}


body[data-content-path*="/about/saho-double-cleansing"] .sensai-gold-arrow-button-pack .g-ButtonP__list .g-ButtonP__list__item .g-ButtonUnit .g-ButtonUnit__link,
body[data-content-path*="/about/saho-double-moisturising"] .sensai-gold-arrow-button-pack .g-ButtonP__list .g-ButtonP__list__item .g-ButtonUnit .g-ButtonUnit__link {
  border-color: #816E2D;
  color: #816E2D;
}

/*
    Sustainability
*/
.about-sustainability .g-Section__inner {
  max-width: 1440px;
}
.about-sustainability-mainvisual .g-GroupBox {
  position: absolute;
  z-index: 1;
  margin: auto;
  top: 100px;
  max-width: none;
  left: 120px;
}
.about-sustainability-mainvisual picture {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-right: auto;
  margin-left: auto;
  width: 1440px;
  height: 686px;
  display: block;
}
.about-sustainability-mainvisual .g-Image--v2 {
  height: 686px;
}
.about-sustainability-sec01 .l-Column {
  aspect-ratio: 1440 / 592;
  display: flex;
  justify-content: center;
  align-items: center;
}
.about-sustainability-sec02 {}
.about-sustainability-sec02 .l-Column .l-ColumnUnit {
  position: relative;
}
.about-sustainability-sec02 .l-Column .l-GroupBox {
  position: absolute;
  bottom: 120px;
  padding-left: 80px;
  padding-right: 80px;
}
.about-sustainability-sec02 .l-Column .l-GroupBox .l-Text .cmn-richtext {
  margin-top: 16px;
}
.about-sustainability-anchorLink {
  margin-top: 32px;
}
.g-ButtonP:not(.sensai-gold-noarrow-button-pack-reverse):not(.sensai-gold-noarrow-button-pack):not(.sensai-white-arrow-button-pack):not(.sensai-gold-arrow-button-pack):not(.closeicon) .g-ButtonP__list .g-ButtonP__list__item .g-ButtonUnit.is-colorset--2 .g-ButtonUnit__link {
  padding: 8px 16px;
}
.about-sustainability-anchorLink .is-colorset--2 .l-ButtonUnit__link {
  background-color: transparent;
  color: #fff;
  border-radius: 18px;
  border: 1px solid #FFF;
}
.about-sustainability-anchorLink .is-colorset--2 .l-ButtonUnit__link .l-ButtonUnit__link__icon {
  color: #fff;
}
.about-sustainability-anchorvisual .g-GroupBox {
  max-width: 1120px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.about-sustainability-anchorvisual .g-GroupBox .l-Text.utopt-lg-fs-64 p.cmn-richtext {
  letter-spacing: -1.28px;
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .about-sustainability-anchorvisual .g-GroupBox .l-Text.utopt-lg-fs-64 p.cmn-richtext {
    letter-spacing: -0.64px;
  }
}
@media only screen and (max-width: 640px) {
  .about-sustainability-anchorvisual .g-GroupBox .l-Text.utopt-lg-fs-64 p.cmn-richtext {
    letter-spacing: -0.48px;
  }
}
.about-sustainability-anchorvisual .g-GroupBox .l-Text.utopt-lg-fs-18 {
  max-width: 1080px;
}
.about-sustainability-anchorvisual .g-HeadingTitle--v2__titleBlock__titleBox__title {
  margin-bottom: 0;
}
.about-sustainability-anchorvisual .l-HeadingTitle--v2.l-HeadingTitle--v2--h2,
.about-sustainability-anchorvisual .g-Text {
  margin-bottom: 32px;
}
.about-sustainability-anchorvisual picture {
  width: 1440px;
  height: 750px;
}
.about-sustainability-contents {}
.about-sustainability-contents .l-Column {
  padding-top: 160px;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
}
.about-sustainability-contents.about-sustainability-contents_2 .l-Column {
  padding-top: 120px;
}
.about-sustainability-contents .l-HeadingTitle,
.about-sustainability-contents .l-ImageTextVP--v2__contentsBlock__text {
  max-width: 700px;
}
.about-sustainability-contents .g-ImageTextVP--v2.is-layoutT .g-ImageTextVP--v2__contentsBlock__image {
  margin-bottom: 24px;
}
.about-sustainability-contents .l-HeadingTitle--v2 + .l-ImageTextVP--v2 {
  margin-top: 40px;
}
.about-sustainability-contents .l-ImageTextVP--v2 {
  margin-top: 80px;
}
.about-sustainability-contents .l-HeadingTitle--v2 + .l-ImageTextHP--v2 {
  margin-top: 40px;
}
.about-sustainability-contents .l-ImageTextHP--v2 {
  margin-top: 64px;
}
.about-sustainability-contents .g-ImageTextHP--v2.is-layoutL .g-ImageTextHP--v2__contentsBlock__text .l-Text .cmn-richtext,
.about-sustainability-contents .g-ImageTextHP--v2.is-imageL .g-HeadingTitle {
  margin-bottom: 8px;
}
.about-sustainability-contentsColumn .l-Column {
  padding-top: 80px;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
}
.about-sustainability-contentsColumn .l-Column__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
@media only screen and (min-width: 1025px) {
  .about-sustainability-contentsColumn .l-Column .g-Column__cols--lg-w30p {
    width: calc((100% - 80px) / 3);
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .about-sustainability-contentsColumn .l-Column .g-Column__cols--md-w50p {
    width: calc((100% - 40px) / 2);
  }
}
.about-sustainability-contentsColumn .g-ImageTextVP--v2.is-layoutT .g-ImageTextVP--v2__contentsBlock__image {
  margin-bottom: 24px;
}

.about-sustainability-contents-bottom .l-Column {
  padding-bottom: 240px;
}
.about-sustainability-mt24 {
  margin-top: 24px;
}
.about-sustainability-mt16 {
  margin-top: 16px;
}
@media only screen and (min-width: 1025px) {
  .about-sustainability-contents .g-ImageTextHP--v2.is-imageL .l-ImageTextHP--v2__contentsBlock {
    grid-template-columns: 690px 1fr;
  }
  .about-sustainability-contents .g-ImageTextHP--v2.is-layoutL .g-ImageTextHP--v2__contentsBlock__image {
    padding-right: 0;
  }
  .about-sustainability-contents .g-ImageTextHP--v2.is-layoutL .g-ImageTextHP--v2__contentsBlock__text,
  .about-sustainability-contents .g-ImageTextHP--v2.is-imageL .g-HeadingTitle {
    padding-left: 40px;
  }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .about-sustainability-mainvisual .g-GroupBox {
    padding-left: 0;
    padding-right: 0;
    top: 70px;
    left: 70px;
  }
  .about-sustainability-mainvisual picture {
    width: 100%;
    height: auto;
    aspect-ratio: 768 / 480;
    position: relative;
  }
  .about-sustainability-mainvisual .g-Image--v2 {
    height: auto;
  }
  .about-sustainability-sec01 .l-Column {
    aspect-ratio: 768 / 480;
  }
  .about-sustainability-anchorLink {
    margin-top: 24px;
  }
  .about-sustainability-sec02 .l-Column .l-GroupBox {
    bottom: 40px;
    padding-left: 24px;
    padding-right: 24px;
  }
  .about-sustainability-anchorvisual picture {
    width: 100%;
    height: auto;
    aspect-ratio: 768 / 400;
    position: relative;
  }
  .about-sustainability-anchorvisual .g-Image--v2 {
    height: auto;
  }
  .about-sustainability-anchorvisual .l-HeadingTitle--v2.l-HeadingTitle--v2--h2 {
    margin-bottom: 8px;
  }
  .about-sustainability-anchorvisual .g-Text {
    margin-bottom: 16px;
  }
  .about-sustainability-contents .l-Column {
    padding-top: 80px;
  }
  .about-sustainability-contents.about-sustainability-contents_2 .l-Column {
    padding-top: 40px;
  }
  .about-sustainability-contents .l-HeadingTitle--v2 + .l-ImageTextVP--v2 {
    margin-top: 24px;
  }
  .about-sustainability-contents .l-ImageTextVP--v2 {
    margin-top: 64px;
  }
  .about-sustainability-contents .l-HeadingTitle--v2+.l-ImageTextHP--v2 {
    margin-top: 24px;
  }
  .about-sustainability-contentsColumn .l-Column {
    padding-top: 64px;
  }
  .about-sustainability-contents-bottom .l-Column {
    padding-bottom: 120px;
  }
  .about-sustainability-contents .g-ImageTextHP--v2.is-imageL .l-ImageTextHP--v2__contentsBlock {
    grid-template-columns: 340px 1fr;
  }
  .about-sustainability-contents .g-ImageTextHP--v2.is-layoutL .g-ImageTextHP--v2__contentsBlock__image {
    padding-right: 0;
  }
  .about-sustainability-contents .g-ImageTextHP--v2.is-layoutL .g-ImageTextHP--v2__contentsBlock__text,
  .about-sustainability-contents .g-ImageTextHP--v2.is-imageL .g-HeadingTitle {
    padding-left: 40px;
  }
}

@media only screen and (max-width: 640px) {
  .about-sustainability-mainvisual .g-GroupBox {
    padding-left: 0;
    padding-right: 0;
    top: 60px;
    left: 40px;
  }
  .about-sustainability-mainvisual picture {
    width: 100%;
    height: auto;
    aspect-ratio: 375 / 605;
    position: relative;
  }
  .about-sustainability-mainvisual .g-Image--v2 {
    height: auto;
  }
  .about-sustainability-sec01 .l-Column {
    aspect-ratio: 375 / 620;
  }
  .about-sustainability-anchorLink {
    margin-top: 16px;
  }
  .about-sustainability-sec02 .l-Column .l-GroupBox {
    bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }
  .about-sustainability-sec02 .l-Column .l-Column__cols {
    margin-top: 4px;
  }
  .about-sustainability-sec02 .l-Column .l-Column__cols:first-child {
    margin-top: 0;
  }
  .about-sustainability-anchorvisual picture {
    width: 100%;
    height: auto;
    aspect-ratio: 375 / 620;
    position: relative;
  }
  .about-sustainability-anchorvisual .g-Image--v2 {
    height: auto;
  }
  .about-sustainability-anchorvisual .l-HeadingTitle--v2.l-HeadingTitle--v2--h2 {
    margin-bottom: 16px;
  }
  .about-sustainability-anchorvisual .g-Text {
    margin-bottom: 24px;
  }
  .about-sustainability-contents .l-Column {
    padding-top: 80px;
  }
  .about-sustainability-contents .g-ImageTextVP--v2.is-layoutT .g-ImageTextVP--v2__contentsBlock__image {
    margin-bottom: 16px;
  }
  .about-sustainability-contents .l-HeadingTitle--v2 + .l-ImageTextVP--v2 {
    margin-top: 24px;
  }
  .about-sustainability-contents .l-ImageTextVP--v2 {
    margin-top: 64px;
  }
  .about-sustainability-contents .l-HeadingTitle--v2+.l-ImageTextHP--v2 {
    margin-top: 24px;
  }
  .about-sustainability-contentsColumn .l-Column {
    padding-top: 64px;
  }
  .about-sustainability-contents .l-ImageTextHP--v2 {
    margin-top: 40px;
  }
  .about-sustainability-contents-bottom .l-Column {
    padding-bottom: 64px;
  }
  .about-sustainability-contents .g-ImageTextHP--v2.is-imageL .g-HeadingTitle {
    margin-top: 16px;
  }
}

.about-sustainability-textLink .cmn-richtext a,
.about-sustainability-textLink .cmn-richtext a:link,
.about-sustainability-textLink .is-colorset--1 .l-TextLinkUnit__link:link {
  color: #000 !important;
}

.about-sustainability-imageCarouse {
  margin-top: 64px;
}
body:not(.is-authorring) .about-sustainability-imageCarouse .g-ImageCarouselPUnit--v2 .g-GroupBox {
  position: relative;
  padding: 0;
}
.about-sustainability-imageCarouse .g-ImageCarouselP__nav {
  display: none !important;
}
.about-sustainability-imageCarouse .g-ImageCarouselP__prevArrow {
  left: 25%;
}
.about-sustainability-imageCarouse .g-ImageCarouselP__nextArrow {
  right: 25%;
}
.about-sustainability-imageCarouse .l-ImageCarouselP__prevArrow:before {
  color: #A6A6A6;
}

/* display */
@media only screen and (min-width: 1025px) {
  .opt-lg-display-none {
    display: none;
  }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .opt-md-display-none {
    display: none;
  }
}

@media only screen and (max-width: 640px) {
  .opt-sm-display-none {
    display: none;
  }
}