@charset "UTF-8";

/* ---------- ---------- ----------
    :: www-kao-com/jp/ja/hygiene-science/expert ::
    :: common ::

00. cmp-resets
01. parts
02. utility
---------- ---------- ---------- */

/* ---------- ---------- ----------
:: 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) {
}
---------- ---------- ---------- */

/* ---------- ---------- ----------
  Common Setting
---------- ---------- ---------- */
/* Reference
---------- ---------- */
.Ref-Section .corp-annotationListItem,
.Ref-Section .corp-listItem-01 {
  margin-top: 1em;
}

.Ref-Section .corp-listItem-01 .g-ListP__ul__item {
  margin-bottom: 1em;
}

.Ref-Section .corp-listItem-01 .g-ListP__ul__item:last-child {
  margin-bottom: 0;
}

/* Tile Link Pack (V) - No Lead Text
---------- ---------- ---------- */
.corp-tileLink-02_nolead .l-TileLinkTextUnit .l-TileLinkTextUnit__leadBlock__title {
  padding-bottom: 25px !important;
}

/* Tile Link Pack (V) - Padding Reset
---------- ---------- ---------- */
.corp-tileLink-01_NoPadding .l-TileLinkVUnit__leadBlock .l-TileLinkVUnit__leadBlock__lead {
  padding-top: 0 !important;
}

/* Tile Link Pack (H)
---------- ---------- ---------- */
.corp-TileLinkHP--01 .g-TileLinkHUnit {
  border-left: none;
  border-right: none;
}

.corp-TileLinkHP--01 .g-TileLinkHUnit__leadBlock {
  position: relative;
  padding-left: 40px;
  padding-right: 0;
}

/* image */
.corp-TileLinkHP--01 .l-Image {
  overflow: hidden;
}

.corp-TileLinkHP--01 .l-TileLinkHUnit__imageBlock .l-Image {
  opacity: 1 !important;
  border-radius: 10px;
}

.corp-TileLinkHP--01 .l-TileLinkHUnit img {
  margin: 0 auto;
}

.corp-TileLinkHP--01 .l-TileLinkHUnit:hover img {
  transform: scale(1.2);
  transition: 0.4s;
}

/* icon */
.corp-TileLinkHP--01 .g-TileLinkHUnit__icon {
  display: none;
}

.corp-TileLinkHP--01 .g-TileLinkHUnit__leadBlock__title::before {
  content: "\e006";
  font-family: 'icomoon';
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  color: #007c7a;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  left: 18px;
}

.corp-TileLinkHP--01 .g-TileLinkHUnit__leadBlock__title .g-Text {
  margin-bottom: 0;
}

@media (hover: hover) and (pointer: fine) {
  .corp-TileLinkHP--01 .l-TileLinkHUnit:hover .l-TileLinkHUnit__icon {
    color: #005856;
  }

  .corp-TileLinkHP--01 .l-TileLinkHUnit:hover .l-TileLinkHUnit__leadBlock__title {
    color: #005856;
    text-decoration: underline;
  }
}

/* Responsive 
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .corp-TileLinkHP--01 .g-TileLinkHUnit__leadBlock {
    padding-left: 20px;
  }

  .corp-TileLinkHP--01 .g-TileLinkHUnit__leadBlock__title::before {
    left: 0px;
  }
}*/

@media only screen and (max-width: 640px) {
  .corp-TileLinkHP--01 .g-TileLinkHUnit__imageBlock {
    margin: 0 auto;
  }

  .corp-TileLinkHP--01 .g-TileLinkHUnit__leadBlock__title::before {
    left: 0;
  }

  .corp-TileLinkHP--01 .g-TileLinkHUnit__leadBlock {
    padding-left: 24px;
  }
}

/* hygiene-science TOP - Height */
@media only screen and (min-width: 1025px) {
  .corp-TileLinkHP--01_H200 .g-TileLinkHUnit {
    height: 200px !important;
  }
}<!--0.00018191337585449-->