@import url("https://fonts.googleapis.com/css?family=Roboto:400,500&display=swap");
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100;
  src: local("Noto Sans CJK JP Thin"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.otf) format("opentype");
  font-display: swap;
}
/*                en site
======================================================= */
body {
  font-family: "Roboto", sans-serif;
}

#home #main_area .topicks_area > .news a.pdf {
  display: block;
}

#ir #main_area .news_list .eirGroup.s_eirList a.pdf {
  display: block;
}

#kv .en {
  padding: 55px 0 0;
}
@media only screen and (max-width: 768px) {
  #kv .en {
    padding: 26px 0 0;
  }
}

#main_area h2.home_title,
#main_area h2.none {
  color: #727272;
  font-size: 187.5%;
  font-weight: 500;
  padding: 0;
  margin-bottom: 16px;
}
#main_area h2.home_title:before,
#main_area h2.none:before {
  display: none;
}

#main_area .topicks_area > .news ul li span {
  position: static;
}
#main_area .topicks_area > .news ul li span.date {
  position: absolute;
}
#main_area .topicks_area > .news ul li span.cate {
  position: absolute;
  border-radius: 10px;
  padding: 0 0 0 7px;
  color: #ffffff;
  overflow: hidden;
  top: 15px;
}
@media only screen and (max-width: 768px) {
  #main_area .topicks_area > .news ul li span.cate {
    top: 0;
    font-size: 62.5%;
    left: 58px;
  }
}
#main_area .topicks_area > .news ul li span.cate .sub {
  background: #ffffff;
  display: inline-block;
  padding: 0 12px 0 8px;
  margin-left: 4px;
}
@media only screen and (max-width: 768px) {
  #main_area .topicks_area > .news ul li span.cate .sub {
    padding: 0 8px 0 5px;
    margin-left: 4px;
  }
}
#main_area .topicks_area > .news ul li span.cate.sr {
  background: #e37990;
  border: 1px solid #e37990;
}
#main_area .topicks_area > .news ul li span.cate.sr .sub {
  color: #e37990;
}
#main_area .topicks_area > .news ul li span.cate.release {
  background: #e37990;
  border: 1px solid #e37990;
}
#main_area .topicks_area > .news ul li span.cate.release .sub {
  color: #e37990;
}
#main_area .topicks_area > .news ul li span.cate.fit {
  background: #117aec;
  border: 1px solid #117aec;
}
#main_area .topicks_area > .news ul li span.cate.fit .sub {
  color: #117aec;
}
#main_area .topicks_area > .news ul li span.cate.culture {
  background: #117aec;
  border: 1px solid #117aec;
}
#main_area .topicks_area > .news ul li span.cate.culture .sub {
  color: #117aec;
}
#main_area .topicks_area > .news ul li span.cate.vet_saa {
  background: #117aec;
  border: 1px solid #117aec;
}
#main_area .topicks_area > .news ul li span.cate.vet_saa .sub {
  color: #117aec;
}
#main_area .topicks_area > .news ul li span.cate.ir {
  background: #117aec;
  border: 1px solid #117aec;
  padding: 0 7px;
}

/*                header
======================================================= */
@media only screen and (max-width: 1200px) {
  #new_header #header_wrap .logo {
    position: absolute;
    top: 30px;
  }
}
@media only screen and (max-width: 1024px) {
  #new_header #header_wrap .logo {
    position: static;
    top: auto;
  }
}

@media only screen and (max-width: 1400px) {
  #new_header #header_wrap #header_right #gnavi ul li {
    padding: 0 0.5em;
  }
}

#hover_menu .lower.products ul li {
  width: 328px;
}
@media only screen and (min-width: 1025px) {
  #hover_menu .lower.products ul li {
    /* &:nth-of-type(2) {
      margin-right:3.05%;
    }
    &:nth-of-type(3n) {
      margin-right:0;
    }
    &:nth-of-type(3n+1) {
      clear:both;
    }
    &:nth-of-type(4n) {
      margin-right:3.05%;
    }
    &:nth-of-type(4n+1) {
      clear:none;
    } */
  }
}
@media only screen and (max-width: 1024px) {
  #hover_menu .lower.products ul li {
    width: 100%;
    margin-right: 0;
  }
}
#hover_menu .lower.products ul li a span {
  padding-top: 39.02%;
}
#hover_menu .lower.technique ul li {
  width: 328px;
}
@media only screen and (max-width: 1088px) {
  #hover_menu .lower.technique ul li {
    width: 31.3%;
    margin-right: 3.05%;
  }
}
@media only screen and (max-width: 768px) {
  #hover_menu .lower.technique ul li {
    width: 100%;
    margin-right: 0;
  }
}
#hover_menu .lower.technique ul li:nth-of-type(2) {
  margin-right: 3.05%;
}
#hover_menu .lower.technique ul li:nth-of-type(3n) {
  margin-right: 0;
}
#hover_menu .lower.technique ul li:nth-of-type(3n+1) {
  clear: both;
}
#hover_menu .lower.technique ul li:nth-of-type(4n) {
  margin-right: 3.05%;
}
#hover_menu .lower.technique ul li:nth-of-type(4n+1) {
  clear: none;
}
#hover_menu .lower.technique ul li a span {
  padding-top: 39.02%;
}
#hover_menu .lower.sustainability .img_area p .en_text {
  margin-top: -0.5em;
}

/*                footer
======================================================= */
@media only screen and (max-width: 768px) {
  #footer .main_width .ft_navi {
    padding: 0;
  }
}
@media only screen and (max-width: 768px) {
  #footer .main_width .ft_navi li {
    margin-right: 1.13vw;
    margin-left: 1.13vw;
  }
}
@media only screen and (max-width: 768px) {
  #footer .main_width .ft_navi li a {
    background-size: 10px 13px;
    padding-right: 16px;
  }
}

#home #main_area .topicks_area > .news {
  width: 100%;
}
#home #main_area .topicks_area > .news .arrow_link {
  display: inline-block;
  margin-top: 1em;
}

/*                information
======================================================= */
#information.index #kv .en {
  padding: 110px 0 0;
}
@media only screen and (max-width: 768px) {
  #information.index #kv .en {
    padding: 52px 0 0;
  }
}
#information.detail .title_area {
  padding-bottom: 8px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 768px) {
  #information.detail .title_area {
    padding-bottom: 2.4vw;
    margin-bottom: 3.2vw;
  }
}

/*                IR
======================================================= */
#ir.index #kv .en {
  padding: 110px 0 0;
}
@media only screen and (max-width: 768px) {
  #ir.index #kv .en {
    padding: 52px 0 0;
  }
}
#ir.index #main_area .mod_cont .column2 a:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
@media only screen and (max-width: 768px) {
  #ir.index #main_area .mod_cont .column2 a:hover img {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
#ir.index #main_area .mod_cont .column2 a .img_wrap {
  display: block;
  width: 100%;
  overflow: hidden;
  padding-top: 66.62%;
  position: relative;
  margin-bottom: 12px;
}
@media only screen and (max-width: 768px) {
  #ir.index #main_area .mod_cont .column2 a .img_wrap {
    margin-bottom: 1.6vw;
  }
}
#ir.index #main_area .mod_cont .column2 a .img_wrap img {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
#ir .local_nav .column5 .column_block {
  width: 33.3%;
}
@media only screen and (max-width: 768px) {
  #ir .local_nav .column5 .column_block {
    width: 50%;
  }
}
#ir .local_nav .column5 .column_block:nth-of-type(1) a br {
  display: none;
}
#ir .local_nav .column5 .column_block:nth-of-type(2) ul li:last-of-type {
  letter-spacing: 0;
}

/*                products
======================================================= */
#products.index #kv .en {
  padding: 110px 0 0;
}
@media only screen and (max-width: 768px) {
  #products.index #kv .en {
    padding: 52px 0 0;
  }
}
#products.index h2 {
  margin-bottom: 24px;
}
@media only screen and (max-width: 768px) {
  #products.index h2 {
    margin-bottom: 2.67vw;
  }
}
#products.index .mod_cont .topicks_area .news {
  width: 100%;
}
#products.index .mod_cont .topicks_area .news ul li span.cate.products {
  background: #ffffff;
  border: 1px solid #117aec;
  color: #117aec;
  padding: 0 7px;
}
#products.index .mod_cont .column3 a:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
@media only screen and (max-width: 768px) {
  #products.index .mod_cont .column3 a:hover img {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
#products.index .mod_cont .column3 a .img_wrap {
  display: block;
  width: 100%;
  overflow: hidden;
  padding-top: 66.62%;
  position: relative;
  margin-bottom: 12px;
}
@media only screen and (max-width: 768px) {
  #products.index .mod_cont .column3 a .img_wrap {
    margin-bottom: 1.6vw;
  }
}
#products.index .mod_cont .column3 a .img_wrap img {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}