@charset "utf-8";
/*
  共通
*/
:focus {
  outline: auto;
}
#area-PageTop {
  z-index: 100;
}

/* 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: 20px;
  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: #000;
  border: 1px solid #000;
  text-decoration: none;
  width: 200px;
  text-align: center;
  padding-top: 11px;
  padding-bottom: 11px;
}
.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;
}
.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: 16px;*/
    width: 150px;
  }
  .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: 120px;
  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;
}*/

.about-common-headingLv2_sub.l-HeadingTitle--v2 .g-HeadingTitle--v2__titleBlock__titleBox > .g-Text { margin-bottom: 0; line-height: 24px; }


@media only screen and (max-width: 640px) {
  .about-common-headingLv2.l-HeadingTitle--v2 {
    margin-top: 60px;
  }
  /*.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: 30px;
  }
}

/* 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: 5px;
}
.about-common-next .l-HeadingTitle--v2.l-HeadingTitle--v2--h2 + .g-TextLinkP {
  margin-bottom: 60px;
}
.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;
}
body[data-content-path*="/about/saho-skincare-ritua"] .about-common-next .g-TextLinkP .g-TextLinkUnit__link,
body[data-content-path*="/about/saho-skincare-ritua"] .about-common-next .g-TextLinkP .g-TextLinkUnit__link:hover,
body[data-content-path*="/about/saho-skincare-ritua"] .about-common-next .g-TextLinkP .g-TextLinkUnit__link:visited {
  color: #fff;
}
.about-common-next .g-TextLinkP+.g-TextLinkP .g-TextLinkUnit__link,
.about-common-next .g-TextLinkP+.g-TextLinkP .g-TextLinkUnit__link:hover,
.about-common-next .g-TextLinkP+.g-TextLinkP .g-TextLinkUnit__link:visited {
  color: #fff;
}
.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-image: url("/content/dam/sites/kanebo/www-sensai-cosmetics-com/country/jp/img/about/koishimarusilk/bg-ito_sm.png") !important;
    background-position: 0 50%;
    background-size: 100%;
  }
  .about-common-next_bgNo.about-common-next.l-Section.is-backgroundColor--7 {
    background-image: none !important;
  }
  .about-common-next .l-HeadingTitle--v2.l-HeadingTitle--v2--h2 {}
  .about-common-next .l-HeadingTitle--v2.l-HeadingTitle--v2--h2 + .g-TextLinkP {
    margin-bottom: 40px;
  }
}

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

/*
  TOP
*/
.about-index-mainvisual .g-GroupBox {
  right: 0;
  left: 0;
  bottom: 0px;
  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: 30px;
  }
}

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

.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: 600px;
  }
  .about-common-linkArea .g-Image--v2 {
    height: 600px;
  }
  .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: -3%;
  }
  .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: -50%;
    aspect-ratio: 752 / 3765;
    height: 48% !important;
  }
}

/* lead */
.about-index-lead {
  padding-top: 200px;
  padding-bottom: 140px;
  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: 76px 40px;
  }
}


/*
  our-history
*/
body[data-content-path*="/about/our-history"] .g-Breadcrumbs.l-Breadcrumbs,
body[data-content-path*="/about/our-history"] .g-BrFooter {
  position: relative;
  z-index: 100;
}

/* 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: #fff !important;
  border: 1px solid #fff !important;
  width: 200px;
  text-align: center;
  padding-top: 11px;
  padding-bottom: 11px;
}
.about-common-linkArea--history .g-GroupBox .g-TextLinkUnit__link:hover {
  border-color: #fff;
}
.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: 20px;
  }
  .about-ourHistory-mainvisual .g-GroupBox .g-PageTitle--v2 + .g-Text {
    margin-bottom: 10px;
  }
  .about-common-linkArea--history .g-GroupBox .g-TextLinkUnit__link {
    width: 150px;
  }
}

/* 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;
  }
}

/* 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: 10px;
}
.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,
.about-ourHistory-history .g-List--ver2__ul__item {
  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: 40px;
    padding-left: 40px;
    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;
  }
  .about-koishimarusilk-mainvisual .l-PageTitle--v2 + .g-Text.opt-sm-al_l {
    text-align: left;
  }
}

/* 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;
  padding: 80px 20px 100px;
  background: linear-gradient(180deg, #F7F7F5 0%, rgba(255, 255, 255, 0.00) 100%);
}
.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 .g-HeadingTitle--v2--h2 span {
  display: inline-block;
}
.about-koishimarusilk-science .g-HeadingTitle--v2--h2 span.icon {
  width: 20px;
  margin: 0 auto;
  padding-left: 10px;
  padding-right: 10px;
}
.about-koishimarusilk-science .g-HeadingTitle--v2--h2 span.icon img {
  width: 100%;
}
.about-koishimarusilk-science__lead {}
.g-HeadingTitle__titleBlock + .about-koishimarusilk-science__lead.g-Text .cmn-richtext {
  font-size: 0 !important;
}
.about-koishimarusilk-science .g-HeadingTitle--v2--h3 {
  margin-top: 0px;
}
.about-koishimarusilk-science .g-AnnotationListP--v2 {
  margin-bottom: 60px;
}
.about-koishimarusilk-science .g-ImageTextHP--v2.about-common-column2lg .g-ImageTextHP--v2__contentsBlock {
  grid-template-columns: calc(65% - 30px) calc(35% - 30px);
  align-items: center;
}
.about-koishimarusilk-science__benefitsList {
  color: #fff;
  margin-top: 20px;
  margin-bottom: 20px;
}
.about-koishimarusilk-science__benefitsList ul {
  padding-left: 1em;
}

@media only screen and (min-width: 1025px) {
  .about-koishimarusilk-science .l-Column.about-koishimarusilk-science-col2 .g-Column__inner {
      display: grid;
      grid-template-columns: calc(60% - 30px) calc(40% - 30px);
      column-gap: 60px;
    }
    .about-koishimarusilk-science .l-Column.about-koishimarusilk-science-col2 .g-Column__inner .about-koishimarusilk-science-col2_r {
      display: flex;
      align-items: center;
    }
    .about-koishimarusilk-science .about-koishimarusilk-science-col2 .g-Column__inner .g-Column__cols-lg-2 {
      width: 100%;
    }
}


@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: 60px;
    padding: 60px 0 60px;
  }
  .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: 60px;
  }
  .about-common-headingLv2.l-HeadingTitle--v2 + .g-AnnotationListP--v2 {
    margin-bottom: 40px;
  }
  .about-koishimarusilk-science .g-HeadingTitle--v2--h2 span.icon {
    width: 15px;
    display: block;
  }
  .about-koishimarusilk-science .g-ImageTextHP--v2.about-common-column2lg .g-ImageTextHP--v2__contentsBlock {
      row-gap: 20px;
    }
}

/* skin */
.about-koishimarusilk-skin {
  max-width: 1920px;
  margin-top: 120px;
  padding: 86px 20px 82px;
  background-size: auto 100%;
  background-position: top center;
}
.about-koishimarusilk-skin .g-Section__inner {
  max-width: calc(1440px + 20px * 2);
  padding-right: 40px;
  padding-left: 40px;
}
.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 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 {
  display: block;
  font-size: 26px !important;
  line-height: 1.2;
  letter-spacing: -0.8px;
}
.about-saho-mainvisual .g-PageTitle--v2__titleBlock__titleBox__title {
  margin-bottom: 0;
}
.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__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: 120px;
}
.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: 30px;
    padding-left: 30px;
  }
}

.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: 1440px;
  margin: 120px auto 80px;
  padding: 80px !important;
  border-color: #816E2D !important;
}
.about-saho-message .g-Text + .g-HeadingTitle--v2 {
  position: relative;
  padding-top: 41px;
}
.about-saho-message .g-Text + .g-HeadingTitle--v2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 40px;
  height: 1px;
  margin-left: -20px;
  background-color: #816E2D;
}
.about-saho-message .g-Image--v2 {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
}
.about-saho-message .g-Text {
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
}
.about-saho-message .g-TextLinkP a.g-TextLinkUnit__link .cmn-richtext,
.about-saho-message_link .g-TextLinkP a.g-TextLinkUnit__link .cmn-richtext {
  text-decoration: underline;
  color: #816E2D;
}
@media only screen and (max-width: 640px) {
  .about-saho-message {
    margin: 60px -20px;
    padding: 40px 20px !important;
    }
  .about-saho-message .g-Text + .g-HeadingTitle--v2 {
    padding-top: 21px;
  }
  .about-saho-message .g-Text + .g-HeadingTitle--v2::before {
    width: 30px;
    margin-left: -15px;
  }
}

.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-message-v2 {}
@media only screen and (min-width: 1025px) {
  .about-saho-message-v2 .g-ImageTextHP--v2.is-imageR .opt-lg-imageW50p {
      grid-template-columns: 1fr 51.52%;
    }
}
.about-saho-message-v2 .g-ImageTextHP--v2.is-layoutR .g-ImageTextHP--v2__contentsBlock__image {
  padding-left: 0;
}
.about-saho-message-v2 .g-ImageTextHP--v2.is-imageR .g-ImageTextHP--v2__contentsBlock__text {
  padding-right: 60px;
  display: flex;
  align-items: center;
}
.about-saho-message-v2 .g-ImageTextHP--v2.is-imageR .g-ImageTextHP--v2__contentsBlock__text .l-Hr__hr.is-color--1 {
  border-top: 1px solid#816E2D;
  padding-bottom: 40px;
}
@media only screen and (max-width: 640px) {
  .about-saho-message-v2 .about-saho-message-v2_r .g-ImageTextHP--v2.is-imageR .g-ImageTextHP--v2__contentsBlock {
    grid-template-areas: "image text";
  }
  .about-saho-message-v2 .about-saho-message-v2_r .g-ImageTextHP--v2.is-imageR .g-ImageTextHP--v2__contentsBlock__text {
    padding-right: 0;
    padding-left: 30px;
  }
  .about-saho-message-v2 .g-ImageTextHP--v2.is-imageR .g-ImageTextHP--v2__contentsBlock__text {
    padding-right: 30px;
  }
}

/*
 saho-skincare-ritual-step
*/
.about-ritual-step-mainvisual,
.about-ritual-step-mainvisual picture {
  height: 320px;
}
.about-ritual-step-mainvisual .g-GroupBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 55%;
  top: 0;
  bottom: 0;
}

.about-ritual-step-mainvisual .g-Text {
  margin-bottom: 10px;
}


@media only screen and (min-width: 1025px) {
  .about-ritual-step-mainvisual .g-Image--v2 {
    height: 320px;
  }
}

@media only screen and (max-width: 1024px) {
  .about-ritual-step-mainvisual .g-Image--v2 {
    height: auto;
  }
  .about-ritual-step-mainvisual .g-Image--v2__img img {
    height: auto;
  }
}

@media only screen and (max-width: 1024px) {
  .about-ritual-step-mainvisual .g-GroupBox {
    flex-direction: inherit;
    top: 130px;
    left: 45%;
  }
}

@media only screen and (max-width: 640px) {
  .about-ritual-step-mainvisual,
  .about-ritual-step-mainvisual picture {
    height: 235px;
  }
  .about-ritual-step-mainvisual .g-GroupBox {
    top: auto;
    left: 0;
    text-align: center;
    bottom: 20px;
  }
}