@charset "UTF-8";
/* ---------- ---------- ----------

:: /www-kao-kirei-com/jp/ja/feature/kbb/2509


:: 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
------------------------------ */
/* Reset
-----------------------*/
.kt3-Section .g-HeadingTitle--v2__titleBlock,
.g-HeadingTitle--v2__titleBlock__titleBox__title {
  margin-bottom: 0;
}

/* Section
-----------------------*/
.kt3-Section {
  background-color: #000;
  color: #fff;
}

/* Font (Option)
-----------------------*/
/* font-family */
.kt3-fontfamily--01 {
  font-family: serif;
  font-weight: 600;
}

.kt3-fontfamily--02 {
  font-family: serif;
  font-weight: 400;
}

.kt3-fontfamily--03 {
  font-family: sans-serif;
  font-weight: 400;
}

.kt3-fontfamily--04 {
  font-family: sans-serif;
  font-weight: 600;
}

/* font size 28px */
.opt-fontsize--30 {
  font-size: 30px;
  line-height: 1.6;
}

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

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

.opt-fontsize--28 {
  font-size: 28px;
  line-height: 1.6;
}

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

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

/* font size 26px */
.opt-fontsize--26 {
  font-size: 26px;
}

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

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

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

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

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

/* font size 22px */
.opt-fontsize--22 {
  font-size: 22px;
}

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

/* font size 21px */
.opt-fontsize--21 {
  font-size: 21px;
}

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

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

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

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

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

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

/* font size 16px */
.opt-fontsize--16,
.opt-fontsize--16 .l-AnnotationListUnit--v2,
.opt-fontsize--16 .l-Image--v2__caption {
  font-size: 16px;
}

@media only screen and (max-width: 640px) {
  .opt-fontsize--16,
  .opt-fontsize--16 .l-AnnotationListUnit--v2,
  .opt-fontsize--16 .l-Image--v2__caption {
    font-size: 14px;
  }
  .opt-fontsize--12 .l-Image--v2__caption {
    font-size: 12px;
  }
}

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

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

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

  .opt-sm-fontsize--14 {
    font-size: 14px;
  }
}

/* Font Color */
.kt3-fontcolor--01 {
  color: #999999;
}

.kt3-fontcolor--02 {
  color: #DF0522;
}

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

/* br (display none)
-----------------------*/
@media only screen and (min-width: 641px) {
  br.opt-br-hide--lg.opt-br-hide--md {
    content: '';
    display: none;
  }

  br.opt-br-hide--lg.opt-br-hide--md:after {
    margin-right: -.333em;
    content: '';
  }

  @-moz-document url-prefix() {
    br.opt-br-hide--lg.opt-br-hide--md {
      display: none;
    }
  }
}

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

  br.opt-br-hide--sm:after {
    margin-right: -.333em;
    content: '';
  }

  @-moz-document url-prefix() {
    br.opt-br-hide--sm {
      display: none;
    }
  }
}

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

  .dis-sm--02 {
    display: inline-block;
  }
}

/* font-color */
.kate-fontcolor--01 {
  color: #999999;
}

.kate-fontcolor--02 {
  color: #E3C05B;
}

/* font-weight */
.kate-fontweight--b {
  font-weight: bold;
}

/*-- ------------------------------
  01. Component Setting
------------------------------ */
/* Heading Title Item */
.kt3-HeadingTitle.g-HeadingTitle--v2--h2.is-backgroundColor--2,
.kt3-HeadingTitle.g-HeadingTitle--v2--h3.is-backgroundColor--2 {
  background-color: #E3C05B;
	padding: 9px;
}

/* Button Pack 01 */
.kt3-ButtonP .is-colorset--1 .l-ButtonUnit__link {
  color: #E3C05B;
  background-color: #000000;
  border-color: #E3C05B;
  box-shadow: none;
}

.kt3-ButtonP .is-colorset--1 .l-ButtonUnit__link__icon {
  color: #E3C05B;
}

/* Button Pack 02*/
.kt3-ButtonP .is-colorset--2 .l-ButtonUnit__link {
  color: #000000;
  background-color: #E3C05B;
  border-color: #E3C05B;
  box-shadow: none;
}

.kt3-ButtonP .is-colorset--2 .l-ButtonUnit__link__icon {
  color: #000000;
}


/* kt3-ImageTextHP--01 */
@media only screen and (min-width: 641px) {
  .kt3-ImageTextHP--01 .g-ImageTextHP--v2__contentsBlock__text,
  .kt3-ImageTextHP--01 .g-ImageTextHP--v2__contentsBlock__image {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

@media only screen and (max-width: 640px) {
  .kt3-ImageTextHP .g-AnnotationListUnit--v2__symbol {
    padding-right: 0;
    position: relative;
  }
}

.kt3-bg01.opt-bg--bottom.g-GroupBox {
  background-size: 103px;
  padding-bottom: 66px;
}

.kt3-bg01.opt-bg--bottom.g-GroupBox:first-child {
  padding-bottom: 66px;
}

@media only screen and (max-width: 640px) {
  .kt3-bg01.opt-bg--bottom.g-GroupBox {
    background-size: 67px;
  }

  .kt3-bg01.opt-bg--bottom.g-GroupBox:first-child,
  .kt3-bg01.opt-bg--bottom.g-GroupBox {
    padding-bottom: 42px !important;
  }
}

.kt3-ImageTextHP--01,
.kt3-Wrapper02 {
  max-width: 660px;
  margin: 0 auto;
}

@media only screen and (min-width: 641px) {
  .kt3-ImageTextHP--01.is-imageL .opt-lg-imageW20p {
      grid-template-columns: 170px auto;
  }

  .kt3-ImageTextHP--01.is-layoutL .g-ImageTextHP--v2__contentsBlock__image {
    padding-right: 30px;
  }
}

.kt3-Wrapper03 {
  padding: 20px 15px;
}

@media only screen and (min-width: 641px) {
  .kt3-ImageTextHP--02.is-imageL .opt-lg-imageW30p {
      grid-template-columns: 93px auto;
  }

  .kt3-ImageTextHP--02.is-layoutL .g-ImageTextHP--v2__contentsBlock__image {
    padding-right: 21px;
    padding-left: 22px;
  }
}

@media only screen and (max-width: 640px) {
  .kt3-ImageTextHP--02.is-layoutL .g-ImageTextHP--v2__contentsBlock__image {
    width: 55px;
  }

  .kt3-ImageTextHP--01 .g-ImageTextHP--v2__contentsBlock .g-GroupBox:not(.kt3-HeadingTitle-imgWrapper).kt3-Wrapper03 {
    padding: 20px;
  }
}

/* g-AnnotationListP */
.kt3-List .g-List--ver2__ul__item .g-ListUnit--v2,
.kt3-List .g-List--ver2__ol__item .g-ListUnit--v2,
.kt3-AnnotationListP--01 .g-AnnotationListP--v2__ul__item {
  display: block;
  margin-bottom: 12px;
}

.kt3-List .l-ListUnit--v2,
.kt3-Section .l-AnnotationListUnit--v2 {
  line-height: 1.6;
}


/*-- ------------------------------
  02. Page Setting
------------------------------ */
/* Section 02 */
.kt3-HeadingTitle-imgWrapper.is-backgroundColor--2 {
  background-color: transparent;
}

.kt3-Section02 .g-PageTitle--v2 .g-Image--v2__img img {
  margin: 0 auto;
}


/* Section 03 */
.kt3-Image_mv{
	border:1px solid #ffffff;
}

/* .kt3-Section03 {
  background-image: linear-gradient(0deg, #DF0522, #730F0A 22%, #00000000 40%);
} */

@media only screen and (min-width: 641px) {
  .kt3-Section03 .kt3-Wrapper01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .kt3-Section03 .kt3-Wrapper01 .g-HeadingTitle--v2 {
    width: 33%;
    padding: 26px;
  }

  .kt3-Section03 .kt3-Wrapper01 .g-Text {
    width: 67%;
  }
}

@media only screen and (max-width: 640px) {
  .kt3-Section03 .kt3-Wrapper01 .g-HeadingTitle--v2 {
    padding: 8px;
  }
}

/* Section 04 */
.kt3-Section04 .g-Section__inner {
  padding-top: 0 !important;
}

/* @media only screen and (max-width: 640px) {
  .kt3-HeadingTitle-imgWrapper.is-backgroundColor--2 {
    background-image: linear-gradient(0deg, #ea0522, #DF0522);
  }
} */

/* @media only screen and (max-width: 640px) {
  .kt3-Section04 .l-Section__inner,
  .kt3-Section05 .l-Section__inner,
  .kt3-Section06 .l-Section__inner,
  .kt3-Section07 .l-Section__inner {
    padding: 0;
  }

  .kt3-Section04 .g-GroupBox:not(.kt3-HeadingTitle-imgWrapper),
  .kt3-Section05 .g-GroupBox:not(.kt3-HeadingTitle-imgWrapper),
  .kt3-Section06 .g-GroupBox:not(.kt3-HeadingTitle-imgWrapper),
  .kt3-Section07 .g-GroupBox:not(.kt3-HeadingTitle-imgWrapper) {
    padding: 0 26px;
  }
} */

/* kt3-Section09 > Accordion Menu */
.kt3-AccordionMenu .l-AccordionUnit__titleBlock__icon,
.kt3-AccordionMenu .l-AccordionUnit__contentBlock {
  color: #fff;
}

.kt3-AccordionMenu .l-AccordionUnit__titleBlock {
  border-color: #fff;
  width: calc(40% - 48px);
  margin: 0 auto;
}

.kt3-AccordionMenu .g-AccordionUnit__contentBlock {
  width: 60%;
  margin: 0 auto;
  padding: 0;
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .kt3-AccordionMenu .l-AccordionUnit__titleBlock {
    border-color: #fff;
    width: calc(50% - 48px);
  }

  .kt3-AccordionMenu .g-AccordionUnit__contentBlock {
    width: 70%;
  }
}

@media only screen and (max-width: 640px) {
  .kt3-AccordionMenu .l-AccordionUnit__titleBlock {
    width: calc(100% - 48px);
  }

  .kt3-AccordionMenu .g-AccordionUnit__contentBlock {
    width: 100%;
    padding: 0;
  }
}

.kt3-AccordionMenu .g-HeadingTitle--v2__h2,
.kt3-AccordionMenu .g-HeadingTitle--v2__h3 {
  font-size: 21px;
  font-family: sans-serif;
  font-weight: 600;
}

.kt3-AccordionMenu .g-HeadingTitle--v2__h4 {
  font-size: 16px;
  font-family: sans-serif;
  font-weight: 600;
}

.kt3-AccordionMenu .g-Text,
.kt3-AccordionMenu .g-ListUnit--v2 {
  font-size: 14px;
}

.kt3-AccordionMenu .kt3-List .g-List--ver2__ol {
  padding-left: 1.5em;
}

@media only screen and (max-width: 640px) {
  .kt3-AccordionMenu .g-HeadingTitle--v2__h2,
  .kt3-AccordionMenu .g-HeadingTitle--v2__h3 {
    font-size: 15px;
  }

  .kt3-AccordionMenu .g-HeadingTitle--v2__h4 {
    font-size: 10px;
  }

  .kt3-AccordionMenu .g-Text,
  .kt3-AccordionMenu .g-ListUnit--v2,
  .kt3-AccordionMenu .g-List--ver2__ol,
  .kt3-AccordionMenu .g-List--ver2__ul {
    font-size: 10px;
  }

  .kt3-AccordionMenu .opt-fontsize--14 .l-AnnotationListUnit--v2 {
    font-size: 10px;
  }
}

.kt3-AccordionMenu .kt3-AnnotationListP--02 {
  margin-left: 1.2em;
}

.kt3-List .g-List--ver2__ul,
.kt3-List .g-List--ver2__ol {
  padding-left: 1.2em;
}

.kt3-List01 .g-List--ver2__ul__item .g-ListUnit--v2,
.kt3-List01 .g-List--ver2__ol__item .g-ListUnit--v2 {
  margin-bottom: 2px;
}

.kt3-Section .cmn-richtext a:link,
.kt3-Section .cmn-richtext a:visited {
  color: #fff;
}

@media (hover: hover) and (pointer: fine) {
  .kt3-Section .cmn-richtext a:hover {
    opacity: .7;
    transition: opacity 0.3s ease;
  }
}