@charset "utf-8";



/* CSS Document */


/*ESG Data Hub のカラムの縦幅調整*/
.susTop-ESG .corp-button .g-ButtonP__list .g-ButtonP__list__item .opt-mb12--imp{
margin-bottom:12.5px !important;
}


.susTop-ESG .corp-button .g-ButtonP__list .l-ButtonUnit .l-ButtonUnit__link{
padding-top: 12%;
padding-bottom: 12%;
}

@media only screen and (max-width: 1024px) and (min-width: 767px){
.susTop-ESG .corp-button .g-ButtonP__list .l-ButtonUnit .l-ButtonUnit__link{
padding-top: 13.8%;
padding-bottom: 13.8%;
}}

@media only screen and (max-width: 768px) and (min-width: 641px){
.susTop-ESG .corp-button .g-ButtonP__list .l-ButtonUnit .l-ButtonUnit__link{
padding-top: 11%;
padding-bottom: 11%;
}}

@media only screen and (max-width: 640px){
.susTop-ESG .corp-button .g-ButtonP__list .l-ButtonUnit .l-ButtonUnit__link{
padding-top: 24px;
padding-bottom: 24px;
}}

/*susトップのNews項目の設定*/
.susTop-news-wrapper .corp-cat-tileLink .l-Text:after{
  margin:0;
  top:25px;
  right:-2%;
}

/*susトップのNews項目のボーダー設定*/
@media only screen and (min-width: 641px){
.susTop-news-wrapper .is-gutter--none .g-TileLinkVP__list__tile{
padding:3px !important;
}}

.susTop-newsLeft .g-Image__img img{
  display:block;
  border-right:6px solid #00a582;
}

@media only screen and (max-width: 640px){
  .susTop-newsLeft .g-Image__img img{
border-right:none;}
}

/*susトップのIn Action項目の余白設定*/

.sus-inAction-tileLink .l-TileLinkVUnit__leadBlock {
    margin-right: 10px !important;
    margin-left: 10px !important;}


.corp-cat-headingLv1-top__pageTitle {
    margin: auto;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    max-width: 1245px;
    font-size: 20px;
    color: #fff;

}

.movieLink{
  color: #fff;
  text-decoration:none;
}


.corp-cat-headingLv1-top__pageTitle .movieLink,.movieLink02{
  border:1px solid #fff;
  padding:10px 20px;
}

@media only screen and (max-width: 1024px) and (min-width: 641px)
{
  .corp-cat-headingLv1-top__pageTitle {
      top: 40%;
      left: 0;
      font-size: 20px;
      color: #fff;}
}

@media only screen and (max-width: 640px){
.corp-cat-headingLv1-top__pageTitle {
    top: 30%;
    left: 0;
    font-size: 20px;
    color: #fff;}

    .corp-cat-headingLv1-top__pageTitle .movieLink{
      border:1px solid #fff;
      padding:5px;
    }

    .corp-cat-headingLv1-top__pageTitle .movieLink02{
      border:1px solid #fff;
      padding:0px 5px;
    }
}

/* TOP画像 のアンカー*/
.corp-cat-headingLv1-top__pageTitle .is-rightIcon .g-TextLinkUnit__link>.cmn-richtext {
    padding: 0;
}

.corp-cat-headingLv1-top__pageTitle .is-colorset--1 .l-TextLinkUnit__link>.cmn-icon {
    color: #fff;
}

.corp-cat-headingLv1-top__pageTitle .is-size--m .g-TextLinkUnit__link .g-TextLinkUnit__link__icon {
    margin-top: 0.35em;
    margin-right: 0.5em;
}

@media only screen and (max-width: 640px){
   .corp-cat-headingLv1-top__pageTitle .is-size--m .g-TextLinkUnit__link .g-TextLinkUnit__link__icon {
    margin-top: -0.05em;
    margin-right: 0.1em;
}
  
  .is-size--m .g-TextLinkUnit__link .g-TextLinkUnit__link__icon {
      margin-top: -0.1em;
      margin-right: 0.1em;
  }
}

/* My Kirei Lifestyleの調整 */

.sustainability_section_setting .g-Section__inner .corp-mkL >.g-Column__inner .g-Column__cols {
  padding-top:0px !important;
}

@media only screen and (max-width: 640px) {
.corp-mkL > .g-Column__inner  .g-Column__cols-sm-2{
  width:33.3%;
}
}


/* 画像付きPDFリンク */
.corp-pdf-img-txt{
  line-height: 100px;
}

.corp-pdf-img{
  float: right;
  width : 25%;
  margin-bottom: 0;
}



@media only screen and (max-width: 1024px) and (min-width: 641px)
{
 .corp-pdf-img-txt{line-height: 70px;}
}

@media only screen and (max-width: 640px){
.corp-pdf-img-txt{
    line-height: initial;
  }
.corp-pdf-img{
  float:right;
  width : 32%;
  margin-bottom: 0;
}

.corp-button--pdf-wrapper .corp-button--pdf .is-leftIcon .l-ButtonUnit__link .cmn-richtext{
padding-right:3.5em;
}
}

/*インデックスページへのリンク*/
.corp-tileLink-sustainaTop .l-TileLinkVUnit__leadBlock .l-TileLinkVUnit__leadBlock__title {
    padding-top: 10px;
    padding-bottom: 15px;
}

.corp-tileLink-sustainaTop .l-TileLinkVUnit__leadBlock .l-TileLinkVUnit__leadBlock__lead {
    padding-bottom: 15px;

}


/* 画像付きリンクラベル */
.g-TileLinkVUnit {
    border: 1px solid;
}

.corp-img-pdfLink > .g-TileLinkVUnit__inner > .g-TileLinkVUnit__leadBlock >.g-TileLinkVUnit__leadBlock__title{
display:none;
}

/*PDFコンポーネント内、テキスト垂直中央(box-text-height-c02)*/
@media only screen and (min-width: 1025px) {
.box-text-height-c02 .corp-pdf-img-txt {
    line-height: 1.2em;
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    padding-right: 25%;
    border-bottom: 0px !important;
}
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .box-text-height-c02 .corp-pdf-img-txt {
    line-height: 1.2em;
    position: absolute;
    top: 35%;
    padding-right: 25%;
    border-bottom: 0px !important;
}
}

@media only screen and (max-width: 640px){
.box-text-height-c02 .corp-pdf-img-txt {
    line-height: 1.4em;
    position: absolute;
    top: 22%;
    padding-right: 50%;
    border-bottom: 0px !important;
    margin-right:3px;
}
}

/*リンク下線ダブリ削除対策　太字　strongタグにて*/
.box-text-height-c02 .corp-pdf-img-txt .strong {
  font-family: "Neue-Helvetica-Paneuropean-Bold",sans-serif;
}

@media only screen and (max-width: 640px) {
.box-text-height-c02 .corp-pdf-img-txt .strong {
  display: block;
  top:15%;
}
}

.corp-button .l-ButtonUnit__link:hover .corp-pdf-img-txt .strong {
	border-bottom: 1px solid #3A3A3A;
}

/*リンクコンポーネント　リンクアイコンをPDFへ変更 01(pdf-linkbutton)*/
.corp-tileLink-02 .l-TileLinkTextUnit.pdf-linkbutton .l-TileLinkTextUnit__leadBlock__title .l-Text:after {
    content: "\e001";
    color: #999 ;
}

/*リンクコンポーネント　テキスト要素垂直中央(box-text-height-c)*/
.box-text-height-c .is-noicon .g-TileLinkTextUnit__leadBlock {
  display: flex;
  align-items: center;
}


/*Corporate Citizenship Activities TOP リンクアイコンPDF変換(pdf-linkbutton02)*/
@media only screen and (min-width: 1025px) {
.corp-tileLink-01 .pdf-linkbutton02 .l-TileLinkVUnit__leadBlock .l-TileLinkVUnit__leadBlock__title .l-Text:after {
    color: #999999;
    font-family: 'icomoon';
    font-size: 40px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\e001";
}
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
.corp-tileLink-01 .pdf-linkbutton02 .l-TileLinkVUnit__leadBlock .l-TileLinkVUnit__leadBlock__title .l-Text:after {
    color: #999999;
    font-family: 'icomoon';
    font-size: 35px;
    position: absolute;
    top: 50%;
    right: -5%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\e001";
}
}

@media only screen and (max-width: 640px) {
.corp-tileLink-01 .pdf-linkbutton02 .l-TileLinkVUnit__leadBlock .l-TileLinkVUnit__leadBlock__title .l-Text:after {
    color: #999999;
    font-family: 'icomoon';
    font-size: 25px;
    position: absolute;
    top: 50%;
    right: -5%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\e001";
}
}

/*new-susトップ「ESG　Data Hub」下リンクアイコン位置調整*/
.new-sus-linkIcon .g-Text{
margin-bottom:0px;
}

.new-sus-linkIcon.corp-cat-tileLink .l-TileLinkVUnit__leadBlock {
    margin: 0px;
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
.new-sus-linkIcon.corp-cat-tileLink .l-Text:after {
    font-size: large;
}
}

@media only screen and (max-width: 640px) {
    .new-sus-linkIcon.corp-cat-tileLink .l-Text:after {
    font-size: large;
}

@media only screen and (max-width: 640px) {
.box-text-height-c02 .cmn-icon--pdf:before {
  position:absolute;
  bottom: auto;
  left: -24px;
  content: "\e001";
}
}


.box-text-height-c02 .corp-button .l-ButtonUnit .l-ButtonUnit__link {
    padding-top: 24px;
    padding-bottom: 24px;
    margin-bottom: 24px;
}



/*new-susトップのリンク箇所テキスト頭アイコン揃え*/
@media only screen and (max-width: 640px) {
.box-text-height-c02.corp-button--pdf-wrapper .corp-button--pdf .is-leftIcon .l-ButtonUnit__link .cmn-richtext{
   padding-right: 3.5em;
}
}

.susTop-ESG .corp-button .g-ButtonP__list .g-ButtonP__list__item .sus-opt-mb12--imp{
margin-bottom:12px;
}