@charset "UTF-8";
/* ---------- ---------- ----------
:: for large screen ::
@media only screen and (min-width: 1025px) {
}
:: for medium screen ::
@media only screen and (min-width: 641px) and (max-width: 1024px) {
}
:: for small screen ::
@media only screen and (max-width: 640px) {
}
---------- ---------- ---------- */

/*-- ------------------------------
  00. 共通設定
------------------------------ */
/* TB表示 Column Separator 逆転 */
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .corp-reverse-column--md .l-Column__cols:first-child {
    float: right;
  }

  .corp-reverse-column--md .l-Column__cols:last-child {
    float: left;
  }
}

/* Section Wrapper 背景色設定 */
.g-Section.bg-col01 {
  background-color: #007c7a;
  overflow: initial;
  max-width: 1366px;
  margin: 0 auto;
  padding: 15px 0;
}

.g-Section.bg-col01 {
  max-width: 100%;
  padding: 5px 0;
}

/* フォント色パターン */
.purpose-fontcolor--01 {
  color: #007c7a;
}

.is-backgroundColor--2 .corp-headingLv2-01-wrapper .corp-headingLv2-01 .l-HeadingTitle__h2 .cmn-richtext span {
  color: #fff;
}

/* 見出しフォント 調整 */
.purpose-headingLv2-01-wrapper .g-HeadingTitle__h2 {
  font-size: 22px;
}

.purpose-headingLv2-01-wrapper .g-Text {
  font-size: 27px;
  line-height: 1.4;
  margin-top: 40px;
}

.purpose-headingLv3-01-wrapper .g-HeadingTitle__h3 {
  font-size: 19px;
}

/* リンクボタン中央寄せ */
@media only screen and (min-width: 1025px) {
  .purpose-button-wrapper .g-ButtonP__list__item {
    margin-left: 25%;
  }
}

/* 英語用 */
.purpose-headingLv3-01-wrapper .g-HeadingTitle__titleBlock__titleBox__title {
  margin-bottom: 0;
}

.purpose-headingLv3-01-wrapper .g-HeadingTitle__titleBlock__titleBox .g-Text {
  font-size: 19px;
  line-height: 1;
}

/*-- ------------------------------
  01. 202407 RW
------------------------------ */
/* ----- Text ----- */
/* Font Color */
.pp-fontcolor--01 {
  color: #487f6d;
}

/* Font Size */
.opt-fontsize--20 {
  font-size: 20px;
}

@media only screen and (max-width: 640px) {
  .opt-fontsize--20 {
    font-size: 18px;
  }
}

.opt-fontsize--18 {
  font-size: 18px;
}

@media only screen and (max-width: 640px) {
  .opt-fontsize--18 {
    font-size: 16px;
  }
}

@media only screen and (max-width: 640px) {
  .opt-fontsize--18 {
    font-size: 16px;
  }
}

@media only screen and (max-width: 640px) {
  .opt-sm-fontsize--14 {
    font-size: 14px;
  }
}

/* ----- H2, H3 (Triangle) ----- */
/* reset */
.pp-h2Column .g-HeadingTitle__h2 .opt-fontcolor--01 {
  color: #fff !important;
}

.pp-h2Column .corp-headingLv2-01.l-HeadingTitle--h2 {
  border-bottom: none !important;
}

.pp-h2Column .corp-headingLv2-01-wrapper .corp-headingLv2-01 .l-HeadingTitle__h2 .cmn-richtext span {
  margin-bottom: 0;
}

.pp-h2Column .l-HeadingTitle__h2 {
  font-size: 38px;
}

@media only screen and (max-width: 640px) {
  .pp-h2Column .l-HeadingTitle__h2 {
    font-size: 30px;
  }
}

.pp-h2Column .l-HeadingTitle.pp-HeadingTitle--h2::after {
  content: '';
  background-color: #fff;
  display: block;
  width: 50px;
  height: 2px;
  margin: 20px auto 0;
}

/* background > common */
.pp-h2Column {
  background-size: 1018px 429px !important;
  min-height: 429px;
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .pp-h2Column {
    background-image: url(/content/dam/sites/kao/www-kao-com/global/en/corporate/purpose/bg-01_m.png) !important;
    background-size: 944px 398px !important;
    min-height: 398px;
  }
}

@media only screen and (max-width: 640px) {
  .pp-h2Column {
    background-image: url(/content/dam/sites/kao/www-kao-com/global/en/corporate/purpose/bg-01_s.png) !important;
    background-size: 592px 406px !important;
    min-height: 406px;
  }
}

/* background > adjust */
@media only screen and (min-width: 641px) and (max-width: 802px) {
  .pp-h2Column--01,
  .pp-h2Column--03,
  .pp-h2Column--04 {
    background-size: 802px 457px !important;
    min-height: 457px;
  }
}

@media only screen and (max-width: 640px) {
  .pp-h2Column--01,
  .pp-h2Column--03,
  .pp-h2Column--04 {
    background-size: 592px 457px !important;
    min-height: 457px;
  }
}

@media only screen and (max-width: 426px) {
  .pp-h2Column--01,
  .pp-h2Column--02 {
    background-size: 592px 557px !important;
    min-height: 557px;
  }
}

@media only screen and (max-width: 503px) {
  .pp-h2Column--03,
  .pp-h2Column--04 {
    background-size: 592px 557px !important;
    min-height: 557px;
  }
}

@media only screen and (max-width: 406px) {
  .pp-h2Column--03,
  .pp-h2Column--04 {
    background-size: 592px 607px !important;
    min-height: 607px;
  }
}

/* ----- Image & Text Pack (1~5) ----- */
.pp-ImageTextHP {
  border-right: 1.8px solid #15806d;
}

.pp-ImageTextHP .g-HeadingTitle__h3 {
  font-size: 22px;
}

@media only screen and (max-width: 640px) {
  .pp-ImageTextHP {
    border-right: none;
  }

  .pp-ImageTextHP .g-HeadingTitle__h3 {
    font-size: 20px;
  }
}

.pp-ImageTextHP.is-layoutL .g-ImageTextHP__contentsBlock__image,
.pp-ImageTextHP.is-layoutL .g-ImageTextHP__contentsBlock__text {
  float: inherit;
}

.pp-ImageTextHP .g-HeadingTitle__titleBlock__titleBox__title {
  margin-bottom: 0;
}

.pp-ImageTextHP .g-ImageTextHP__contentsBlock {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.pp-ImageTextHP.is-layoutL .g-ImageTextHP__contentsBlock__image {
  max-width: 53px;
  padding-right: 0;
  margin-right: 1.5em;
}

@media only screen and (max-width: 640px) {
  .pp-ImageTextHP .g-ImageTextHP__contentsBlock__text {
    width: 100%;
  }
}

/* button > center */
@media only screen and (min-width: 641px) {
  .pp-button_c .g-ButtonP__list {
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
}<!--0.00019216537475586-->