@charset "UTF-8";

#area-Contents {
  line-height: 1.88 !important;
}


/* Large ========================================?*/
/* Section ==================== */
.l-Section__inner { max-width: 1155px; padding: 0; }

/* Page Title ====================?*/
.l-PageTitle { margin-top: 45px; margin-bottom: 0; border: none; }
.l-PageTitle__titleBlock__titleBox__title { margin: 0; }
.l-PageTitle__titleBlock__titleBox__title .l-PageTitle__h1 { font-size: 48px; letter-spacing: 0.1em !important; }
.leadSection .l-Text { color: #00A582; font-size: 1.5em; letter-spacing: 0.2em; }

/* Contents Block ====================?*/
.l-TileLinkHP.is-gutter--m .l-TileLinkHP__list { margin: 0; }
.l-TileLinkHP.is-gutter--m .l-TileLinkHP__list__tile { padding: 0; }
.l-TileLinkHUnit { padding: 0; }
.l-TileLinkHUnit.is-colorset--1 { border: none; }
.l-TileLinkHUnit__inner { display: none; }
.l-HeadingTitle.l-HeadingTitle--h2 { border: none; }
/*.l-HeadingTitle.l-HeadingTitle--h2 .opt-fontsize--s { font-size: 0.7em; }*/
.l-HeadingTitle__h2 { font-size: 36px; letter-spacing: 0.1em; }
.l-HeadingTitle__h2 .opt-fontsize--s { font-size: 0.6em; }
.l-HeadingTitle__h2 .cmn-icon { display: none; }

.l-ImageTextHP.is-background { padding: 0; background: none !important; }
.l-ImageTextHP .l-ImageTextHP__contentsBlock__image { padding: 0 !important; }
.l-ImageTextHP .l-ImageTextHP__contentsBlock__text { padding-top: 13%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Button ====================?*/
.section_button.l-ButtonP { margin-top: 14px; }
.section_button .l-ButtonUnit__link { width: 174px; padding: 8px 20px 8px 30px; border: 1px solid #333; background: none; box-shadow: none; color: #333; font-size: 14px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.section_button .l-ButtonUnit__link:hover { opacity: 1; }
.section_button .l-ButtonUnit__link .l-ButtonUnit__link__icon { color: #333; }
.section_button .l-ButtonUnit__link .cmn-richtext { padding-left: 0.5em; }


/* Vision?*/
.menu_vision {}
.menu_vision.l-ImageTextHP .l-ImageTextHP__contentsBlock__text { padding-right: 10%; }
.menu_vision.l-ImageTextHP .l-ImageTextHP__contentsBlock__text .l-Text { font-size: 15px; }

/* Actions?*/
.menu_actions {}
.menu_actions.l-ImageTextHP .l-ImageTextHP__contentsBlock__text { padding-right: 10%; }
.menu_actions.l-ImageTextHP .l-ImageTextHP__contentsBlock__text .l-Text { font-size: 15px; }

/* Business Fields?*/
.menu_business-fields {}
.menu_business-fields.l-ImageTextHP .l-ImageTextHP__contentsBlock__text { padding-right: 10%; }
.menu_business-fields.l-ImageTextHP .l-ImageTextHP__contentsBlock__text .l-Text { font-size: 15px; }

/* Data?*/
.menu_data {}
.menu_data.l-ImageTextHP .l-ImageTextHP__contentsBlock__text { padding-right: 10%; }
.menu_data.l-ImageTextHP .l-ImageTextHP__contentsBlock__text .l-Text { font-size: 15px; }

/* History?*/
.menu_history {}
.menu_history.l-ImageTextHP .l-ImageTextHP__contentsBlock__text { padding-right: 11%; }
.menu_history.l-ImageTextHP .l-ImageTextHP__contentsBlock__text .l-Text { font-size: 15px; }



/* Middle ========================================?*/
@media only screen and (max-width: 1024px) {

/* Page Title ====================?*/
.l-PageTitle { margin-top: 20px; }
.l-PageTitle__titleBlock__titleBox__title .l-PageTitle__h1 { font-size: 34px; }
/* lead Section */
.leadSection .l-Text { font-size: 18px; }

/* Contents Block ====================?*/
.l-ImageTextHP .l-ImageTextHP__contentsBlock__text { padding-top: 10%; }
.l-HeadingTitle__h2 { font-size: 26px; }
.l-HeadingTitle__h2 .cmn-icon { display: inline-block; margin-top: -0.7em; margin-left: 0.2em; font-size: 0.8em; color: #999; }

/* Button ====================?*/
.section_button.l-ButtonP { display: none; }


/* Vision?*/
.menu_vision {}
.menu_vision.l-ImageTextHP .l-ImageTextHP__contentsBlock__text .l-Text { font-size: 14px; }

/* Business Fields?*/
.menu_business-fields {}
.menu_business-fields.l-ImageTextHP .l-ImageTextHP__contentsBlock__text .l-Text { font-size: 14px; }

/* Data?*/
.menu_data {}
.menu_data.l-ImageTextHP .l-ImageTextHP__contentsBlock__text .l-Text { font-size: 14px; }

/* History?*/
.menu_history {}
.menu_history.l-ImageTextHP .l-ImageTextHP__contentsBlock__text .l-Text { font-size: 14px; }

/* Actions?*/
.menu_actions {}
.menu_actions.l-ImageTextHP .l-ImageTextHP__contentsBlock__text { padding-right: 15%; }
.menu_actions.l-ImageTextHP .l-ImageTextHP__contentsBlock__text .l-Text { font-size: 14px; }

/* Almighty ====================?*/
.l-opt-md-disp--block { display: block; }

}



/* Small ========================================?*/
@media only screen and (max-width:640px) {

/* Page Title ====================?*/
.l-PageTitle { margin-top: 32px; }
.l-PageTitle__titleBlock__titleBox__title .l-PageTitle__h1 { font-size: 30px; }
/* lead Section */
.leadSection .l-Text { font-size: 15px; }
.leadSection .l-Text .opt-fontsize--xl { font-size: inherit; }

/* Contents Block ====================?*/
.l-ImageTextHP.is-background {
    background-position: 0 0;
    background-repeat: no-repeat;
    -webkit-background-size: 100% !important;
    -o-background-size: 100% !important;
    background-size: 100% !important;
}
.l-HeadingTitle.l-HeadingTitle--h2 { margin-bottom: 0; }
.l-HeadingTitle__h2 { font-size: 20px; }

.l-ImageTextHP__contentsBlock { position: relative; }
.l-ImageTextHP .l-ImageTextHP__contentsBlock__image .l-Image { margin: 0; }
.l-ImageTextHP .l-ImageTextHP__contentsBlock__text { position: absolute; padding: 0; }


/* Vision?*/
.menu_vision.l-ImageTextHP.is-background { background-image: url(/content/dam/sites/kao/www-kao-com/jp/ja/who-we-are/index/menu_bg_vision_S_202004.jpg) !important; }
.menu_vision.l-ImageTextHP .l-ImageTextHP__contentsBlock__text { top: 7%; left: 5%; }
.menu_vision.l-ImageTextHP .l-ImageTextHP__contentsBlock__text .l-HeadingTitle.l-HeadingTitle--h2,
.menu_vision.l-ImageTextHP .l-ImageTextHP__contentsBlock__text .l-Text { text-align: left; }
.menu_vision.l-ImageTextHP .l-ImageTextHP__contentsBlock__text .l-Text { font-size: 12px; }

/* Business Fields?*/
.menu_business-fields.l-ImageTextHP.is-background { background-image: url(/content/dam/sites/kao/www-kao-com/jp/ja/who-we-are/index/menu_bg_business-fields_S_202004.jpg) !important; }
.menu_business-fields.l-ImageTextHP .l-ImageTextHP__contentsBlock__text { top: 7%; left: 5%; }
.menu_business-fields.l-ImageTextHP .l-ImageTextHP__contentsBlock__text .l-HeadingTitle.l-HeadingTitle--h2,
.menu_business-fields.l-ImageTextHP .l-ImageTextHP__contentsBlock__text .l-Text { text-align: left; }
.menu_business-fields.l-ImageTextHP .l-ImageTextHP__contentsBlock__text .l-Text { font-size: 12px; }

/* Data?*/
.menu_data.l-ImageTextHP.is-background { background-image: url(/content/dam/sites/kao/www-kao-com/jp/ja/who-we-are/index/menu_bg_data_S.jpg) !important; }
.menu_data.l-ImageTextHP .l-ImageTextHP__contentsBlock__text { top: 7%; left: 5%; }
.menu_data.l-ImageTextHP .l-ImageTextHP__contentsBlock__text .l-HeadingTitle.l-HeadingTitle--h2,
.menu_data.l-ImageTextHP .l-ImageTextHP__contentsBlock__text .l-Text { text-align: left; }
.menu_data.l-ImageTextHP .l-ImageTextHP__contentsBlock__text .l-Text { font-size: 12px; }

/* History?*/
.menu_history.l-ImageTextHP.is-background { background-image: url(/content/dam/sites/kao/www-kao-com/jp/ja/who-we-are/index/menu_bg_history_S.jpg) !important; }
.menu_history.l-ImageTextHP .l-ImageTextHP__contentsBlock__text { top: 7%; left: 5%; }
.menu_history.l-ImageTextHP .l-ImageTextHP__contentsBlock__text .l-HeadingTitle.l-HeadingTitle--h2,
.menu_history.l-ImageTextHP .l-ImageTextHP__contentsBlock__text .l-Text { text-align: left; }
.menu_history.l-ImageTextHP .l-ImageTextHP__contentsBlock__text .l-Text { font-size: 12px; }

/* Actions?*/
.menu_actions.l-ImageTextHP.is-background { background-image: url(/content/dam/sites/kao/www-kao-com/jp/ja/who-we-are/index/menu_bg_actions-S_202005.jpg) !important; }
.menu_actions.l-ImageTextHP .l-ImageTextHP__contentsBlock__text { top: 7%; left: 5%; }
.menu_actions.l-ImageTextHP .l-ImageTextHP__contentsBlock__text .l-HeadingTitle.l-HeadingTitle--h2,
.menu_actions.l-ImageTextHP .l-ImageTextHP__contentsBlock__text .l-Text { text-align: left; }
.menu_actions.l-ImageTextHP .l-ImageTextHP__contentsBlock__text .l-Text { font-size: 12px; }


/* Almighty ====================?*/
.l-opt-sm-disp--inline { display: inline; }

}

/* Small ========================================?*/
@media only screen and (max-width:320px) {

/* Contents Block ====================?*/
/* Vision?*/
.menu_vision.l-ImageTextHP .l-ImageTextHP__contentsBlock__text .l-HeadingTitle__h2 { letter-spacing: 0.1px; }

/* Actions?*/
.menu_actions.l-ImageTextHP .l-ImageTextHP__contentsBlock__text .l-Text { letter-spacing: 0.1px; }

}



/* 以下2021年リニューアル用?*/

/* 03-2. Heading Lv2 : category top
---------- ---------- */
.corp-cat-headingLv2-top.l-HeadingTitle--h2 {
    border-bottom: none;
}
.corp-cat-headingLv2-top .l-HeadingTitle__titleBlock {
    display: block;
    width: auto;
}
/* image */
.corp-cat-headingLv2-top .l-HeadingTitle__titleBlock__imageBox {
    display: block;
    width: auto;
}
.corp-cat-headingLv2-top.is-layoutL .l-HeadingTitle__titleBlock__imageBox {
    padding-right: 0;
}
.corp-cat-headingLv2-top .l-HeadingTitle__titleBlock__imageBox .l-Image {
    margin-bottom: 0;
}
/* title */
.corp-cat-headingLv2-top .l-HeadingTitle__titleBlock__titleBox {
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-width: 1245px;
    box-sizing: border-box;
}
.corp-cat-headingLv2-top .l-HeadingTitle__h2:after {
    display: inline-block;
    vertical-align: top;
    content: "\e006";
    color: #00a582;
    font-family: 'icomoon';
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.corp-cat-headingLv2-top .l-HeadingTitle__h2 .cmn-richtext {
    display: inline-block;
}
/* default icon */
.corp-cat-headingLv2-top .l-HeadingTitle__icon {
    display: none;
}
@media only screen and (min-width: 1025px) {
    .corp-cat-headingLv2-top .l-HeadingTitle__titleBlock__titleBox {
        margin-top: 30px;
        padding: 0 20px 0 45px;
    }
    .corp-cat-headingLv2-top .l-HeadingTitle__titleBlock__titleBox__title {
        margin-bottom: 10px;
    }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .corp-cat-headingLv2-top .l-HeadingTitle__titleBlock__titleBox {
        margin-top: 30px;
        padding: 0 20px 0 45px;
    }
    .corp-cat-headingLv2-top .l-HeadingTitle__titleBlock__titleBox__title {
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 640px) {
    .corp-cat-headingLv2-top .l-HeadingTitle__titleBlock__titleBox {
        margin-top: 20px;
        padding: 0 26px;
    }
    .corp-cat-headingLv2-top .l-HeadingTitle__titleBlock__titleBox__title {
        margin-bottom: 10px;
    }
}
/* Heading Lv2 : category top - 2 column
---------- */
@media only screen and (min-width: 1025px) {
    .corp-cat-headingLv2-top--col2 .l-HeadingTitle__titleBlock__titleBox {
        padding: 0 20px 0 5px;
        max-width: 71%;
    }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
}
@media only screen and (max-width: 640px) {
}





/* 03-4. Heading Lv2 : category top / no image
---------- ---------- */
.corp-cat-headingLv2-top-noImage .l-HeadingTitle__titleBlock__titleBox__title {
    margin-bottom: 0px;
}
.corp-cat-headingLv2-top-noImage .l-HeadingTitle__h2:after {
    display: inline-block;
    vertical-align: top;
    content: "\e006";
    color: #00a582;
    font-family: 'icomoon';
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.corp-cat-headingLv2-top-noImage.l-HeadingTitle.l-HeadingTitle--h2.is-titleBorder--none {
    margin-bottom: 0;
}
.corp-cat-headingLv2-top-noImage .g-Text {
    margin-top: 15px;
}
.corp-cat-headingLv2-top-noImage .l-HeadingTitle__h2 .cmn-richtext {
    display: inline-block;
}
.corp-cat-headingLv2-top-noImage .l-HeadingTitle__icon {
    display: none;
}
@media only screen and (min-width: 1025px) {
    .corp-cat-headingLv2-top-noImage.l-HeadingTitle--h2 {
        margin-right: 100px;
    }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
}
@media only screen and (max-width: 640px) {
}


.corp-cat-headingLv2-top.l-HeadingTitle.is-link{
color:#333;
}

@media only screen and (min-width: 1025px){
.corp-cat-headingLv2-top .l-HeadingTitle__h2{
font-size:27px;
line-height:1.4;
letter-spacing:.05em;
}}

@media only screen and (min-width: 641px) and (max-width: 1024px){
.corp-cat-headingLv2-top .l-HeadingTitle__h2{
font-size:25px;
line-height:1.4;
letter-spacing:.05em;
}}

@media only screen and (max-width: 640px){
.corp-cat-headingLv2-top .l-HeadingTitle__h2{
font-size:20px;
line-height:1.4;
letter-spacing:.05em;
}
}<!--0.00015997886657715-->