@charset "UTF-8";

/* ---------- ---------- ----------
  :: www-kao-kirei-com/jp/ja/feature/kbb/2403 ::

    00. Common Setting
    01. Page Setting

  ※ Section Wrapper : [kirei-feature-kbb-2403]
---------- ---------- ---------- */

/* ---------- ---------- ----------
:: 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. Common Setting
------------------------------ */

/* Section
-----------------------*/
/* Color */
.kirei-feature-kbb-2403.kate-color {
  background-color: #000;
  color: #fff;
}

.kirei-feature-kbb-2403.kate-color .l-Column.is-borderColor--2, .l-ColumnUnit.is-borderColor--2 {
  border-color: #df0522;
}

/* Reset
-----------------------*/
/* padding / margin */
.kirei-feature-kbb-2403 .kate-PageTitle__h1 .cmn-richtext {
  padding-left: 0;
}

.kirei-feature-kbb-2403 .kate-ListPack .g-List--ver2__ul {
  padding-left: 1.4em;
}

.kirei-feature-kbb-2403 .kate-HeadingTitle .g-HeadingTitle__titleBlock__titleBox__title {
  margin-bottom: 0;
}

/* red bg ⇒ error */
.kirei-feature-kbb-2403 .kate-ImageTextHP.is-smallViewVerticalT .g-HeadingTitle {
  width: auto;
}

/* Button Color
-----------------------*/
/* is-colorset--1 */
.kirei-feature-kbb-2403 .kate-ButtonUnit .is-colorset--1 .l-ButtonUnit__link {
  background-color: #df0522;
  border-color: #000;
  box-shadow: none;
  color: #000;
}

.kirei-feature-kbb-2403 .kate-ButtonUnit .is-colorset--1 .l-ButtonUnit__link .l-ButtonUnit__link__icon {
  color: #000;
}

.kirei-feature-kbb-2403 .kate-ButtonUnit .is-colorset--1.subcolor-01 .l-ButtonUnit__link {
  background-color: #730f0a;
}

/* is-colorset--2 */
.kirei-feature-kbb-2403 .kate-ButtonUnit .is-colorset--2 .l-ButtonUnit__link {
  background-color: #000;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.kirei-feature-kbb-2403 .kate-ButtonUnit .is-colorset--2 .l-ButtonUnit__link .l-ButtonUnit__link__icon {
  color: #fff;
}

/* is-colorset--3 */
.kirei-feature-kbb-2403 .kate-ButtonUnit .is-colorset--3 .l-ButtonUnit__link {
  background-color: #df0522;
  border-color: #000;
  box-shadow: none;
  color: #fff;
}

.kirei-feature-kbb-2403 .kate-ButtonUnit .is-colorset--3 .l-ButtonUnit__link .l-ButtonUnit__link__icon {
  color: #fff;
}

.kirei-feature-kbb-2403 .kate-ButtonUnit .is-colorset--3.subcolor-01 .l-ButtonUnit__link {
  background-color: #6e0c00;
}

.kirei-feature-kbb-2403 .kate-ButtonUnit .no_link .l-ButtonUnit__link {
  opacity: 1;
}


/* Heading Title (Option)
-----------------------*/
/* Background color */
.kirei-feature-kbb-2403 .kate-HeadingTitle.is-backgroundColor--1 {
  background-color: #df0522;
}

/* Font (Option)
-----------------------*/
/* font-family */
.kirei-feature-kbb-2403 .kate-fontfamily--01 {
  font-weight: 600;
}

.kirei-feature-kbb-2403 .kate-fontfamily--02 {
  font-family: serif;
}

.kirei-feature-kbb-2403 .kate-fontfamily--03 {
  font-family: serif;
  font-weight: 600;
}

.kirei-feature-kbb-2403 .kate-fontfamily--04 {
  font-weight: 300;
}

/* font-color */
.kirei-feature-kbb-2403 .kate-fontcolor--01 {
  color: #999999;
}

.kirei-feature-kbb-2403 .kate-fontcolor--02 {
  color: #DF0522;
}

/* font size 28px */
.kirei-feature-kbb-2403 .opt-fontsize--28 {
  font-size: 28px;
  line-height: 1.6;
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .kirei-feature-kbb-2403 .opt-fontsize--28 {
    font-size: 24px;
  }
}

@media only screen and (max-width: 640px) {
  .kirei-feature-kbb-2403 .opt-fontsize--28 {
    font-size: 22px;
  }
}

/* font size 26px */
.kirei-feature-kbb-2403 .opt-fontsize--26 {
  font-size: 26px;
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .kirei-feature-kbb-2403 .opt-fontsize--26 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 640px) {
  .kirei-feature-kbb-2403 .opt-fontsize--26 {
    font-size: 18px;
  }
}

/* font size 24px */
.kirei-feature-kbb-2403 .opt-fontsize--24 {
  font-size: 24px;
  line-height: 1.6;
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .kirei-feature-kbb-2403 .opt-fontsize--24 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 640px) {
  .kirei-feature-kbb-2403 .opt-fontsize--24 {
    font-size: 18px;
  }
}

/* font size 22px */
.kirei-feature-kbb-2403 .opt-fontsize--22 {
  font-size: 22px;
}

@media only screen and (max-width: 640px) {
  .kirei-feature-kbb-2403 .opt-fontsize--22 {
    font-size: 18px;
  }
}

/* font size 20px */
.kirei-feature-kbb-2403 .opt-fontsize--20 {
  font-size: 20px;
}

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

/* font size 18px */
.kirei-feature-kbb-2403 .opt-fontsize--18 {
  font-size: 18px;
}

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

/* font size 16px */
.kirei-feature-kbb-2403 .opt-fontsize--16,
.kirei-feature-kbb-2403 .opt-fontsize--16 .l-AnnotationListUnit--v2 {
  font-size: 16px;
}

@media only screen and (max-width: 640px) {
  .kirei-feature-kbb-2403 .opt-fontsize--16,
  .kirei-feature-kbb-2403 .opt-fontsize--16 .l-AnnotationListUnit--v2 {
    font-size: 14px;
  }
}

/* font size 14px */
.kirei-feature-kbb-2403 .opt-fontsize--14,
.kirei-feature-kbb-2403 .opt-fontsize--14 .l-AnnotationListUnit--v2 {
  font-size: 14px;
  line-height: 1.7;
}

@media only screen and (max-width: 640px) {
  .kirei-feature-kbb-2403 .opt-fontsize--14,
  .kirei-feature-kbb-2403 .opt-fontsize--14 .l-AnnotationListUnit--v2 {
    font-size: 12.25px;
  }
}

/* font size 12px */
.kirei-feature-kbb-2403 .opt-fontsize--12,
.kirei-feature-kbb-2403 .opt-fontsize--12 .l-AnnotationListUnit--v2 {
  font-size: 12px;
}

/* br class */
@media only screen and (min-width: 1025px) {
  .kirei-feature-kbb-2403 br.opt-br-hide--pc {
    display: none;
  }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .kirei-feature-kbb-2403 br.opt-br-hide--md {
    display: none;
  }
}

@media only screen and (max-width: 640px) {
  .kirei-feature-kbb-2403 br.opt-br-hide--sm {
    display: none;
  }
}

/* Accordion Menu
-----------------------*/
/* kate-AccordionMenu--01 */
.kirei-feature-kbb-2403 .kate-AccordionMenu--01 .l-AccordionUnit__titleBlock {
  border-color: #ffffff;
  background-color: #000000;
  font-family: FP-HiraKakuProN-W6, sans-serif;
}

.kirei-feature-kbb-2403 .kate-AccordionMenu--01 .l-AccordionUnit__contentBlock {
  border-color: transparent;
  background-color: #000000;
  color: #ffffff;
}

.kirei-feature-kbb-2403 .kate-AccordionMenu--01 .l-AccordionUnit__titleBlock__icon {
  color: #ffffff;
}

.kirei-feature-kbb-2403 .kate-AccordionMenu--01 .g-AccordionUnit__contentBlock {
  padding: 18px 0 10px;
}

/* HR
-----------------------*/
/* kate-AccordionMenu--01 */
.kirei-feature-kbb-2403 .kate-Hr .is-color--1 {
  border-color: #444444;
}

/*-- ------------------------------
  01. Page Setting
------------------------------ */
/* Notes - List Pack */
.kirei-feature-kbb-2403 .kate-List--notes .g-List--ver2__ul__item {
  margin-bottom: 1em;
}

/* Image & Text Pack (H) -- Products */
.kirei-feature-kbb-2403 .kate-ImageTextHP--01 .g-ImageTextHP__contentsBlock__text,
.kirei-feature-kbb-2403 .kate-ImageTextHP--01 .g-ImageTextHP--v2__contentsBlock__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media only screen and (max-width: 640px) {
  .kirei-feature-kbb-2403 .kate-ImageTextHP--01 .g-ImageTextHP__contentsBlock__text,
  .kirei-feature-kbb-2403 .kate-ImageTextHP--01 .g-ImageTextHP--v2__contentsBlock__text {
    display: block;
  }
}
/* Anchor Link */
@media only screen and (max-width: 640px) {
  .kirei-feature-kbb-2403 .kate-ButtonUnit--01 .g-ButtonUnit__link {
    padding: 10px 0;
  }

  .kirei-feature-kbb-2403 .kate-ButtonUnit--01 .opt-fontsize--18 {
    font-size: 14px;
  }

  .kirei-feature-kbb-2403 .kate-ButtonUnit--01 .is-rightIcon .g-ButtonUnit__link__icon {
    right: 8px;
  }

  .kirei-feature-kbb-2403.kate-lineup .l-Section__inner {
    padding: 26px 11px;
  }
}

.kirei-feature-kbb-2403 .kate-PageTitle__h1.g-PageTitle--v2 {
  border: none;
}

.kate-textD--01 {
  background-color: #e7201b;
  font-size: 14px;
  padding: .2em 0.4em;
  margin-right: .2em;
}

.is-rightIcon .g-ButtonUnit__link .cmn-richtext {
  padding-right: 0;
}

@media only screen and (max-width: 640px) {
  .kate-text-right .cmn-richtext {
    text-align: right;
  }
}

.kirei-feature-kbb-2403 .kate-TextLink .is-colorset--1 .l-TextLinkUnit__link {
  color: #1d9bf0;
}

.kirei-feature-kbb-2403 .kate-TextLink .is-colorset--1 .l-TextLinkUnit__link .l-TextLinkUnit__link__icon {
  color: #1d9bf0;
}