@charset "utf-8";
/* CSS Document */

/*タブレットで左右を入れ替える*/
@media only screen and (min-width: 641px) {
  .corp-reverse-column--md .l-Column__cols:first-child {
    float: right; }
  .corp-reverse-column--md .l-Column__cols:last-child {
    float: left; } }

.corp-reverse-column--md .corp-imgItem-01 {
  margin-top: 0;
  margin-bottom: 0; }
  .corp-reverse-column--md .corp-imgItem-01 .l-Image__caption {
    color: #333333; }
    [lang^=ja] .corp-reverse-column--md .corp-imgItem-01 .l-Image__caption {
      font-family: "FP-ヒラギノUD角ゴ StdN W6", FP-HiraginoUDSansStdN-W6, sans-serif; }
    [lang^=en] .corp-reverse-column--md .corp-imgItem-01 .l-Image__caption {
      font-family: Neue-Helvetica-Paneuropean-Bold, sans-serif; }
    [lang^=zh] .corp-reverse-column--md .corp-imgItem-01 .l-Image__caption {
      font-family: Hiragino-Sans-TC-W6, sans-serif; }
    [lang^=zh_cn] .corp-reverse-column--md .corp-imgItem-01 .l-Image__caption {
      font-family: FP-Hiragino-Sans-GB-W6, sans-serif; }
    [lang^=id] .corp-reverse-column--md .corp-imgItem-01 .l-Image__caption {
      font-family: Neue-Helvetica-Paneuropean-Bold, sans-serif; }
    [lang^=th] .corp-reverse-column--md .corp-imgItem-01 .l-Image__caption {
      font-family: Helvetica-Thai-Bold, SJThai-DB, sans-serif; }
    [lang^=vi] .corp-reverse-column--md .corp-imgItem-01 .l-Image__caption {
      font-family: Neue-HelveticaR-World-75-Bold, sans-serif; }
    [lang^=ru] .corp-reverse-column--md .corp-imgItem-01 .l-Image__caption {
      font-family: Neue-HelveticaR-World-75-Bold, sans-serif; }


/*画像位置調整*/
.ir-img-center img{
	margin:0 auto;
}

/* IRトップのページタイトル */
.irTop-title-text .l-PageTitle__h1{
	color:#009270;
}

/* IRトップのカルーセル調整*/

.l-FullwidthVisualsCarouselUnit__info__main .l-Text .opt-fontsize--xs{
line-height:1;
}


@media only screen and (max-width: 640px){
.irTop-carousel-wrapper .g-FullwidthVisualsCarouselUnit__image{
	background-position:38%;
	}
}



/*Text Link Packで下線が不要な場合*/
.corp-textLink-wrapper .ir-textLink-border-none .l-TextLinkUnit__link .cmn-richtext span{
	border-bottom:none;
}
/*IRトップ資料一括カレンダー部分の調整*/
.irTop-calender .corp-cat-headingLv2.l-HeadingTitle--h2{
	position:absolute;
	z-index:2;
}

.irTop-calender .corp-cat-headingLv2 .l-HeadingTitle__h2{
	font-size:1.5em;
}

.irTop-calender:hover {
	opacity:.7;
}

.irTop-calender .l-HeadingTitle.is-link:hover, .l-HeadingTitle.is-link:focus, .l-HeadingTitle.is-link:active{
	opacity: 1;
}

.irTop-calender  .l-Image.is-link:hover, .l-Image.is-link:focus, .l-Image.is-link:active{
	opacity: 1;
}

@media only screen and (max-width: 1024px){
.irTop-calender .g-Text.l-Text{
	text-align:left;
	margin-left:13%;
	}}

/*IRトップ資料一括ダウンロード部分の調整*/
.g-ColumnUnit.l-ColumnUnit.irTop-dataDL{
background-color:#e0f3f0; 
}

.irTop-dataDL .l-ButtonUnit .l-ButtonUnit__link{
	background-color:#00a582;
	border-color:#00a582;
}

.irTop-dataDL .l-ButtonUnit .l-ButtonUnit__link .l-ButtonUnit__link__icon{
	color:#fff;
}

.irTop-dataDL .l-ButtonUnit .l-ButtonUnit__link .l-ButtonUnit__link__icon{
	font-size: 1.2em;
}

.irTop-dataDL .is-colorset--3 .l-ButtonUnit__link{
	box-shadow:none;
}

.irTop-dataDL .corp-cat-headingLv2 .l-HeadingTitle__h2{
	font-size: 1.5em;
}

.ir-mainVi-icon{
	color:#fff;
	font-size:0.9em;
}

/* IRトップのテキストがグレーの時*/
.slide-text-gray .ir-mainVi-icon{
	color:#4d4d4d;
}

.irTop-carousel-section .slide-text-gray .cmn-richtext{
 text-shadow:-1px -1px 1px #FFF !important;
}


/*IRトップタイルリンク部分の調整*/
.ir-tileLink .l-TileLinkVUnit__leadBlock__title{
	text-align:left;
}

.ir-tileLink .l-TileLinkVUnit__leadBlock{
	margin-left:0px;
}

/*IRトップデバイス表示?非表示切り替え*/
.dis-pc {
    display: none;
}

@media only screen and (max-width: 640px) {

.dis-pc {
    display: block;
}

.dis-sp {
    display: none;
}}

/*リスク?危機管理ページの表組*/
ul.business-risks-green-icon{
 list-style: none;
 margin:0;padding:0;
}

ul.business-risks-green-icon li{
 line-height:1.6;padding-left:1.5em;
}

ul.business-risks-green-icon li:before{
	content:"●";
	display:inline-block;
	font-size:1.2em;
	width:1.4em;
	margin-left:-1.38em;
	color:#00a582}

/* ESG経営の画像付きリンク */
.corp-cat-tileLink.ir-esg-imgTxt{
	border:1px solid #eee;
}

@media only screen and (min-width: 1025px){
.corp-cat-tileLink.ir-esg-imgTxt .l-Text{
	font-size:16px;
	}}

.corp-cat-tileLink.ir-esg-imgTxt .l-TileLinkVUnit__leadBlock__title{
	text-align:left;
}

.corp-cat-tileLink.ir-esg-imgTxt .l-Text:after{
  display: none;
}

.corp-cat-tileLink.ir-esg-imgTxt .l-Text{
	padding-right:0px;
   padding-left:30px;
}

.corp-cat-tileLink.ir-esg-imgTxt  .g-TileLinkVUnit__icon{
  left:0;
	margin-top: -1.1em;
	color:#00a582;
}

.ir-esg-imgTxt .g-Image.l-Image{
	border-bottom:1px solid #eee;
}

		
/*IRライブラリ表組内の調整*/
.irLibrary-table .corp-tableCell__textLink__text span{
	border-bottom:none;
}

.irLibrary-table .corp-tableCell__textLink__icon{
	top:-6px;
	-webkit-transform:none;
	transform:none;
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
	.irLibrary-table {
		overflow:auto;
		white-space:nowrap;
	}
}

.irLibrary-table tr{
	vertical-align:top;
}

.opt-w14p{
	width:14%;
}

.opt-w21p{
	width:21%;
}

.opt-w8p{
	width:8%;
}

.opt-w23p{
	width:23%;
}

.corp-tableCell__textLink{
	padding-bottom: 5px
}
.corp-tableCell__textLink:last-child{
	padding-bottom: 0px
}

/*cg配下のグリーンアイコンのインデント調整*/
ul.cg-green-icon{
 list-style: none;
 margin:0;padding:0;
}

ul.cg-green-icon li{
 line-height:1.7;padding-left:1.3em;
}

ul.cg-green-icon li:before{
	content:"●";
	display:inline-block;
	font-size:1em;
	width:1.38em;
	margin-left:-1.3em;
	color:#00a582}

/*ガバナンス体制と取り組み表組内の調整*/
.cg-structure-table.structure-members th, .cg-structure-table.structure-members td{
	font-size: 13.5px;
}

.cg-structure-table.structure-members th{
	line-height: 1.4;
}

.cg-structure-table.structure-members .corp-tableCell__textLink__text span{
	border-bottom:none;
}

.cg-structure-table.structure-members .corp-tableCell__textLink__text span:hover{
	border-bottom:1px solid #3a3a3a;
}

.cg-structure-table.structure-members .corp-tableCell__textLink__text{
	padding-left:0;
}

.cg-structure-table.structure-members .vertical{
	writing-mode: tb-lr;
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  letter-spacing: .2em;
  vertical-align: middle;
}

.cg-structure-table-pc {
	overflow: auto;
	white-space: nowrap;
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
	.cg-structure-table{
		overflow:auto;
		white-space:nowrap;}
}

.cg-structure-tableicon{
	text-align: center;
	border:1px solid #00a582;
	border-radius: 5px;
        padding-right:3px;
        padding-left:3px;
}

/*Ratings and Bonds表組内の調整*/
@media only screen and (min-width: 641px) and (max-width: 1024px){
	.irStock-table{
		overflow:auto;
		white-space:nowrap;}
}

/*役員報酬表組内の調整*/
.cg-compensation-table01 th, .cg-compensation-table01 td{
	font-size: 13.5px;
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
	.cg-compensation-table01{
		overflow:auto;
		white-space:nowrap;}
}

.cg-compensation-table02 th,.cg-compensation-table02 td{
	line-height: 1.4;
}



/*個人投資家向けページの調整*/
.ir-individual-bg01{
	background-color:#eaf8d5;
}
.ir-individual-bg02{
	background-color:#d9efea;
}

/*個人投資家向けh2サイズ調整*/
.ir-individual--h2{
		font-size:36px !important;
	}

@media only screen and (max-width: 640px){
.ir-individual--h2{
		font-size:18px !important;
	}
}


/*個人投資家向け画像のサイズ調整*/
.ir-individual-icon{
	margin:0 auto;
	width:175px;
}
@media only screen and (min-width: 1025px){
.ir-merit-icon {
	margin:0 auto;
	width:315px;
	}}

@media only screen and (min-width: 1025px){
 .ir-individual-link01-imag01 .g-Image.l-Image{
	margin:0 auto;
	width:361px;
}}

/*個人投資家向けリンク調整*/
.ir-individual-link01 .g-TileLinkVUnit.is-colorset--1{
 background-color: rgba(0,0,0,0);
}


.ir-individual-link01 .g-TileLinkVUnit__inner.l-TileLinkVUnit__inner{
	border-radius:20px;
	background-color: #fff;
}

.corp-cat-tileLink.ir-individual-link01 .l-Text:after{
	display: none;
}

.ir-individual-link01 .l-TileLinkVUnit.is-colorset--1 .l-TileLinkVUnit__icon{
	color:#00a582;
}


.ir-individual-link01 p{
	font-size:16px;
}

.ir-individual-link01.corp-cat-tileLink .l-Text{
	padding-right:0px;
}

.ir-individual-link01 .g-TileLinkVUnit__icon{
	top:40%;
}
@media only screen and (max-width: 640px){
.ir-individual-link01 .g-TileLinkVUnit__icon{
	right:-5%;
}}

.ir-individual-button01-wrapper .ir-individual-button01 .is-colorset--3 .l-ButtonUnit__link{
	box-shadow:none;
	background-color:#00a582;
	border-radius: 20px;
}

.ir-individual-button01-wrapper .ir-individual-button01 .g-ButtonUnit__link{
	border: none;
	padding:0;
}
.ir-individual-button01-wrapper .ir-individual-button01 a{
	font-size: 20px;
}

@media only screen and (max-width: 1024px){
.ir-individual-button01-wrapper .ir-individual-button01 a{
	font-size: 17px;
	}}



/*個人投資家向メリットページ追加調整*/
.ir-merit-link01 .corp-cat-tileLink .l-TileLinkVUnit__leadBlock{
	margin-left: 0px;
	margin-right: 0px;
}

@media only screen and (min-width: 1025px){
.ir-merit-link01 .corp-cat-tileLink .l-Text{
	font-size:16px;
	}}

.individual-merit-h2Title-wrapper .l-HeadingTitle__h2:before { display: inline-block; width: 50px; height: 50px; padding-left: 0px; overflow: hidden; background-position: 0 40%; background-repeat: no-repeat; vertical-align: -0.7em;
    -webkit-background-size: 50px auto;
     -o-background-size: 50px auto;
    background-size: 50px auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.individual-merit-h2Title-wrapper .individual-merit-h2Title-01 .l-HeadingTitle__h2:before { content: ''; background-image: url(/content/dam/sites/kao/www-kao-com/jp/ja/corporate/investor-relations/individual/merit/icon-01.png); }
.individual-merit-h2Title-wrapper .individual-merit-h2Title-02 .l-HeadingTitle__h2:before { content: ''; background-image: url(/content/dam/sites/kao/www-kao-com/jp/ja/corporate/investor-relations/individual/merit/icon-02.png); }
.individual-merit-h2Title-wrapper .individual-merit-h2Title-03 .l-HeadingTitle__h2:before { content: ''; background-image: url(/content/dam/sites/kao/www-kao-com/jp/ja/corporate/investor-relations/individual/merit/icon-03.png); }


.individual-merit-h2Title-wrapper .individual-merit-h2Title-01 span,.individual-merit-h2Title-02 span,.individual-merit-h2Title-03 span{
	border-bottom: solid 4px #e5ee61;
}
@media only screen and (max-width: 640px){
	.individual-merit-h2Title-wrapper .l-HeadingTitle__h2:before { width: 40px; height: 40px;background-position: 0 40%; 
	 vertical-align: -0.8em;
    -webkit-background-size: 40px auto;
     -o-background-size: 40px auto;
    background-size: 40px auto;
}
	
}<!--0.00012397766113281-->