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

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


:: 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 */
/* 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;
}
@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 20px */
.opt-fontsize--20 {
  font-size: 20px;
}
@media only screen and (max-width: 640px) {
  .opt-fontsize--20 {
    font-size: 16px;
  }
}

/* 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 {
  font-size: 16px;
}
@media only screen and (max-width: 640px) {
  .opt-fontsize--16 {
    font-size: 12px;
  }
}

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

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

/* line-height */
.opt-lh--19{
	line-height: 1.9;
}

/* margin */
.opt-mg-center{
	margin: 0 auto;
}


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

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

/*-- ------------------------------
  01. Component Setting
------------------------------ */
/* Wrapper */
.kt3-Wrapper.is-borderColor--2 {
  border-color: #DF0522;
}

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

/* Button Pack */
.kt3-ButtonP{
	max-width: 476px;
}

.kt3-ButtonP .is-colorset--2 .l-ButtonUnit__link {
  color: #121A24;
  background-color: #CFE0F5;
  border-color: #CFE0F5;
  box-shadow: none;
}

.kt3-ButtonP .is-colorset--2 .l-ButtonUnit__link .l-ButtonUnit__link__icon{
  color: #121A24;
}

/* 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;
    align-items: flex-start;
    justify-content: center;
  }
}

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


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

/* Section 02 */
.kt3-Section02 .g-PageTitle--v2 .g-Image--v2__img img {
  margin: 0 auto;
	max-width: 1500px;
}

@media only screen and (max-width: 1499px) {
	.kt3-Section02 .g-PageTitle--v2 .g-Image--v2__img img {
		max-width: 100%;
	}
}

@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;
  }
}

.kbb-kate-2604_01 .g-GroupBox .g-ImageTextHP--v2{
	margin: 20px 30px;
}

.kbb-kate-2604_01 .g-Image--v2__img img{
	width: 90%;
}

.kbb-kate-2604_01 .kate-ImageTextHP--01 .g-ImageTextHP--v2__contentsBlock__text{
	align-items: center;
	display: flex;
	justify-content: center;
}

.kbb-kate-2604_01 .kate-ImageTextHP--01 .g-ImageTextHP--v2__contentsBlock__image{
	display: flex;
	align-items: center;
}

.kbb-kate-2604_02 .kate-ImageTextHP--01 .g-ImageTextHP--v2__contentsBlock__text,
.kbb-kate-2604_02 .kate-ImageTextHP--01 .l-HeadingTitle--h3{
	padding: 0 0 0 30px;
}

.kbb-kate-2604_02 .kate-ImageTextHP--01 .l-HeadingTitle--h3 .g-HeadingTitle__titleBlock__titleBox__title{
	margin-bottom: 0;
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
	.kbb-kate-2604_01 .g-GroupBox .g-ImageTextHP--v2{
		margin: 20px 30px;
	}
}

@media only screen and (max-width: 640px) {
.kbb-kate-2604_01 .g-GroupBox .g-ImageTextHP--v2{
	margin: 20px 0px 15px;
}

.kbb-kate-2604_01 .g-Image--v2__img img{
	width: 50%;
	margin: 0 auto;
}

.kbb-kate-2604_01 .kate-ImageTextHP--01 .g-ImageTextHP--v2__contentsBlock__image{
	display: block
}

.kbb-kate-2604_02 .kate-ImageTextHP--01 .g-ImageTextHP--v2__contentsBlock__text{
	padding: 0 0 0 0;
}

.kbb-kate-2604_02 .kate-ImageTextHP--01 .l-HeadingTitle--h3{
	padding: 20px 0 0 0;
}

}

.kbb-kate-2604_02 .kate-ImageTextHP--01 .g-ImageTextHP--v2__contentsBlock__image .g-Image--v2__caption{
  font-family: serif;
}

/* Side line */
.cp_heading .g-HeadingTitle--v2__titleBlock{
  align-items: center;
  display: flex;
  justify-content: center;
}
.cp_heading .g-HeadingTitle--v2__titleBlock::before,
.cp_heading .g-HeadingTitle--v2__titleBlock::after {
  background-color: #FFFFFF;
  content: "";
  height: 1px;
  width: 110px;
}
.cp_heading .g-HeadingTitle--v2__titleBlock::before {
  margin-right: 18px;
}
.cp_heading .g-HeadingTitle--v2__titleBlock::after {
  margin-left: 18px;
}

@media only screen and (max-width: 640px) {
.cp_heading .g-HeadingTitle--v2__titleBlock::before,
.cp_heading .g-HeadingTitle--v2__titleBlock::after {
  width: 15px;
}
.cp_heading .g-HeadingTitle--v2__titleBlock::before {
  margin-right: 1px;
}
.cp_heading .g-HeadingTitle--v2__titleBlock::after {
  margin-left: 1px;
}

}

.kbb-kate-2604_line .l-Hr__hr.is-color--1{
	border-color:#999999;
}

.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;
  }
}