@charset "UTF-8";

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/* ----------------------------------------------------------------
    Normalize
----------------------------------------------------------------- */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
a {
  background-color: transparent;
}
a:active, a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b, strong {
  font-weight: bold;
}
h1 {
  margin: .67em 0;
  font-size: 2em;
}
small {
  font-size: 80%;
}
sub, sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
hr {
  height: 0;
}
pre {
  overflow: auto;
}
code, kbd, pre, samp {
  font-size: 1em;
  font-family: monospace, monospace;
}
button, input, optgroup, select, textarea {
  margin: 0;
  color: inherit;
  font: inherit;
}
button, select {
  text-transform: none;
}
button, html input[type='button'], input[type='reset'], input[type='submit'] {
  cursor: pointer;
  -webkit-appearance: button;
}
button[disabled], html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
input[type='checkbox'], input[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button {
  height: auto;
}
input[type='search'] {
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  margin: 0 2px;
  padding: .35em .625em .75em;
  border: 1px solid #c0c0c0;
}
legend {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td, th {
  padding: 0;
}
:root {
  font-size: 62.5%;
}
html, body, h1, h2, h3, h4, h5, h6, li {
  margin: 0;
  padding: 0;
}
body {
  background: #fff;
  color: #333;
  font-size: 1.4rem;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  line-height: 1.57143;
}
ul {
  list-style-type: none;
}
a {
  color: #0670ce;
  text-decoration: none;
  -webkit-transition: color .7s cubic-bezier(.23, 1, .32, 1);
  transition: color .7s cubic-bezier(.23, 1, .32, 1);
}
a:visited {
  color: #6632ac;
}
a:hover, a:active, a:focus {
  text-decoration: underline;
}
em {
  font-weight: bold;
  font-style: normal;
}
strong {
  /*color: #00a395;*/
  font-weight: bold;
}
img {
  max-width: 100%;
  vertical-align: bottom;
}
hr {
  display: none;
}
p, ul, ol, dl {
  margin: 0 0 20px;
  padding: 0;
}
ul > :last-child, ol > :last-child, dl > :last-child {
  margin-bottom: 0;
}
dd {
  margin: 0;
}
blockquote {
  margin: 0;
}

/* ----------------------------------------------------------------
    clearfix
----------------------------------------------------------------- */
.header-inner:before, .header-utility:before, .header-utility ul:before, .header-utility-02:before, .new-nav-global .nav2:before, .topic-path-inner:before, .content-inner:before, .footer-inner-02:before, .footer-group-02:before, .footer-nav:before, .footer-nav-list:before, .list-info > li:before, .link-list._grid:before, .nav-index > .nav-col > .nav-inner > .link-list:before, .link-list-03:before, .link-list-04:before, .btn-list:before, .nav-index:before, .nav-special:before, .nav-special ul:before, .grid:before, .panel-link > a > .panel-img:before, .panel-special > .panel-nav:before, .panel-finder .panel-nav:before, .panel-finder-02 .panel-nav:before, .lyt-main > .lyt-item > .lyt-inner:before, .carousel:before, .carousel-fade .carousel-indicator:before, .carousel-item:before, .header-inner:after, .header-utility:after, .header-utility ul:after, .header-utility-02:after, .new-nav-global .nav2:after, .topic-path-inner:after, .content-inner:after, .footer-inner-02:after, .footer-group-02:after, .footer-nav:after, .footer-nav-list:after, .list-info > li:after, .link-list._grid:after, .nav-index > .nav-col > .nav-inner > .link-list:after, .link-list-03:after, .link-list-04:after, .btn-list:after, .nav-index:after, .nav-special:after, .nav-special ul:after, .grid:after, .panel-link > a > .panel-img:after, .panel-special > .panel-nav:after, .panel-finder .panel-nav:after, .panel-finder-02 .panel-nav:after, .lyt-main > .lyt-item > .lyt-inner:after, .carousel:after, .carousel-fade .carousel-indicator:after, .carousel-item:after {
  display: table;
  content: '';
}
.header-inner:after, .header-utility:after, .header-utility ul:after, .header-utility-02:after, .new-nav-global .nav2:after, .topic-path-inner:after, .content-inner:after, .footer-inner-02:after, .footer-group-02:after, .footer-nav:after, .footer-nav-list:after, .list-info > li:after, .link-list._grid:after, .nav-index > .nav-col > .nav-inner > .link-list:after, .link-list-03:after, .link-list-04:after, .btn-list:after, .nav-index:after, .nav-special:after, .nav-special ul:after, .grid:after, .panel-link > a > .panel-img:after, .panel-special > .panel-nav:after, .panel-finder .panel-nav:after, .panel-finder-02 .panel-nav:after, .lyt-main > .lyt-item > .lyt-inner:after, .carousel:after, .carousel-fade .carousel-indicator:after, .carousel-item:after {
  clear: both;
}
.clrFix:after {
content:" ";
display:block;
clear:both;
}
/* ----------------------------------------------------------------
    pseudo element
----------------------------------------------------------------- */
/* block
----------------------------------------------- */
.header-menu-btn button:before, .header-menu-btn button:after, .header-menu-btn .header-menu-btn-inner:before, .new-nav-global:before, .new-nav-global .nav2 li:before, .new-nav-global .nav2 li:after, .new-nav-global .nav2 a:before, .hdg-l2-03._icon:before, .list-info > li a:before, .link:before, .link-02:before, .link-02._icon-cal:after, .link-02._icon-mail:after, .link-media > .link-title:before, .link-list > li > a:before, .link-list-03 > li a:before, .nav-index > .nav-col > .nav-hdg a:before, .panel > .panel-dl a:after, .panel-finder-02 .panel-hdg button:before, .panel-finder-02 .panel-hdg button:after, .panel-finder-02 .panel-hdg button span:before, .panel-finder .panel-cont-view .panel-close button:before, .panel-finder .panel-cont-view .panel-close button:after, .panel-finder-02 .panel-cont-view .panel-close button:before, .panel-finder-02 .panel-cont-view .panel-close button:after, .carousel-player button:before, .carousel-player button:after, .carousel-player button span:after {
  display: block;
  content: '';
}
/* inline-block
----------------------------------------------- */
.topic-path li:before, .link-list-02 > li > a:before, .link-list-04 > li > a:before, .panel-link > a > .panel-col > .title:after, .panel-link-02 a > .panel-col > .title:after, .lyt-main .lyt-main-title:after, .lyt-search > .lyt-col > .lyt-hdg a:after {
  display: inline-block;
  content: '';
}
/* ----------------------------------------------------------------
    sprite-image load
----------------------------------------------------------------- */
.new-nav-global .nav2 a:before, .hdg-l2-03._icon._petrochemistry:before, .hdg-l2-03._icon._chemical:before, .hdg-l2-03._icon._inorganic:before, .hdg-l2-03._icon._aluminium:before, .hdg-l2-03._icon._electronics:before, .hdg-l2-03._icon._other:before, .list-info > li a:before, .link:before, .link-02:before, .link-02._icon-cal:after, .link-02._icon-mail:after, .link-media > .link-title:before, .link-list > li > a:before, .link-list-02 > li > a:before, .link-list-03 > li a:before, .link-list-04 > li > a:before, .nav-index > .nav-col > .nav-hdg a:before, .panel > .panel-dl a:after, .panel-link._greeting > a > .panel-col > .title:after, .panel-link._outline > a > .panel-col > .title:after, .panel-link._network > a > .panel-col > .title:after, .panel-link._hitachichem > a > .panel-col > .title:after, .panel-link-02 a > .panel-col > .title:after, .panel-finder-02 .panel-hdg button span:before, .panel-finder-02 .panel-col._petrochemistry .panel-hdg button:before, .panel-finder-02 .panel-col._petrochemistry .panel-hdg button:after, .panel-finder-02 .panel-col._chemical .panel-hdg button:before, .panel-finder-02 .panel-col._chemical .panel-hdg button:after, .panel-finder-02 .panel-col._inorganic .panel-hdg button:before, .panel-finder-02 .panel-col._inorganic .panel-hdg button:after, .panel-finder-02 .panel-col._aluminium .panel-hdg button:before, .panel-finder-02 .panel-col._aluminium .panel-hdg button:after, .panel-finder-02 .panel-col._electronics .panel-hdg button:before, .panel-finder-02 .panel-col._electronics .panel-hdg button:after, .panel-finder-02 .panel-col._other .panel-hdg button:before, .panel-finder-02 .panel-col._other .panel-hdg button:after, .lyt-main .lyt-main-title:after, .lyt-search > .lyt-col > .lyt-hdg a:after {
  background-image: url(/assets/shared/new/images/icon/sprite.png);
}
/* ----------------------------------------------------------------
    margin adjust
----------------------------------------------------------------- */
/* last-child
----------------------------------------------- */
.footer-inner > :last-child, .footer-inner-02 > :last-child, .footer-group-02 > :last-child {
  margin-bottom: 0;
}
/* ----------------------------------------------------------------
    Header
----------------------------------------------------------------- */
/* .header
----------------------------------------------- */
.header {
  padding: 16px 0 20px;
  border-top: 4px solid #0b2f8c;
  line-height: 1;
}
/* .header-inner
----------------------------------------------- */
.header-inner {
  margin: 0 auto;
  max-width: 910px;
  text-align: left;
  line-height: 0;
}
/* .header-logo
----------------------------------------------- */
.header-logo {
  display: inline-block;
}
.header-logo a {
  display: block;
}
.header-logo img {
  vertical-align: top;
  line-height: 1;
}
/* ----------------------------------------------------------------
    Header Menu
----------------------------------------------------------------- */
/* .header-menu
----------------------------------------------- */
/* .header-menu-btn
----------------------------------------------- */
.header-menu-btn {
  display: none;
}
.header-menu-btn button {
  display: block;
}
.header-menu-btn button:before, .header-menu-btn button:after {
  position: absolute;
  left: 50%;
  display: none;
  margin: 0 0 0 -9px;
  width: 18px;
  height: 2px;
  background: #fff;
  -webkit-transition: all .3s cubic-bezier(.23, 1, .32, 1);
  transition: all .3s cubic-bezier(.23, 1, .32, 1);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}
.header-menu-btn button:before {
  top: 13px;
}
.header-menu-btn button:after {
  top: 25px;
}
.header-menu-btn .header-menu-btn-inner {
  display: block;
  color: transparent;
}
.header-menu-btn .header-menu-btn-inner:before {
  position: absolute;
  top: 19px;
  left: 50%;
  display: none;
  margin: 0 0 0 -9px;
  width: 18px;
  height: 2px;
  background: #fff;
  -webkit-transition: all .3s cubic-bezier(.23, 1, .32, 1);
  transition: all .3s cubic-bezier(.23, 1, .32, 1);
}
.header-menu-btn .header-menu-state {
  color: transparent;
}
.header-menu.is-expand .header-menu-btn button:before, .header-menu.is-expand .header-menu-btn button:after {
  margin: 0 0 0 -6px;
}
.header-menu.is-expand .header-menu-btn button:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.header-menu.is-expand .header-menu-btn button:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.header-menu.is-expand .header-menu-btn .header-menu-btn-inner:before {
  margin: 0 0 0 -6px;
  width: 0;
}
/* .header-menu-cont
----------------------------------------------- */
/* .header-utility
----------------------------------------------- */
.header-utility {
  position: relative;
  margin: 0 auto;
  max-width: 910px;
  text-align: left;
}
.header-utility .header-utility-inner {
  position: absolute;
  top: -124px;
  right: 0;
}
.header-utility ul {
  margin: 0;
}
.header-utility li {
  float: left;
  box-sizing: border-box;
}
.header-utility .utility-nav {
  margin: 0 20px 0 0;
  padding: 4px 20px 2px 0;
  border-right: 1px dotted #0b2e88;
  font-size: 1.3rem;
}
.header-utility .utility-nav li {
  margin: 0 0 0 25px;
}
.header-utility .utility-nav li:first-child {
  margin-left: 0;
}
.header-utility .lang-switch {
  padding: 4px 0 2px;
  font-size: 1.3rem;
}
.header-utility .lang-switch li {
  margin: 0 0 0 20px;
}
.header-utility .lang-switch li:first-child {
  margin-left: 0;
}
.header-utility .utility-contact {
  margin: 0 0 0 25px;
}
.header-utility .utility-contact a {
  display: inline-block;
  padding: 3px 18px 1px;
  background: #f19500;
  color: #fff;
  opacity: 1;
  -webkit-transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
}
.header-utility .utility-contact a:hover, .header-utility .utility-contact a:active, .header-utility .utility-contact a:focus {
  text-decoration: none;
  opacity: .8;
}

.header-utility .lang-switch {
    padding: 4px 20px 2px 0;
}
.header-utility .utility-contact {
    margin: 0 0 0 20px;
    padding: 4px 0 2px 0;
    font-size: 1.3rem;
}
.header-utility .utility-contact a {
    padding: 0 22px 0 0;
    color: #0670ce;
    background: #ffffff;
    position: relative;
    display: inline-block;
    transition: none;
}
.header-utility .utility-contact a:before {
    width: 7px;
    height: 13px;
    background-image: url(/assets/shared/new/images/icon/sprite.png);
    background-position: -184px -66px;
    background-size: 292px auto;
    display: block;
    content: '';
    position: absolute;
    top: .25em;
    right: 2px;
}
.header-utility .utility-contact a:hover, .header-utility .utility-contact a:active, .header-utility .utility-contact a:focus {
    opacity: 1;
    text-decoration: underline;
}

/* .header-utility-02
----------------------------------------------- */
.header-utility-02 {
  position: relative;
  margin: 0 auto;
  max-width: 910px;
  text-align: left;
}
.header-utility-02 .header-utility-inner {
  position: absolute;
  top: -86px;
  right: 0;
}
.header-utility-02 .size-switch {
  display: inline-block;
  margin: 0 25px 0 0;
  font-size: 1.3rem;
}
/* .header-search
----------------------------------------------- */
.header-search {
  display: inline-block;
}
.header-search .header-search-inner {
  position: relative;
  display: inline-block;
  margin: 0;
}
.header-search .search-keywords {
  box-sizing: border-box;
  padding: 5px 30px 2px 5px;
  width: 180px;
  border: 0;
  background: #f4f4f4;
}
.header-search .search-submit {
  position: absolute;
  top: 5px;
  right: 5px;
  opacity: 1;
  -webkit-transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
}
.header-search .search-submit:hover, .header-search .search-submit:active, .header-search .search-submit:focus {
  opacity: .8;
}
/* ----------------------------------------------------------------
    Global Navigation
----------------------------------------------------------------- */
/* .new-nav-global
----------------------------------------------- */
.new-nav-global {
  position: relative;
  z-index: 100;
  border-top: 1px solid #e6e6e6;
  background-color: #fff;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #fff));
  background-image: -webkit-linear-gradient(bottom, #f3f3f3 0%, #fff 100%);
  background-image: linear-gradient(to top,#f3f3f3 0%, #fff 100%);
  box-shadow: 0 0 4px rgba(0, 0, 0, .2);
  font-weight: bold;
  font-size: 1.5rem;
}
.new-nav-global:before {
  position: absolute;
  top: -5px;
  width: 100%;
  height: 4px;
  background: #fff;
}
/* .nav2
----------------------------------------------- */
.new-nav-global .nav2 {
  margin: 0 auto;
  max-width: 910px;
  text-align: left;
  text-align: center;
  line-height: 1;
}
.new-nav-global .nav2 li {
  position: relative;
  float: left;
}
.new-nav-global .nav2 li:before, .new-nav-global .nav2 li:after {
  position: absolute;
  top: 50%;
  margin: -13px 0 0;
  width: 1px;
  height: 26px;
}
.new-nav-global .nav2 li:before {
  left: 0;
  background: #fff;
}
.new-nav-global .nav2 li:after {
  right: 0;
  background: #e6e6e6;
}
.new-nav-global .nav2 li:first-child:before {
  display: none;
}
.new-nav-global .nav2 li:last-child:after {
  display: none;
}
.new-nav-global .nav2 a {
  display: block;
  margin: 11px 15px;
  padding: 4px 0 1px;
  border-radius: 3px;
  background: transparent;
  color: #000;
  -webkit-transition: all .7s cubic-bezier(.23, 1, .32, 1);
  transition: all .7s cubic-bezier(.23, 1, .32, 1);
}
.new-nav-global .nav2 a:before {
  position: absolute;
  right: 10px;
  display: none;
  width: 7px;
  height: 13px;
  background-position: -184px -66px;
  background-size: 292px auto;
}
.new-nav-global .nav2 a:hover, .new-nav-global .nav2 a:active, .new-nav-global .nav2 a:focus {
  background-color: #056fcd;
  color: #fff;
  text-decoration: none;
}
.new-nav-global .nav2 > .about {
  width: 12.41758%;
}
.new-nav-global .nav2 > .work {
  width: 14.17582%;
}
.new-nav-global .nav2 > .ir {
  width: 12.52747%;
}
.new-nav-global .nav2 > .csr {
  width: 17.47142%;
}
.new-nav-global .nav2 > .rd {
  width: 15.82307%;
}
.new-nav-global .nav2 > .products {
  width: 14.17582%;
}
.new-nav-global .nav2 > .recruit {
  width: 12.96703%;
}
.new-nav-global .nav2 .is-current a {
  background-color: #056fcd;
  color: #fff;
}
/* ----------------------------------------------------------------
    Topic path
----------------------------------------------------------------- */
/* .topic-path
----------------------------------------------- */
.topic-path {
  margin: 0;
  background: #edf7ff;
  font-size: 1.2rem;
}
.topic-path li {
  display: inline;
}
.topic-path li:before {
  position: relative;
  top: -2px;
  margin: 0 8px 0 6px;
  content: url(/assets/shared/images/icon_arrow05.gif);
}
.topic-path li:first-child:before {
  content: none;
}
.topic-path b {
  font-weight: normal;
}
/* .topic-path-inner
----------------------------------------------- */
.topic-path-inner {
  margin: 0 auto;
  padding: 15px 0 10px;
  max-width: 910px;
  text-align: left;
}
/* ----------------------------------------------------------------
    Content
----------------------------------------------------------------- */
/* .content
----------------------------------------------- */
/* .content-fluid
----------------------------------------------- */
.content-fluid {
  background: #fff;
}
.content-fluid._products {
  background: url(/assets/images/products/top_bg.jpg) no-repeat 50% 0 #fff;
}
.content-fluid._about {
  background: url(/assets/images/about/top_bg.jpg) no-repeat right 0 #4061b0;
  background-size: auto 100%;
  color: #fff;
}
.content-fluid._work {
  background: url(/assets/images/work/top_bg.jpg) no-repeat right 0 #010101;
  background-size: auto 100%;
  color: #fff;
}
.content-fluid._rd {
  background: url(/assets/images/rd/top_bg.jpg) no-repeat right 0 #f4f4f4;
  background-size: auto 100%;
}

.content-fluid._individual {
  background: url(/assets/images/ir/individual/top_bg.jpg) no-repeat right 0 #f8fefe;
  background-size: auto 100%;
  /*color: #fff;*/
}

/* .content-fluid-02
----------------------------------------------- */
.content-fluid-02 {
  background: #f4f4f4;
}
/* .content-fluid-03
----------------------------------------------- */
.content-fluid-03 {
  background: #0a3b96;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .06);
  color: #fff;
}
.content-fluid-03 > .content-inner {
  padding-top: 8px;
  padding-bottom: 8px;
}
/* .content-fluid-04
----------------------------------------------- */
.content-fluid-04 {
  background: #0071bf;
}
.content-fluid-04 > .content-inner {
  padding-top: 16px;
  padding-bottom: 16px;
}
/* .content-inner
----------------------------------------------- */
.content-inner {
  margin: 0 auto;
  padding: 40px 0; /* 余白調整用 */  max-width: 910px;
  text-align: left;
}
.content-fluid._ir > .content-inner {
  padding-top: 30px;
  padding-bottom: 10px;
}
.content-fluid._work > .content-inner {
  padding-top: 80px;
  padding-bottom: 75px;
}
.content-fluid._rd > .content-inner {
  padding-top: 50px;
  padding-bottom: 54px;
}
.content-fluid._adjust-padding > .content-inner {
  padding-top: 0;
}
.content-inner > :last-child {
  margin-bottom: 0;
}
.content-fluid._individual > .content-inner {
  padding-top: 80px;
  padding-bottom: 75px;
}

/* .content-view
----------------------------------------------- */
.content-view {
  display: block;
}
.content-view > :last-child {
  margin-bottom: 0;
}
/* ----------------------------------------------------------------
    footer
----------------------------------------------------------------- */
/* .footer
----------------------------------------------- */
.footer {
  border-top: 4px solid #0b308e;
  font-size: 1.3rem;
}
/* .footer-inner
----------------------------------------------- */
.footer-inner {
  padding: 23px 10px 0;
  background: #f6f6f6;
}
/* .footer-inner-02
----------------------------------------------- */
.footer-inner-02 {
  margin: 0 auto;
  padding: 18px 0 0;
  max-width: 910px;
  text-align: left;
}
/* .footer-group
----------------------------------------------- */
.footer-group {
  border-bottom: 1px solid #bebebe;
}
/* .footer-group-02
----------------------------------------------- */
.footer-group-02 {
  display: table;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 19px 0 20px;
  max-width: 910px;
  width: 100%;
  table-layout: fixed;
  text-align: left;
  line-height: 1;
}
/* .footer-nav
----------------------------------------------- */
.footer-nav {
  margin: 0 auto;
  padding: 0 0 2px;
  max-width: 910px;
  width: auto;
  border-bottom: 1px solid #bebebe;
  text-align: left;
}
/* .footer-nav-list
----------------------------------------------- */
.footer-nav-list {
  margin: 0 0 0 -20px;
  line-height: 1;
}
.footer-nav-list li {
  float: left;
  margin: 0 0 15px 20px;
  padding: 0 20px 0 0;
  border-right: 1px solid #bebebe;
}
.footer-nav-list li:last-child {
  padding: 0;
  border: 0;
}
.footer-inner .footer-nav-list li {
  border-right-color: #bebebe;
}
.footer-inner .footer-nav-list a {
  color: #333;
}
.footer-inner-02 .footer-nav-list li {
  border-right-color: #dedede;
}
.footer-inner-02 .footer-nav-list a {
  color: #0670ce;
}
/* .footer-hdg
----------------------------------------------- */
.footer-hdg {
  margin: 0 0 10px;
  font-weight: bold;
  font-size: 1.6rem;
}
/* .footer-logo
----------------------------------------------- */
.footer-logo {
  display: table-cell;
  width: 144px;
  vertical-align: middle;
}
/* .footer-copyright
----------------------------------------------- */
.footer-copyright {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  text-align: right;
}
/* ----------------------------------------------------------------
    Headings
----------------------------------------------------------------- */
/* .hdg-l1
----------------------------------------------- */
.hdg-l1 {
  margin: 0 0 14px;
  font-weight: normal;
  font-size: 4.6rem;
  line-height: 1;
}
.hdg-l1 > span {
  font-size: 2.4rem;
}
/* .hdg-l2
----------------------------------------------- */
.hdg-l2 {
  margin: 50px 0 36px;
  font-weight: normal;
  font-size: 2.8rem;
}
.content-inner > .hdg-l2:first-child {
  margin-top: 0;
}
/* .hdg-l2-02 // トグル用見出し
----------------------------------------------- */
.hdg-l2-02 {
  margin: 50px 0 25px;
  font-size: 1.8rem;
}
.hdg-l2-02 button {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  background: none;
  color: #333;
  text-align: left;
  cursor: default;
}
.hdg-l2-02 button:before {
  display: none;
}
.hdg-l2-02 button span {
  position: absolute;
  top: 50%;
  right: 10px;
  display: none;
  margin: -16px 0 0;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, .2);
  line-height: 1;
}
.hdg-l2-02 button span img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -5px 0 0 -10px;
  vertical-align: top;
  -webkit-transition: -webkit-transform .5s cubic-bezier(.23, 1, .32, 1);
  transition: transform .5s cubic-bezier(.23, 1, .32, 1);
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.toggle.is-expand .hdg-l2-02 span img {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.toggle.is-collapse .hdg-l2-02 span img {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.lyt-rss > .hdg-l2-02 {
  margin-top: 0;
}
.grid-col > :first-child > .hdg-l2-02 {
  margin-top: 0;
}
/* .hdg-l2-03
----------------------------------------------- */
.hdg-l2-03 {
  box-sizing: border-box;
  margin: 28px 0 10px;
  padding: 11px 10px 5px;
  min-height: 48px;
  background: #ebebeb;
  font-weight: bold;
  font-size: 1.8rem;
}
.hdg-l2-03._icon {
  position: relative;
  padding: 11px 10px 5px 52px;
}
.hdg-l2-03._icon:before {
  position: absolute;
  top: 50%;
  left: 10px;
}
.hdg-l2-03._icon._petrochemistry:before {
  margin: -11.5px 0 0;
  width: 32px;
  height: 23px;
  background-position: -252px -166px;
  background-size: 292px auto;
}
.hdg-l2-03._icon._chemical:before {
  margin: -16px 0 0 2px;
  width: 29px;
  height: 32px;
  background-position: -125px -130px;
  background-size: 292px auto;
}
.hdg-l2-03._icon._inorganic:before {
  margin: -16px 0 0;
  width: 32px;
  height: 32px;
  background-position: -193px -66px;
  background-size: 292px auto;
}
.hdg-l2-03._icon._aluminium:before {
  margin: -16px 0 0 6px;
  width: 20px;
  height: 32px;
  background-position: -227px -66px;
  background-size: 292px auto;
}
.hdg-l2-03._icon._electronics:before {
  margin: -16px 0 0 1px;
  width: 31px;
  height: 32px;
  background-position: -131px -66px;
  background-size: 292px auto;
}
.hdg-l2-03._icon._other:before {
  margin: -16px 0 0 -1px;
  width: 37px;
  height: 33px;
  background-position: -252px -194px;
  background-size: 292px auto;
}
/* .hdg-l2-04 // .hdg-l2-02 のトグル無しパターン
----------------------------------------------- */
.hdg-l2-04 {
  margin: 50px 0 25px;
  font-size: 1.8rem;
}
.lyt-rss > .hdg-l2-04 {
  margin-top: 0;
}
.grid-col > :first-child > .hdg-l2-04 {
  margin-top: 0;
}
/* .hdg-l3
----------------------------------------------- */
.hdg-l3 {
  margin: 28px 0 20px;
  font-weight: normal;
  font-size: 2rem;
}
.hdg-l2 + .hdg-l3 {
  margin-top: -26px;
}
/* .hdg-l3-02
----------------------------------------------- */
.hdg-l3-02 {
  font-weight: normal;
  font-size: 1.6rem;
}
.hdg-l2 + .hdg-l3-02 {
  margin-top: -26px;
}
/* ----------------------------------------------------------------
    Texts
----------------------------------------------------------------- */
/* .txt-lead
----------------------------------------------- */
.txt-lead {
  font-size: 1.6rem;
}
.hdg-l1 + .txt-lead {
  margin-top: -4px;
}
.content-fluid._rd .txt-lead {
  width: 61.53846%;
}
/* .txt-released
----------------------------------------------- */
.txt-released {
  color: #fff;
  text-align: right;
}
/* .txt-info
----------------------------------------------- */
.txt-info > .txt-label {
  display: inline-block;
  margin: 0 30px 0 0;
  padding: 0 13px;
  background: #f29600;
  color: #fff;
  font-weight: bold;
}
.txt-info > .txt-date {
  margin: 0 15px 0 0;
}
/* ----------------------------------------------------------------
    Lists
----------------------------------------------------------------- */
/* .list-notice
----------------------------------------------- */
.list-notice {
  position: relative;
}
.list-notice > li {
  position: relative;
  margin: 0 0 2px;
  padding: 0 0 0 1.5em;
  font-size: 1.2rem;
}
.list-notice > li > .list-mark {
  position: absolute;
  left: 0;
}
.list-notice > li:last-child {
  margin-top: 0;
}
/* .list-info
----------------------------------------------- */
.list-info {
  border-bottom: 1px solid #e0e0e0;
}
.list-info > li {
  position: relative;
  padding: 15px 0 15px 5.5em;
  border-top: 1px solid #e0e0e0;
}
.list-info > li > .list-date, .list-info > li > .date {
  position: absolute;
  top: 15px;
  left: 0;
}
.list-info > li a {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  padding: 0 20px 0 0;
  width: 100%;
}
.list-info > li a:before {
  position: absolute;
  top: 50%;
  right: 0;
  margin: -6.5px 0 0;
  width: 7px;
  height: 13px;
  background-position: -184px -66px;
  background-size: 292px auto;
}
/* .list-keyword
----------------------------------------------- */
.list-keyword dt {
  margin: 0 0 3px;
  font-weight: normal;
}
.list-keyword dd {
  display: inline-block;
  margin: 2px 2px 0 0;
  padding: 2px 20px 0;
  background: #0670ce;
  color: #fff;
}
/* .list-disc
----------------------------------------------- */
.list-disc {
  width: 51.64835%;
}
.list-disc dt {
  margin: 0 0 3px;
  font-size: 2.4rem;
}
.list-disc dd {
  font-size: 1.6rem;
  line-height: 1.18;
}
/* 製品情報　リンクURL　改行用
----------------------------------------------- */
.list-link li{
  word-break: break-all;
}
/* ----------------------------------------------------------------
    Links
----------------------------------------------------------------- */
/* .link
----------------------------------------------- */
.link {
  position: relative;
  display: inline-block;
  padding: 0 22px 0 0;
}
.link:before {
  position: absolute;
  top: .35em;
  right: 0;
  width: 7px;
  height: 13px;
  background-position: -184px -66px;
  background-size: 292px auto;
}
/* .link-02
----------------------------------------------- */
.link-02 {
  position: relative;
  display: inline-block;
  padding: 0 0 0 18px;
}
.link-02:before {
  position: absolute;
  top: .3em;
  left: 0;
  width: 7px;
  height: 13px;
  background-position: -184px -66px;
  background-size: 292px auto;
}
.link-02._icon-cal {
  padding-right: 21px;
}
.link-02._icon-cal:after {
  position: absolute;
  top: .15em;
  right: 0;
  width: 16px;
  height: 16px;
  background-position: -209px -100px;
  background-size: 292px auto;
}
/*icon-mail 201612追加*/
.link-02._icon-mail {
  padding-right: 21px;
}
.link-02._icon-mail:after {
  position: absolute;
  top: .25em;
  right: 0;
  width: 16px;
  height: 16px;
  background-position: -229px -113px;
/*  background-position: -209px -132px;*/
  /*background-position: -228px -128px;*/
  background-size: 292px auto;
}

/* .link-pdf
----------------------------------------------- */
.link-pdf > img {
  position: relative;
  top: -5px;
  display: inline-block;
  margin: 0 0 0 5px;
}
/* .link-blank
----------------------------------------------- */
.link-blank {
  position: relative;
  top: -5px;
  display: inline-block;
  margin: 0 0 0 5px;
}
.link-media-02 .link-blank {
  position: absolute;
  top: auto;
  right: 5px;
  bottom: 5px;
  margin: 0;
  width: auto;
}
/* .link-media
----------------------------------------------- */
.link-media {
  position: relative;
  display: block;
  margin: 0 0 8px;
  opacity: 1;
  -webkit-transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
}
.link-media > .link-title {
  position: absolute;
  bottom: 0;
  z-index: 2;
  display: block;
  box-sizing: border-box;
  padding: 10px 20px 9px;
  width: 100%;
  background: #0670ce;
  background: rgba(6, 112, 206, .9);
  color: #fff;
  font-weight: bold;
  font-size: 1.6rem;
}
.link-media > .link-title:before {
  position: absolute;
  top: 13px;
  right: 11px;
  width: 10px;
  height: 19px;
  background-position: -168px -130px;
  background-size: 292px auto;
}
.link-media:hover, .link-media:active, .link-media:focus {
  opacity: .8;
}
/* .link-media-02
----------------------------------------------- */
.link-media-02 {
  position: relative;
  display: block;
  opacity: 1;
  -webkit-transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
}
.link-media-02 > .link-title {
  position: absolute;
  z-index: 2;
  display: block;
  padding: 12px 0 10px;
  width: 100%;
  background: #0670ce;
  background: rgba(6, 112, 206, .9);
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 1.2rem;
}
.link-media-02 img {
  max-width: none;
  width: 100%;
}
.link-media-02:hover, .link-media-02:active, .link-media-02:focus {
  opacity: .8;
}
/* .link-media-03
----------------------------------------------- */
a.link-media-03 {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  opacity: 1;
  -webkit-transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
}
.link-media-03 img {
  -webkit-transition: -webkit-transform .5s cubic-bezier(.23, 1, .32, 1);
  transition: transform .5s cubic-bezier(.23, 1, .32, 1);
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}
.link-media-03 > .link-title {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  background: url(/assets/shared/new/images/content/bg-special.png) repeat;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.18;
}
.link-media-03 > .link-title > .inner {
  display: inline-block;
  box-sizing: border-box;
  margin: 0;
  padding: 27.77778% 15px 0;
}
.link-media-03 > .link-title span {
  display: block;
  box-sizing: border-box;
  margin: 0 auto 12px;
  padding: 7px 0 0;
  width: 30px;
  height: 30px;
  background: #0071bf;
}
.link-media-03:hover, .link-media-03:active, .link-media-03:focus {
  opacity: .7;
}
.link-media-03:hover img, .link-media-03:active img, .link-media-03:focus img {
  -webkit-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}
.lte-ie9 .link-media-03:hover img, .lte-ie9 .link-media-03:active img, .lte-ie9 .link-media-03:focus img {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}
/* .link-list
----------------------------------------------- */
.link-list > li {
  margin: 0 0 3px;
}
.link-list > li > a {
  position: relative;
  display: inline-block;
  padding: 0 0 0 18px;
}
.link-list > li > a:before {
  position: absolute;
  top: .3em;
  left: 0;
  width: 7px;
  height: 13px;
  background-position: -184px -66px;
  background-size: 292px auto;
}
.link-list > :last-child {
  margin-bottom: 0;
}
.link-list._grid {
  margin: 0 0 0 -4.32802%;
}
.link-list._grid > li {
  float: left;
  margin-left: 4.14847%;
  width: 43.66812%;
}
.link-list._grid > li:nth-child(2n) {
  width: 48.03493%;
}
.link-list._grid > li:nth-child(2n+1) {
  clear: both;
}
.link-list._grid > li > :last-child {
  margin-bottom: 0;
}
.link-list._line {
  margin-left: -75px;
}
.link-list._line > li {
  display: inline-block;
  margin-left: 75px;
}
.nav-index > .nav-col > .nav-inner > .link-list {
  line-height: 1.57143;
}
.nav-index > .nav-col > .nav-inner > .link-list > li {
  margin-top: -4px;
}
.nav-index > .nav-col > .nav-inner > .link-list > li:first-child {
  margin-top: 0;
}
.link-list-04 .link-list._grid {
  margin-left: 0;
  background: #f4f6f8;
}
.link-list-04 .link-list._grid > li {
  margin-left: 0;
  width: 50%;
}
.link-list-04 .link-list._grid > li:nth-child(2n+1) {
  clear: both;
}
.link-list-04 .link-list._grid > li {
  box-sizing: border-box;
  padding: 6px 0 4px 15px;
}
/* .link-list-02
----------------------------------------------- */
.link-list-02 > li {
  margin: 0 0 20px;
}
.link-list-02 > li > a {
  display: block;
  margin: 0 0 8px;
  padding: 0 0 4px;
  border-bottom: 1px solid #ebebeb;
  font-weight: bold;
  font-size: 1.6rem;
}
.link-list-02 > li > a:before {
  position: relative;
  top: -2px;
  margin: 0 12px 0 0;
  width: 10px;
  height: 19px;
  background-position: -156px -130px;
  background-size: 292px auto;
  vertical-align: middle;
}
/* .link-list-03
----------------------------------------------- */
.link-list-03 > li {
  display: table;
  float: left;
    position: relative;
}
.link-list-03 > li a {
/*  position: relative;*/
  display: table-cell;
  box-sizing: border-box;
  padding: 16px 35px 14px 24px;
  height: 100%;
  border: 1px solid #dedede;
  border-left: 0;
  background: #fff;
  vertical-align: middle;
}
.link-list-03 > li a:before {
  position: absolute;
  top: 50%;
  right: 12px;
  margin: -9.5px 0 0;
  width: 10px;
  height: 19px;
  background-position: -156px -130px;
  background-size: 292px auto;
}
.link-list-03[data-col='3'] > li {
  width: 33.28313%;
}
.link-list-03[data-col='3'] > li:nth-child(3n+1) {
  clear: both;
}
.link-list-03[data-col='3'] > li:nth-child(3n+1) a {
  border-left: 1px solid #dedede;
}
.link-list-03[data-col='3'] > li:nth-child(n+4) a {
  border-top: 0;
}
.link-list-03[data-col='4'] > li {
  width: 24.97041%;
}
.link-list-03[data-col='4'] > li:nth-child(4n+1) {
  clear: both;
}
.link-list-03[data-col='4'] > li:nth-child(4n+1) a {
  border-left: 1px solid #dedede;
}
.link-list-03[data-col='4'] > li:nth-child(n+5) a {
  border-top: 0;
}
.panel-modal .link-list-03 {
  margin-bottom: 0;
}
/* .link-list-04
----------------------------------------------- */
.link-list-04 {
  margin-left: -3.52941%;
}
.link-list-04 > li {
  margin-left: 3.40909%;
  width: 46.59091%;
}
.link-list-04 > li:nth-child(2n+1) {
  clear: both;
}
.link-list-04 > li {
  float: left;
  margin-bottom: 15px;
}
.link-list-04 > li > a, .link-list-04 > li > span {
  display: block;
  margin: 0 0 1px;
  padding: 17px 15px 13px;
  background: #f4f6f8;
  font-weight: bold;
  font-size: 1.6rem;
}
.link-list-04 > li > a:before {
  position: relative;
  top: -2px;
  margin: 0 12px 0 0;
  width: 10px;
  height: 19px;
  background-position: -156px -130px;
  background-size: 292px auto;
  vertical-align: middle;
}
/* ----------------------------------------------------------------
    Buttons
----------------------------------------------------------------- */
/* .btn-list
----------------------------------------------- */
.btn-list {
  margin-top: -8px;
  margin-left: -1.80587%;
}
.btn-list > li {
  margin-left: 1.77384%;
  width: 18.18182%;
}
.btn-list > li:nth-child(5n+1) {
  clear: both;
}
.btn-list > li {
  float: left;
  margin-top: 8px;
  text-align: center;
  font-size: 2.4rem;
}
.btn-list button {
  display: block;
  box-sizing: border-box;
  padding: 5px 0 0;
  width: 100%;
  border: 1px solid #1d7dd1;
  background: #fff;
  color: #0670ce;
  opacity: 1;
  -webkit-transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
}
.btn-list button:hover, .btn-list button:active, .btn-list button:focus {
  text-decoration: none;
  opacity: .8;
}
/* JavaScript Off
----------------------------------------------- */
.no-js .btn-list.js-modal {
  display: none;
}
/* ----------------------------------------------------------------
    Navigations
----------------------------------------------------------------- */
/* .nav-index
----------------------------------------------- */
.nav-index {
  margin-left: -1.15894%;
}
.nav-index > .nav-col {
  margin-left: 1.14566%;
  width: 48.7725%;
}
.nav-index > .nav-col:nth-child(2n+1) {
  clear: both;
}
.nav-index > .nav-col {
  position: relative;
  float: left;
  box-sizing: border-box;
  margin-bottom: 6px;
  padding: 15px 10px 2px;
  background: #fff;
}
.nav-index > .nav-col:nth-last-child(-n+2) {
  margin-bottom: 0;
}
.nav-index > .nav-col > .nav-hdg {
  margin: 0 0 5px;
  font-weight: bold;
  font-size: 2.1rem;
}
.nav-index > .nav-col > .nav-hdg a {
  position: relative;
  display: inline-block;
  padding: 0 20px 0 0;
  color: #333;
}
.nav-index > .nav-col > .nav-hdg a:before {
  position: absolute;
  top: 5px;
  right: 0;
  width: 10px;
  height: 19px;
  background-position: -192px -130px;
  background-size: 292px auto;
}
.nav-index > .nav-col > .nav-inner {
  padding: 0 85px 0 0;
  line-height: 1.21;
}
.nav-index > .nav-col > .nav-inner p, .nav-index > .nav-col > .nav-inner ul, .nav-index > .nav-col > .nav-inner ol, .nav-index > .nav-col > .nav-inner dl {
  margin: 0 0 5px;
}
.nav-index > .nav-col > .nav-inner > :last-child {
  margin-bottom: 0;
}
.nav-index > .nav-col._results {
  background: url(/assets/images/ir/top_img-01.jpg) no-repeat right 0 #fff;
  background-size: auto 100%;
}
.nav-index > .nav-col._greeting {
  background: url(/assets/images/ir/top_img-02.jpg) no-repeat right 0 #fff;
  background-size: auto 100%;
}
.nav-index > .nav-col._individual {
  background: url(/assets/images/ir/top_img-03.jpg) no-repeat right 0 #fff;
  background-size: auto 100%;
}
.nav-index > .nav-col._annual {
  background: url(/assets/images/ir/top_img-04.jpg) no-repeat right 0 #fff;
  background-size: auto 100%;
}
/* .nav-special
----------------------------------------------- */
.nav-special {
  margin: 60px 0 30px;
}
.nav-special .nav-hdg {
  float: left;
  width: 40.65934%;
}
.nav-special ul {
  float: left;
  margin: 0;
  width: 59.34066%;
}
.nav-special li {
  float: left;
  width: 33.33333%;
}
.panel-special + .nav-special {
  margin: 0;
}
.content-fluid._adjust-padding .nav-special {
  margin-top: 20px;
}
/* ----------------------------------------------------------------
    Grid
----------------------------------------------------------------- */
/* .grid-col[data-col="2"]
----------------------------------------------- */
.grid[data-col='2'] {
  margin-left: -3.2967%;
}
.grid[data-col='2'] > .grid-col {
  margin-left: 3.19149%;
  width: 46.80851%;
}
.grid[data-col='2'] > .grid-col:nth-child(2n+1) {
  clear: both;
}
.grid[data-col='2']._wide {
  margin-left: -2.63736%;
}
.grid[data-col='2']._wide > .grid-col {
  margin-left: 2.56959%;
  width: 47.43041%;
}
.grid[data-col='2']._wide > .grid-col:nth-child(2n+1) {
  clear: both;
}
.grid[data-col='2']._uneven {
  margin-left: -3.51648%;
}
.grid[data-col='2']._uneven .grid-col {
  margin-left: 3.39703%;
  width: 63.26964%;
}
.grid[data-col='2']._uneven .grid-col-02 {
  margin-left: 3.39703%;
  width: 29.93631%;
}
.grid[data-col='2']._uneven-02 {
  margin-left: -3.51648%;
}
.grid[data-col='2']._uneven-02 .grid-col {
  margin-left: 3.39703%;
  width: 64.1189%;
}
.grid[data-col='2']._uneven-02 .grid-col-02 {
  margin-left: 3.39703%;
  width: 29.08705%;
}
/* .grid-col[data-col="3"]
----------------------------------------------- */
.grid[data-col='3'] {
  margin-left: -.87912%;
}
.grid[data-col='3'] > .grid-col {
  margin-left: .87146%;
  width: 32.46187%;
}
.grid[data-col='3'] > .grid-col:nth-child(3n+1) {
  clear: both;
}
.grid[data-col='3']._narrow {
  margin-left: -3.51648%;
}
.grid[data-col='3']._narrow > .grid-col {
  margin-left: 3.39703%;
  width: 29.93631%;
}
.grid[data-col='3']._narrow > .grid-col:nth-child(3n+1) {
  clear: both;
}
/* .grid-col[data-col="4"]
----------------------------------------------- */
.grid[data-col='4'] {
  margin-left: -1.0989%;
}
.grid[data-col='4'] > .grid-col {
  margin-left: 1.08696%;
  width: 23.91304%;
}
.grid[data-col='4'] > .grid-col:nth-child(4n+1) {
  clear: both;
}
/* .grid
----------------------------------------------- */
.grid {
  margin-top: -20px;
  margin-bottom: 20px;
}
.grid > .grid-col, .grid > .grid-col-02 {
  float: left;
  margin-top: 20px;
}
.grid > .grid-col > :last-child, .grid > .grid-col-02 > :last-child {
  margin-bottom: 0;
}
/* ----------------------------------------------------------------
    Panels
----------------------------------------------------------------- */
/* .panel
----------------------------------------------- */
.panel {
  margin: 0 0 20px;
  padding: 13px;
  border: 1px solid #e0e0e0;
}
.panel > .panel-hdg {
  margin: -13px 0 0;
  padding: 15px 0;
  font-weight: bold;
  font-size: 1.8rem;
}
.panel > .panel-hdg + .panel-dl {
  margin-top: -3px;
}
.panel > .panel-dl {
  margin: 0 -13px;
}
.panel > .panel-dl a {
  position: relative;
  display: block;
  padding: 14px 75px 14px 30px;
  background: #e9eef2;
}
.panel > .panel-dl a:after {
  position: absolute;
  top: 50%;
  right: 30px;
  margin: -16px 0 0 0;
  width: 36px;
  height: 32px;
  background-position: -252px -132px;
  background-size: 292px auto;
}
.panel > .panel-dl + .panel-inner {
  border: 0;
}
.panel > .panel-inner {
  margin: 0 -13px;
  padding: 16px 13px;
  border-top: 1px solid #e0e0e0;
}
.panel > .panel-inner:last-child {
  padding-bottom: 0;
}
.panel > .panel-inner > .panel-hdg {
  font-weight: bold;
  font-size: 1.6rem;
}
.panel > .panel-inner > :last-child {
  margin-bottom: 0;
}
.panel > :last-child {
  margin-bottom: 0;
}
.panel._ir-link {
  padding: 20px;
  text-align: center;
}
/* .panel-02
----------------------------------------------- */
.panel-02 {
  text-align: center;
}
.panel-02 > a {
  display: block;
  padding: 20px 10px 15px;
  border: 1px solid #e0e0e0;
}
.panel-02 > a:hover .panel-img, .panel-02 > a:active .panel-img, .panel-02 > a:focus .panel-img {
  opacity: .8;
}
.panel-02 > a:hover .panel-txt, .panel-02 > a:active .panel-txt, .panel-02 > a:focus .panel-txt {
  text-decoration: underline;
}
.panel-02 > a > :last-child {
  margin-bottom: 0;
}
.panel-02 .panel-img {
  display: table;
  margin: 0 0 6px;
  width: 100%;
  opacity: 1;
  -webkit-transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
}
.panel-02 .panel-img span {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
.panel-02 .panel-txt {
  display: inline-block;
  text-align: left;
  line-height: 1.2;
}
/* .panel-link
----------------------------------------------- */
.panel-link {
  margin: 0 0 10px;
}
.panel-link > a {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 27px 270px 27px 30px;
  opacity: 1;
  -webkit-transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
}
.panel-link > a > .panel-img {
  position: absolute;
  right: 0;
  bottom: 0;
}
.panel-link > a > .panel-col {
  position: relative;
  z-index: 2;
}
.panel-link > a > .panel-col > .title {
  margin: 0 0 4px;
  font-weight: bold;
  font-size: 1.8rem;
}
.panel-link > a > .panel-col > .title:after {
  position: relative;
  top: 3px;
  margin: 0 0 0 12px;
}
.panel-link > a > .panel-col > :last-child {
  margin-bottom: 0;
}
.panel-link > a:hover, .panel-link > a:active, .panel-link > a:focus {
  text-decoration: none;
  opacity: .8;
}
.panel-link._greeting > a {
  padding: 55px 175px 60px 30px;
  border: 1px solid #efefef;
  background: #fff;
  color: #333;
}
.panel-link._greeting > a > .panel-col > .title {
  color: #0670ce;
}
.panel-link._greeting > a > .panel-col > .title:after {
  width: 10px;
  height: 19px;
  background-position: -180px -130px;
  background-size: 292px auto;
}
.panel-link._greeting > a > .panel-col > .lead {
  margin: 0 0 17px;
  padding: 0 0 10px;
  border-bottom: 1px solid #0670ce;
  color: #0670ce;
  font-weight: bold;
  font-size: 2rem;
}
.panel-link._outline > a > .panel-img, .panel-link._network > a > .panel-img {
  top: 50%;
  bottom: auto;
}
.panel-link._outline > a {
  background: #4f7bc7;
  color: #fff;
}
.panel-link._outline > a > .panel-img {
  margin-top: -100px;
}
.panel-link._outline > a > .panel-col > .title:after {
  width: 10px;
  height: 19px;
  background-position: -168px -130px;
  background-size: 292px auto;
}
.panel-link._network > a {
  background: #8fa11b;
  color: #fff;
}
.panel-link._network > a > .panel-img {
  margin-top: -100px;
}
.panel-link._network > a > .panel-col > .title:after {
  width: 10px;
  height: 19px;
  background-position: -168px -130px;
  background-size: 292px auto;
}
.panel-link._hitachichem > a {
  background: #2166ac;
  color: #fff;
}
.panel-link._hitachichem > a > .panel-col > .title:after {
    width: 10px;
    height: 19px;
    background-position: -168px -130px;
    background-size: 292px auto;
}
/* .panel-link-02
----------------------------------------------- */
.panel-link-02 a {
  display: block;
  color: #333;
  opacity: 1;
  -webkit-transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
}
.panel-link-02 a > .panel-img {
  margin: 0 0 25px;
}
.panel-link-02 a > .panel-col > .title {
  margin: 0 0 12px;
  font-weight: bold;
  font-size: 1.8rem;
}
.panel-link-02 a > .panel-col > .title:after {
  position: relative;
  top: 3px;
  margin: 0 0 0 12px;
  width: 10px;
  height: 19px;
  background-position: -192px -130px;
  background-size: 292px auto;
}
.panel-link-02 a > .panel-col > :last-child {
  margin-bottom: 0;
}
.panel-link-02 a:hover, .panel-link-02 a:active, .panel-link-02 a:focus {
  text-decoration: none;
  opacity: .8;
}
/* .panel-search
----------------------------------------------- */
.panel-search {
  display: table;
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  background: #f3f3f3;
  table-layout: fixed;
}
.panel-search > .panel-col {
  display: table-cell;
  box-sizing: border-box;
  margin: 0;
  padding: 0 0 0 20px;
}
.panel-search > .panel-col:first-child {
  padding: 0 20px 0 0;
  border-right: 1px solid #d7d7d7;
}
.panel-search > .panel-col > .panel-hdg {
  margin: 0 0 1px;
  font-weight: normal;
  font-size: 2rem;
}
.panel-search > .panel-col .panel-form {
  position: relative;
  margin: 0;
}
.panel-search > .panel-col .panel-form .search-keywords {
  box-sizing: border-box;
  padding: 15px 55px 14px 15px;
  width: 100%;
  border: 0;
  background: #fff;
}
.panel-search > .panel-col .panel-form .search-submit {
  position: absolute;
  top: 10px;
  right: 12px;
  opacity: 1;
  -webkit-transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
}
.panel-search > .panel-col .panel-form .search-submit:hover, .panel-search > .panel-col .panel-form .search-submit:active, .panel-search > .panel-col .panel-form .search-submit:focus {
  opacity: .8;
}
.panel-search > .panel-col > :last-child {
  margin-bottom: 0;
}
.panel-search > :last-child {
  margin-bottom: 0;
}
/* .panel-stockinfo
----------------------------------------------- */
.panel-stockinfo {
  margin: 0 0 15px;
  padding: 13px 7.267079% 9px;
  background: #eef8ff;
  text-align: center;
}
.panel-stockinfo > .panel-title {
  margin: 0 0 2px 15px;
  text-align: left;
}
.panel-stockinfo > .panel-item {
  margin: 0;
}
.panel-stockinfo > .panel-item iframe {
    max-width: 100% !important;
}
.panel-stockinfo > :last-child {
  margin-bottom: 0;
  margin-top: -10px;
}
/* .panel-special
----------------------------------------------- */
.panel-special {
  margin: 60px 0 30px;
  padding: 15px 3px 3px;
  background: url(/assets/shared/new/images/content/bg-special-02.jpg) no-repeat right 0 #d2e5f3;
  background-size: 43.03097% auto;
}
.panel-special._type02 {
  background: url(/assets/shared/new/images/content/bg-special-03.jpg) no-repeat center top #127ebf;
  background-size: 100% auto;
}
.panel-special > .panel-hdg {
  margin: 0 0 12px 17px;
  width: 54.20354%;
}
.panel-special._type02 > .panel-hdg {
  margin-top: 5px;
  width: 61.283185%;
}
.panel-special > .panel-nav > li {
  box-sizing: border-box;
  float: left;
  overflow: hidden;
  padding: 0 0 0 1px;
  position: relative;
  width: 20%;
}
.panel-special > .panel-nav > li::before {
  background-color: #fff;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 1px;
  height: 100%;
  width: 100%;
}
.panel-special > .panel-nav > li:first-child {
  padding: 0;
}
.panel-special > .panel-nav > li:first-child::before {
  left: 0;
}
.panel-special > .panel-nav > li > a {
  position: relative;
}
.panel-special > :last-child {
  margin-bottom: 0;
}
.nav-special + .panel-special {
  margin: 0;
}
/* .panel-modal
----------------------------------------------- */
.panel-modal {
  padding: 30px;
  background: #f9f9f9;
  box-shadow: 0 3px 8px rgba(0, 0, 0, .24);
}
.panel-modal > .panel-hdg {
  margin: -30px -30px 27px;
  padding: 17px 50px 13px 30px;
  background: #0b308e;
  color: #fff;
  font-weight: normal;
  font-size: 1.8rem;
}
.panel-modal > .panel-lead {
  margin: 0 0 23px;
  font-size: 1.6rem;
}
.panel-modal > :last-child {
  margin-bottom: 0;
}
/* .panel-finder
----------------------------------------------- */
.panel-finder {
  margin: 0 0 30px;
}
.panel-finder .panel-nav {
  margin-left: -1.0989%;
}
.panel-finder .panel-nav > .panel-col {
  margin-left: 1.08696%;
  width: 23.91304%;
}
.panel-finder .panel-nav > .panel-col:nth-child(4n+1) {
  clear: both;
}
.panel-finder .panel-nav .panel-col {
  float: left;
  margin-bottom: 43px;
  -webkit-transition: margin .7s cubic-bezier(.23, 1, .32, 1);
  transition: margin .7s cubic-bezier(.23, 1, .32, 1);
}
.panel-finder .panel-cont-view {
  clear: both;
  background: #fff;
  box-shadow: 0 2px 16px rgba(0, 0, 0, .24);
}
.panel-finder .panel-cont-view > :last-child {
  margin-bottom: 0;
}
.panel-finder .panel-cont-view-inner {
  padding: 30px 30px 60px;
}
.panel-finder .panel-cont-view-inner > :last-child {
  margin-bottom: 0;
}
.panel-finder .panel-hdg {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 1.6rem;
  -webkit-transition: all .7s cubic-bezier(.23, 1, .32, 1);
  transition: all .7s cubic-bezier(.23, 1, .32, 1);
}
.panel-finder .panel-hdg button {
  display: block;
  padding: 0;
  width: 100%;
  border: 0;
  background: #e9edf2;
  color: #0670ce;
  font-weight: bold;
  opacity: 1;
  -webkit-transition: all .7s cubic-bezier(.23, 1, .32, 1);
  transition: all .7s cubic-bezier(.23, 1, .32, 1);
}
.panel-finder .panel-hdg button span {
  position: absolute;
  right: 10px;
  bottom: 15px;
  display: block;
  width: 19px;
  height: 10px;
  -webkit-transition: all .7s cubic-bezier(.23, 1, .32, 1);
  transition: all .7s cubic-bezier(.23, 1, .32, 1);
}
.panel-finder .panel-hdg button span img {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .7s cubic-bezier(.23, 1, .32, 1);
  transition: all .7s cubic-bezier(.23, 1, .32, 1);
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.panel-finder .panel-hdg button:hover, .panel-finder .panel-hdg button:active, .panel-finder .panel-hdg button:focus {
  opacity: .8;
}
.panel-finder .panel-hdg .panel-txt {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  box-sizing: border-box;
  padding: 14px 40px 14px 20px;
  min-height: 43px;
  background: #0670ce;
  background: rgba(6, 112, 206, .85);
  color: #fff;
  text-align: left;
  font-weight: normal;
  line-height: 1;
  -webkit-transition: all .7s cubic-bezier(.23, 1, .32, 1);
  transition: all .7s cubic-bezier(.23, 1, .32, 1);
}
.industry_search .panel-finder .panel-hdg .panel-txt {
  background: #0a2e8d;
  background: rgba(10, 46, 141, .85);
}
.panel-finder .panel-col.is-current {
  margin-bottom: 0;
}
.panel-finder .panel-col.is-current .panel-hdg {
  box-shadow: 0 2px 16px rgba(0, 0, 0, .24);
}
.panel-finder .panel-col.is-current .panel-hdg button span {
  bottom: -28px;
}
.panel-finder .panel-col.is-current .panel-hdg button span img {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.panel-finder .panel-col.is-current .panel-hdg .panel-txt {
  bottom: -43px;
  background: #f19500;
}
/* .panel-finder-02
----------------------------------------------- */
.panel-finder-02 .panel-nav {
  margin-left: -1.53846%;
}
.panel-finder-02 .panel-nav > .panel-col {
  margin-left: 1.51515%;
  width: 15.15152%;
}
.panel-finder-02 .panel-nav > .panel-col:nth-child(6n+1) {
  clear: both;
}
.panel-finder-02 .panel-nav .panel-col {
  float: left;
  margin-bottom: 30px;
  -webkit-transition: margin .7s cubic-bezier(.23, 1, .32, 1);
  transition: margin .7s cubic-bezier(.23, 1, .32, 1);
}
.panel-finder-02 .panel-cont-view {
  clear: both;
  background: #fff;
  box-shadow: 0 2px 16px rgba(0, 0, 0, .24);
}
.panel-finder-02 .panel-cont-view > :last-child {
  margin-bottom: 0;
}
.panel-finder-02 .panel-cont-view-inner {
  padding: 30px 30px 50px;
}
.panel-finder-02 .panel-cont-view-inner > :last-child {
  margin-bottom: 0;
}
.panel-finder-02 .panel-hdg {
  position: relative;
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 1.6rem;
  -webkit-transition: all .7s cubic-bezier(.23, 1, .32, 1);
  transition: all .7s cubic-bezier(.23, 1, .32, 1);
}
.panel-finder-02 .panel-hdg button {
  padding: 60px 0 0;
  min-height: 140px;
  width: 100%;
  border: 0;
  background: #f4f6f8;
  color: #0670ce;
  text-align: center;
  font-weight: bold;
  opacity: 1;
  -webkit-transition: all .7s cubic-bezier(.23, 1, .32, 1);
  transition: all .7s cubic-bezier(.23, 1, .32, 1);
}
.panel-finder-02 .panel-hdg button:before {
  position: absolute;
  top: 50%;
  left: 50%;
}
.panel-finder-02 .panel-hdg button:after {
  position: absolute;
  top: 50%;
  display: none;
}
.panel-finder-02 .panel-hdg button span {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 30px;
  background: transparent;
  -webkit-transition: all .7s cubic-bezier(.23, 1, .32, 1);
  transition: all .7s cubic-bezier(.23, 1, .32, 1);
}
.panel-finder-02 .panel-hdg button span img {
  opacity: 1;
  -webkit-transition: all .7s cubic-bezier(.23, 1, .32, 1);
  transition: all .7s cubic-bezier(.23, 1, .32, 1);
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.panel-finder-02 .panel-hdg button span:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -3px 0 0 -9.5px;
  width: 19px;
  height: 10px;
  background-position: -227px -100px;
  background-size: 292px auto;
  opacity: 0;
  -webkit-transition: all .7s cubic-bezier(.23, 1, .32, 1);
  transition: all .7s cubic-bezier(.23, 1, .32, 1);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.panel-finder-02 .panel-hdg button:hover, .panel-finder-02 .panel-hdg button:active, .panel-finder-02 .panel-hdg button:focus {
  opacity: .8;
}
.panel-finder-02 .panel-col.is-current {
  margin-bottom: 0;
}
.panel-finder-02 .panel-col.is-current .panel-hdg {
  box-shadow: 0 2px 16px rgba(0, 0, 0, .24);
}
.panel-finder-02 .panel-col.is-current .panel-hdg button span {
  bottom: -30px;
  background: #f19500;
}
.panel-finder-02 .panel-col.is-current .panel-hdg button span img {
  opacity: 0;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.panel-finder-02 .panel-col.is-current .panel-hdg button span:before {
  opacity: 1;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.panel-finder-02 .panel-col._petrochemistry .panel-hdg button:before {
  margin: -48px 0 0 -32px;
  width: 64px;
  height: 46px;
  background-position: -65px -66px;
  background-size: 292px auto;
}
.panel-finder-02 .panel-col._petrochemistry .panel-hdg button:after {
  width: 64px;
  height: 46px;
  background-position: -59px -130px;
  background-size: 292px auto;
}
.panel-finder-02 .panel-col._chemical .panel-hdg button:before {
  margin: -57px 0 0 -28.5px;
  width: 57px;
  height: 64px;
  background-position: -193px 0;
  background-size: 292px auto;
}
.panel-finder-02 .panel-col._chemical .panel-hdg button:after {
  width: 57px;
  height: 64px;
  background-position: 0 -130px;
  background-size: 292px auto;
}
.panel-finder-02 .panel-col._inorganic .panel-hdg button:before {
  margin: -56px 0 0 -31.5px;
  width: 63px;
  height: 62px;
  background-position: 0 -66px;
  background-size: 292px auto;
}
.panel-finder-02 .panel-col._inorganic .panel-hdg button:after {
  width: 63px;
  height: 62px;
  background-position: -128px 0;
  background-size: 292px auto;
}
.panel-finder-02 .panel-col._aluminium .panel-hdg button:before {
  margin: -57px 0 0 -19.5px;
  width: 39px;
  height: 64px;
  background-position: -252px -66px;
  background-size: 292px auto;
}
.panel-finder-02 .panel-col._aluminium .panel-hdg button:after {
  width: 40px;
  height: 64px;
  background-position: -252px 0;
  background-size: 292px auto;
}
.panel-finder-02 .panel-col._electronics .panel-hdg button:before {
  margin: -57px 0 0 -31px;
  width: 62px;
  height: 64px;
  background-position: 0 0;
  background-size: 292px auto;
}
.panel-finder-02 .panel-col._electronics .panel-hdg button:after {
  width: 62px;
  height: 64px;
  background-position: -64px 0;
  background-size: 292px auto;
}
.panel-finder-02 .panel-col._other .panel-hdg button:before {
  margin:-56px 0 0 -32px;
  width: 66px;
  height: 61px;
  background-position:-78px -198px;
  background-size: 292px auto;
}
.panel-finder-02 .panel-col._other .panel-hdg button:after {
  width: 66px;
  height: 61px;
  background-position: -146px -198px;
  background-size: 292px auto;
}
/* .panel-finder & .panel-finde-02 closebtn
----------------------------------------------- */
.panel-finder .panel-cont-view, .panel-finder-02 .panel-cont-view {
  position: relative;
}
.panel-finder .panel-cont-view .panel-close, .panel-finder-02 .panel-cont-view .panel-close {
  position: absolute;
  right: 30px;
  bottom: 10px;
  width: 40px;
  height: 40px;
}
.panel-finder .panel-cont-view .panel-close button, .panel-finder-02 .panel-cont-view .panel-close button {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 4px;
  background: #f4f4f4;
  color: transparent;
  opacity: 1;
  -webkit-transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
}
.panel-finder .panel-cont-view .panel-close button:before, .panel-finder .panel-cont-view .panel-close button:after, .panel-finder-02 .panel-cont-view .panel-close button:before, .panel-finder-02 .panel-cont-view .panel-close button:after {
  position: absolute;
  left: 50%;
  margin: 0 0 0 -6px;
  width: 18px;
  height: 2px;
  background: #333;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}
.panel-finder .panel-cont-view .panel-close button:before, .panel-finder-02 .panel-cont-view .panel-close button:before {
  top: 13px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.panel-finder .panel-cont-view .panel-close button:after, .panel-finder-02 .panel-cont-view .panel-close button:after {
  top: 25px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.panel-finder .panel-cont-view .panel-close button:hover, .panel-finder .panel-cont-view .panel-close button:active, .panel-finder .panel-cont-view .panel-close button:focus, .panel-finder-02 .panel-cont-view .panel-close button:hover, .panel-finder-02 .panel-cont-view .panel-close button:active, .panel-finder-02 .panel-cont-view .panel-close button:focus {
  opacity: .8;
}
/* ----------------------------------------------------------------
    Media
----------------------------------------------------------------- */
/* .media
----------------------------------------------- */
.media {
  margin: 0 0 20px;
  text-align: center;
}
/* ----------------------------------------------------------------
    Layout
----------------------------------------------------------------- */
/* .lyt-main
----------------------------------------------- */
.lyt-main {
  position: relative;
}
.lyt-main > .lyt-item {
  position: absolute;
  bottom: 0;
  z-index: 5;
  padding: 10px 0;
  width: 100%;
  background: #fff;
  background: rgba(255, 255, 255, .9);
}
.lyt-main > .lyt-item > .lyt-inner {
  margin: 0 auto;
  max-width: 910px;
  text-align: left;
}
.lyt-main > .lyt-item > .lyt-inner > :last-child {
  margin-bottom: 0;
}
.lyt-main .lyt-main-title {
  margin: 0 0 13px;
  color: #0670ce;
  text-align: left;
  font-size: 4rem;
  line-height: 1.2;
}
.lyt-main .lyt-main-title > span {
  display: block;
  margin: 3px 0 0;
  font-size: 2.4rem;
  line-height: 1;
}
.lyt-main .lyt-main-title:after {
  position: absolute;
  top: 50%;
  right: 0;
  display: none;
  margin: -9.5px 0 0;
  width: 10px;
  height: 19px;
  background-position: -180px -130px;
  background-size: 292px auto;
}
.lyt-main .lyt-main-txt {
  display: block;
  margin: 0 0 43px;
  color: #333;
  line-height: 1.3;
}
.lyt-main .lyt-main-btn {
  display: inline-block;
  box-sizing: border-box;
  padding: 10px;
  min-width: 138px;
  border-radius: 2px;
  background-color: #1e4199;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBiMmY4YiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFlNDE5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0b2f8b), color-stop(100%, #1e4199));
  background-image: -webkit-linear-gradient(bottom, #0b2f8b 0%, #1e4199 100%);
  background-image: linear-gradient(to top,#0b2f8b 0%, #1e4199 100%);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .06);
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
}
.lyt-main a:hover .lyt-main-btn, .lyt-main a:active .lyt-main-btn, .lyt-main a:focus .lyt-main-btn {
  background-color: #0b2f8b;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNDE5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBiMmY4YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e4199), color-stop(100%, #0b2f8b));
  background-image: -webkit-linear-gradient(bottom, #1e4199 0%, #0b2f8b 100%);
  background-image: linear-gradient(to top,#1e4199 0%, #0b2f8b 100%);
}
.lyt-main .lyt-main-item {
  position: relative;
  display: block;
}
.lyt-main .lyt-main-item img {
  width: 100%;
}
.lyt-main .lyt-main-col {
  margin: 0 auto;
  max-width: 910px;
  text-align: left;
}
.lyt-main .lyt-main-col-inner {
  position: absolute;
  top: 0;
  padding: 4.68521% 0 0;
  max-width: 910px;
}
.lyt-main .lyt-main-shapingideas {
  position: relative;
  display: block;
}
.lyt-main .lyt-main-shapingideas img {
  width: 100%;
}
.lyt-main .lyt-main-shapingideas .lyt-main-title {
  position: absolute;
  z-index: -1;
}
.lyt-main .lyt-main-shapingideas .lyt-main-title:after {
  right: 10px;
}
.no-js .lyt-main .lyt-main-shapingideas .lyt-main-title {
  position: static;
}
.lyt-main .lyt-main-shapingideas .lyt-main-btn {
  position: absolute;
  top: 62.04188%;
  left: 44.80234%;
}
.lyt-main .lyt-main-item, .lyt-main .lyt-main-shapingideas {
  opacity: 1;
  -webkit-transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
}
.lyt-main .lyt-main-item:hover, .lyt-main .lyt-main-item:active, .lyt-main .lyt-main-item:focus, .lyt-main .lyt-main-shapingideas:hover, .lyt-main .lyt-main-shapingideas:active, .lyt-main .lyt-main-shapingideas:focus {
  opacity: .8;
}
/* .lyt-section
----------------------------------------------- */
.lyt-section {
  margin: 0 0 20px;
  padding: 20px 0 0;
  border-top: 1px solid #e0e0e0;
}
.lyt-section > :last-child {
  margin-bottom: 0;
}
/* .lyt-search
----------------------------------------------- */
.lyt-search {
  display: table;
  width: 100%;
}
.lyt-search > .lyt-col {
  display: table-cell;
  padding: 0 32px 0 0;
  width: 40.87912%;
  vertical-align: middle;
}
.lyt-search > .lyt-col > .lyt-hdg {
  margin: 0 0 10px;
  font-size: 2.8rem;
}
.lyt-search > .lyt-col > .lyt-hdg a {
  color: #fff;
}
.lyt-search > .lyt-col > .lyt-hdg a:after {
  position: relative;
  top: 2px;
  margin: 0 0 0 19px;
  width: 14px;
  height: 25px;
  background-position: -193px -100px;
  background-size: 292px auto;
}
.lyt-search > .lyt-col .lyt-txt {
  margin: 0 0 10px;
}
.lyt-search > .lyt-col .lyt-inner {
  position: relative;
  width: 100%;
}
.lyt-search > .lyt-col-02 {
  display: block;
  width: 538px;
}
.lyt-search .search-keywords {
  box-sizing: border-box;
  padding: 15px 50px 12px 15px;
  width: 100%;
  border: 0;
  background: #ededed;
  color: #333;
}
.lyt-search .search-keywords::-webkit-input-placeholder, .lyt-search .search-keywords:-ms-input-placeholder, .lyt-search .search-keywords::-moz-placeholder {
  color: #999;
}
.lyt-search .search-submit {
  position: absolute;
  top: 10px;
  right: 10px;
  opacity: 1;
  -webkit-transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
}
.lyt-search .search-submit:hover, .lyt-search .search-submit:active, .lyt-search .search-submit:focus {
  opacity: .8;
}
/* .lyt-rss
----------------------------------------------- */
.lyt-rss {
  position: relative;
  padding: 0 40px 0 0;
}
.lyt-rss > .lyt-item {
  position: absolute;
  top: 0;
  right: 0;
}
/* .lyt-link
----------------------------------------------- */
.lyt-link {
  display: table;
  margin: 55px 0 6px;
  width: 100%;
}
.lyt-link > .lyt-item, .lyt-link > .lyt-item-02 {
  display: table-cell;
  vertical-align: middle;
}
.lyt-link > .lyt-item-02 {
  text-align: right;
}
/* ----------------------------------------------------------------
    Toggle
----------------------------------------------------------------- */
/* .toggle
----------------------------------------------- */
.toggle {
  position: relative;
}
.toggle .toggle-cont {
  display: block;
  overflow: visible;
}
.toggle .toggle-cont.is-animate {
  display: block;
  overflow: hidden;
  -webkit-transition: height .5s cubic-bezier(.23, 1, .32, 1);
  transition: height .5s cubic-bezier(.23, 1, .32, 1);
}
.toggle .toggle-link {
  position: absolute;
  top: 3px;
  right: 0;
}
.toggle.is-expand .toggle-cont {
  display: block;
}
/* .toggle-02
----------------------------------------------- */
.toggle-02 {
  position: relative;
}
.toggle-02 .toggle-cont.is-animate {
  display: block;
  overflow: hidden;
  -webkit-transition: height .5s cubic-bezier(.23, 1, .32, 1);
  transition: height .5s cubic-bezier(.23, 1, .32, 1);
}
.toggle-02 .toggle-state {
  display: none;
}
.panel-finder .toggle-02 .toggle-cont, .panel-finder-02 .toggle-02 .toggle-cont {
  display: none;
}
/* .toggle-menu
----------------------------------------------- */
.toggle-menu .toggle-hook {
  display: none;
}
.toggle-menu .toggle-cont {
  display: block;
  overflow: visible;
}
/* .toggle-cont
----------------------------------------------- */
.toggle-cont {
  display: none;
  overflow: hidden;
}
.toggle-cont > :first-child {
  margin-top: 0;
}
.toggle-cont > :last-child {
  margin-bottom: 0;
}
/* .toggle-cont-inner
----------------------------------------------- */
.toggle-cont-inner > :last-child {
  margin-bottom: 0;
}
/* .toggle-menu-overlay
----------------------------------------------- */
.toggle-menu-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  display: none;
  background: rgba(0, 0, 0, .6);
}
.toggle-menu-overlay.is-animate {
  display: block;
  opacity: 0;
  -webkit-transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
}
.toggle-menu-overlay.is-expand {
  display: block;
  opacity: 1;
}
/* JavaScript Off
----------------------------------------------- */
.no-js .toggle-cont {
  position: static;
  display: none;
}
.no-js .toggle-menu .toggle-hook {
  display: none;
}
.no-js .toggle .toggle-hook button {
  outline: none;
  cursor: default;
}
/* ----------------------------------------------------------------
    Modal
----------------------------------------------------------------- */
/* .modal-cont
----------------------------------------------- */
.modal-cont {
  display: none;
  opacity: 0;
}
.modal-cont.is-modal-render {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 301;
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
/* .modal-inner
----------------------------------------------- */
.modal-inner {
  position: relative;
  box-sizing: border-box;
  max-width: 724px;
  width: 79.56044%;
}
.is-modal-render .modal-inner {
  margin: 200px auto;
}
.is-modal-open .modal-inner {
  overflow-y: auto;
  max-height: 8000px;
}
/* .modal-overlay
----------------------------------------------- */
.modal-overlay {
  position: fixed;
  background: #fff;
  opacity: 0;
}
.modal-overlay.is-overlay-render {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 300;
}
/* .modal-close
----------------------------------------------- */
.modal-close {
  position: absolute;
  top: 15px;
  right: 15px;
}
.modal-close button {
  border: 0;
  background: none;
}
/* .is-modal-open
----------------------------------------------- */
.is-modal-open {
  overflow: hidden;
}
/* JavaScript Off
----------------------------------------------- */
.no-js .modal-cont {
  display: block;
  opacity: 1;
}
/* ----------------------------------------------------------------
    Carousel
----------------------------------------------------------------- */
/* .carousel
----------------------------------------------- */
.carousel {
  position: relative;
}
.carousel .carousel-inner {
  margin: 0 43px;
  max-width: 450px;
}
.carousel .carousel-item {
  position: relative;
  left: 0;
  margin: 0 0 0 -8px;
}
.carousel .carousel-item li {
  margin: 0 0 0 8px;
}
.carousel .carousel-control .carousel-next, .carousel .carousel-control .carousel-prev {
  position: absolute;
  top: 50%;
  margin: -16px 0 0 0;
}
.carousel .carousel-control .carousel-next button, .carousel .carousel-control .carousel-prev button {
  padding: 0;
  border: 0;
  background: none;
  opacity: 1;
  -webkit-transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
}
.carousel .carousel-control .carousel-next button:hover, .carousel .carousel-control .carousel-next button:active, .carousel .carousel-control .carousel-next button:focus, .carousel .carousel-control .carousel-prev button:hover, .carousel .carousel-control .carousel-prev button:active, .carousel .carousel-control .carousel-prev button:focus {
  opacity: .8;
}
.carousel .carousel-control .carousel-next {
  right: 0;
}
.carousel .carousel-control .carousel-prev {
  left: 0;
}
.carousel .carousel-control img {
  vertical-align: top;
}
/* .carousel-fade
----------------------------------------------- */
.carousel-fade {
  position: relative;
  text-align: center;
}
.carousel-fade .carousel-item {
  position: relative;
  margin: 0 auto;
  max-width: 1366px;
}
.carousel-fade .carousel-item > li {
  position: relative;
  display: none;
  float: none;
  opacity: 0;
  -webkit-transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
}
.carousel-fade .carousel-item > .is-hidden {
  z-index: 1;
  display: block;
  opacity: 0;
}
.carousel-fade .carousel-item > .is-current {
  z-index: 2;
  display: block;
  opacity: 1;
}
.carousel-fade .carousel-item > .is-show {
  position: absolute;
  top: 0;
  z-index: 3;
  display: block;
}
.carousel-fade .carousel-inner {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-fade .carousel-ui {
  margin: 15px auto 0;
  max-width: 910px;
  text-align: right;
}
.carousel-fade .carousel-control {
  position: relative;
  z-index: 5;
  display: inline-block;
  vertical-align: middle;
}
.carousel-fade .carousel-player {
  margin: 0;
  width: 12px;
  height: 16px;
}
.carousel-fade .carousel-player button {
  background: none;
  color: #fff;
}
.carousel-fade .carousel-player button:before, .carousel-fade .carousel-player button:after {
  top: 0;
  width: 4px;
  height: 16px;
  box-shadow: 0 0 4px rgba(0, 0, 0, .25);
}
.carousel-fade .carousel-player button:before {
  left: 0;
}
.carousel-fade .carousel-player button:after {
  left: 8px;
}
.carousel-fade .carousel-player button span:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-width: 8px;
  border-style: solid;
  border-color: transparent;
  border-left-color: #fff;
}
.carousel-fade .carousel-indicator {
  position: relative;
  z-index: 5;
  display: inline-block;
  margin: 0 0 0 10px;
  vertical-align: middle;
}
.carousel-fade .carousel-indicator li {
  float: left;
  overflow: hidden;
  margin: 0 0 0 5px;
  width: 40px;
  height: 6px;
  box-shadow: 0 0 4px rgba(0, 0, 0, .25);
}
.carousel-fade .carousel-indicator li button {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #fff;
  color: transparent;
  opacity: 1;
  -webkit-transition: background 1.5s cubic-bezier(.23, 1, .32, 1), opacity .7s cubic-bezier(.23, 1, .32, 1);
  transition: background 1.5s cubic-bezier(.23, 1, .32, 1), opacity .7s cubic-bezier(.23, 1, .32, 1);
}
.carousel-fade .carousel-indicator li button:hover, .carousel-fade .carousel-indicator li button:active, .carousel-fade .carousel-indicator li button:focus {
  opacity: .8;
}
.carousel-fade .carousel-indicator li:first-child {
  margin: 0;
}
.carousel-fade .carousel-indicator .is-current button {
  background: #f19500;
}
/* .carousel-bnr
----------------------------------------------- */
.carousel-bnr {
  position: relative;
  margin: 70px 0 0;
  padding: 32px 0;
  background: #f6f6f6;
  text-align: center;
}
.carousel-bnr .carousel-item {
  position: relative;
  left: 0;
  margin: 0 0 0 -8px;
}
.carousel-bnr .carousel-item li {
  margin: 0 0 0 8px;
}
.carousel-bnr .carousel-item a {
  opacity: 1;
  -webkit-transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
}
.carousel-bnr .carousel-item a:hover, .carousel-bnr .carousel-item a:active, .carousel-bnr .carousel-item a:focus {
  opacity: .8;
}
.carousel-bnr .carousel-control .carousel-next, .carousel-bnr .carousel-control .carousel-prev {
  position: absolute;
  top: 50%;
  z-index: 5;
  margin: -24px 0 0 0;
}
.carousel-bnr .carousel-control .carousel-next button, .carousel-bnr .carousel-control .carousel-prev button {
  padding: 0;
  width: 48px;
  height: 48px;
  border: 0;
  background: #0670ce;
  background: rgba(6, 112, 206, .9);
  opacity: 1;
  -webkit-transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
}
.carousel-bnr .carousel-control .carousel-next button:hover, .carousel-bnr .carousel-control .carousel-next button:active, .carousel-bnr .carousel-control .carousel-next button:focus, .carousel-bnr .carousel-control .carousel-prev button:hover, .carousel-bnr .carousel-control .carousel-prev button:active, .carousel-bnr .carousel-control .carousel-prev button:focus {
  opacity: .8;
}
.carousel-bnr .carousel-control .carousel-next {
  right: 0;
}
.carousel-bnr .carousel-control .carousel-prev {
  left: 0;
}
.carousel-bnr .carousel-control .carousel-player {
  position: absolute;
  bottom: 8px;
  left: 50%;
  margin: 0 0 0 -20px;
  width: 40px;
  height: 16px;
}
.carousel-bnr .carousel-control .carousel-player button {
  border-radius: 2px;
  background: #0670ce;
  background: rgba(6, 112, 206, .9);
  color: #fff;
}
.carousel-bnr .carousel-control .carousel-player button:before, .carousel-bnr .carousel-control .carousel-player button:after {
  top: 50%;
  margin: -4px 0 0;
  width: 2px;
  height: 8px;
}
.carousel-bnr .carousel-control .carousel-player button:before {
  left: 16px;
}
.carousel-bnr .carousel-control .carousel-player button:after {
  left: 22px;
}
.carousel-bnr .carousel-control .carousel-player button span:after {
  margin: -5px 0 0 -2px;
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: transparent;
  border-left-color: #fff;
}
.carousel-bnr .carousel-control img {
  vertical-align: top;
}
/* .carousel-inner
----------------------------------------------- */
.carousel-inner {
  overflow: hidden;
  margin: 0 auto;
}
/* .carousel-body
----------------------------------------------- */
.carousel-body {
  position: relative;
  overflow: hidden;
  margin: 0;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
/* .carousel-item
----------------------------------------------- */
.carousel-item {
  overflow: hidden;
}
.carousel-item li {
  float: left;
}
.carousel-item.is-animate {
  -webkit-transition: all .7s cubic-bezier(.23, 1, .32, 1);
  transition: all .7s cubic-bezier(.23, 1, .32, 1);
}
.carousel-item.is-update {
  -webkit-transition: all 0 ease-out;
  transition: all 0 ease-out;
}
.carousel-item.is-swipe {
  -webkit-transition-duration: 0;
  transition-duration: 0;
}
/* .carousel-player
----------------------------------------------- */
.carousel-player button {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border: 0;
  opacity: 1;
  -webkit-transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
}
.carousel-player button:before, .carousel-player button:after {
  position: absolute;
  background: #fff;
  opacity: 1;
  -webkit-transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
}
.carousel-player button span {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  color: transparent;
}
.carousel-player button span:after {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
}
.carousel-player button:hover, .carousel-player button:active, .carousel-player button:focus {
  opacity: .8;
}
.carousel-player.is-pause button:before, .carousel-player.is-pause button:after {
  opacity: 0;
}
.carousel-player.is-pause button span:after {
  opacity: 1;
}
/* .carousel-control
----------------------------------------------- */
.carousel-control .carousel-next, .carousel-control .carousel-prev {
  opacity: 1;
  -webkit-transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
}
.carousel-control .carousel-next.is-disabled, .carousel-control .carousel-prev.is-disabled {
  opacity: .3;
}
.carousel-control .carousel-next.is-disabled button, .carousel-control .carousel-prev.is-disabled button {
  cursor: default;
}
/* JavaScript Off
----------------------------------------------- */
.no-js .carousel-item li {
  display: block;
  opacity: 1;
}
/* ----------------------------------------------------------------
    Finder
----------------------------------------------------------------- */
/* .finder-cont
----------------------------------------------- */
.finder-cont {
  display: none;
}
/* .finder-cont-view
----------------------------------------------- */
.finder-cont-view {
  display: none;
  box-sizing: border-box;
}
.finder-cont-view.is-active {
  display: block;
}
.finder-cont-view.is-animate {
  display: block;
  overflow: hidden;
  -webkit-transition: all .5s cubic-bezier(.23, 1, .32, 1);
  transition: all .5s cubic-bezier(.23, 1, .32, 1);
}
/* .finder-cont-view-inner
----------------------------------------------- */
.finder-cont-view-inner {
  opacity: 0;
}
.finder-cont-view.is-animate .finder-cont-view-inner {
  opacity: 0;
}
.finder-cont-view.is-show .finder-cont-view-inner {
  opacity: 1;
  -webkit-transition: opacity .5s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .5s cubic-bezier(.23, 1, .32, 1);
}
/* .finder-state
----------------------------------------------- */
/* JavaScript Off
----------------------------------------------- */
.no-js .finder-cont {
  display: block !important;
}
/* ----------------------------------------------------------------
    Helpers
----------------------------------------------------------------- */
/* Media Queries Display Control
----------------------------------------------- */
.hide-full {
  display: none;
}
/* Display Control
----------------------------------------------- */
.block {
  display: block !important;
}
.inline-block {
  display: inline-block !important;
}
.inline {
  display: inline !important;
}
/* Align Control
----------------------------------------------- */
.left {
  text-align: left !important;
}
.center {
  margin-right: auto !important;
  margin-left: auto !important;
  text-align: center !important;
}
.right {
  text-align: right !important;
}
.top {
  vertical-align: top !important;
}
.middle {
  vertical-align: middle !important;
}
.bottom {
  vertical-align: bottom !important;
}
/* Width Control
----------------------------------------------- */
.w-5 {
  width: 5% !important;
}
.w-10 {
  width: 10% !important;
}
.w-15 {
  width: 15% !important;
}
.w-20 {
  width: 20% !important;
}
.w-25 {
  width: 25% !important;
}
.w-30 {
  width: 30% !important;
}
.w-35 {
  width: 35% !important;
}
.w-40 {
  width: 40% !important;
}
.w-45 {
  width: 45% !important;
}
.w-50 {
  width: 50% !important;
}
.w-55 {
  width: 55% !important;
}
.w-60 {
  width: 60% !important;
}
.w-65 {
  width: 65% !important;
}
.w-70 {
  width: 70% !important;
}
.w-75 {
  width: 75% !important;
}
.w-80 {
  width: 80% !important;
}
.w-85 {
  width: 85% !important;
}
.w-90 {
  width: 90% !important;
}
.w-95 {
  width: 95% !important;
}
.w-100 {
  width: 100% !important;
}
/* Margin and Padding Control
----------------------------------------------- */
.p-top-0 {
  padding-top: 0 !important;
}
.p-right-0 {
  padding-right: 0 !important;
}
.p-bottom-0 {
  padding-bottom: 0 !important;
}
.p-left-0 {
  padding-left: 0 !important;
}
.m-top-0 {
  margin-top: 0 !important;
}
.m-right-0 {
  margin-right: 0 !important;
}
.m-bottom-0 {
  margin-bottom: 0 !important;
}
.m-left-0 {
  margin-left: 0 !important;
}
.p-top-5 {
  padding-top: 5px !important;
}
.p-right-5 {
  padding-right: 5px !important;
}
.p-bottom-5 {
  padding-bottom: 5px !important;
}
.p-left-5 {
  padding-left: 5px !important;
}
.m-top-5 {
  margin-top: 5px !important;
}
.m-right-5 {
  margin-right: 5px !important;
}
.m-bottom-5 {
  margin-bottom: 5px !important;
}
.m-left-5 {
  margin-left: 5px !important;
}
.p-top-10 {
  padding-top: 10px !important;
}
.p-right-10 {
  padding-right: 10px !important;
}
.p-bottom-10 {
  padding-bottom: 10px !important;
}
.p-left-10 {
  padding-left: 10px !important;
}
.m-top-10 {
  margin-top: 10px !important;
}
.m-right-10 {
  margin-right: 10px !important;
}
.m-bottom-10 {
  margin-bottom: 10px !important;
}
.m-left-10 {
  margin-left: 10px !important;
}
.p-top-15 {
  padding-top: 15px !important;
}
.p-right-15 {
  padding-right: 15px !important;
}
.p-bottom-15 {
  padding-bottom: 15px !important;
}
.p-left-15 {
  padding-left: 15px !important;
}
.m-top-15 {
  margin-top: 15px !important;
}
.m-right-15 {
  margin-right: 15px !important;
}
.m-bottom-15 {
  margin-bottom: 15px !important;
}
.m-left-15 {
  margin-left: 15px !important;
}
.p-top-20 {
  padding-top: 20px !important;
}
.p-right-20 {
  padding-right: 20px !important;
}
.p-bottom-20 {
  padding-bottom: 20px !important;
}
.p-left-20 {
  padding-left: 20px !important;
}
.m-top-20 {
  margin-top: 20px !important;
}
.m-right-20 {
  margin-right: 20px !important;
}
.m-bottom-20 {
  margin-bottom: 20px !important;
}
.m-left-20 {
  margin-left: 20px !important;
}
.p-top-25 {
  padding-top: 25px !important;
}
.p-right-25 {
  padding-right: 25px !important;
}
.p-bottom-25 {
  padding-bottom: 25px !important;
}
.p-left-25 {
  padding-left: 25px !important;
}
.m-top-25 {
  margin-top: 25px !important;
}
.m-right-25 {
  margin-right: 25px !important;
}
.m-bottom-25 {
  margin-bottom: 25px !important;
}
.m-left-25 {
  margin-left: 25px !important;
}
.p-top-30 {
  padding-top: 30px !important;
}
.p-right-30 {
  padding-right: 30px !important;
}
.p-bottom-30 {
  padding-bottom: 30px !important;
}
.p-left-30 {
  padding-left: 30px !important;
}
.m-top-30 {
  margin-top: 30px !important;
}
.m-right-30 {
  margin-right: 30px !important;
}
.m-bottom-30 {
  margin-bottom: 30px !important;
}
.m-left-30 {
  margin-left: 30px !important;
}
/* Border Control
----------------------------------------------- */
.no-border-top {
  border-top: 0 !important;
}
.no-border-right {
  border-right: 0 !important;
}
.no-border-bottom {
  border-bottom: 0 !important;
}
.no-border-left {
  border-left: 0 !important;
}
/* MediaQueries max-width: 1280px
----------------------------------------------- */
@media only screen and (max-width: 1280px) {
  .lyt-main .lyt-main-title {
    font-size: 3.5rem;
  }
  .lyt-main .lyt-main-title > span {
    font-size: 2.2rem;
  }
  .lyt-main .lyt-main-txt {
    margin: 0 0 20px;
  }
}
/* MediaQueries max-width: 1100px
----------------------------------------------- */
@media only screen and (max-width: 1100px) {
  .lyt-main .lyt-main-col-inner {
    padding: 2.34261% 10px 0;
  }
}
/* MediaQueries max-width: 1020px
----------------------------------------------- */
@media only screen and (max-width: 1020px) {
  .header-inner {
    padding-right: 10px;
    padding-left: 10px;
  }
  .header-utility {
    padding-right: 10px;
    padding-left: 10px;
  }
  .header-utility .header-utility-inner {
    padding: 0 10px 0 0;
  }
  .header-utility-02 {
    padding-right: 10px;
    padding-left: 10px;
  }
  .header-utility-02 .header-utility-inner {
    padding: 0 10px 0 0;
  }
  .new-nav-global .nav2 {
    padding-right: 10px;
    padding-left: 10px;
  }
  .topic-path-inner {
    padding-right: 10px;
    padding-left: 10px;
  }
  .content-inner {
    padding-right: 10px;
    padding-left: 10px;
  }
  .footer-inner-02 {
    padding-right: 10px;
    padding-left: 10px;
  }
  .footer-group-02 {
    padding-right: 10px;
    padding-left: 10px;
  }
  .footer-group-02 {
    padding: 20px 10px;
    width: 100% !important;
  }
  .link-media-03 > .link-title > .inner {
    padding-top: 16.66667%;
  }
  .lyt-main > .lyt-item > .lyt-inner {
    padding-right: 10px;
    padding-left: 10px;
  }
  .carousel-fade .carousel-ui {
    padding: 0 10px;
  }
}
/* MediaQueries max-width: 1000px
----------------------------------------------- */
@media only screen and (max-width: 1000px) {
  .lyt-main .lyt-main-title {
    font-size: 2.5rem;
  }
  .lyt-main .lyt-main-title > span {
    font-size: 1.8rem;
  }
  .lyt-main .lyt-main-txt {
    margin: 0 0 10px;
  }
  .lyt-main .lyt-main-btn {
    padding: 5px;
    font-size: 1.2rem;
  }
}
/* MediaQueries max-width: 900px
----------------------------------------------- */
@media only screen and (max-width: 900px) {
  .panel-finder-02 .panel-hdg {
    font-size: 1.4rem;
  }
}
/* MediaQueries max-width: 860px
----------------------------------------------- */
@media only screen and (max-width: 860px) {
  .header-inner {
    width: auto;
  }
  .header-utility {
    width: auto;
  }
  .header-utility-02 {
    width: auto;
  }
  .new-nav-global .nav2 {
    width: auto;
  }
  .topic-path-inner {
    width: auto;
  }
  .content-inner {
    width: auto;
  }
  .footer-inner-02 {
    width: auto;
  }
  .footer-group-02 {
    width: auto;
  }
  .link-media-03 > .link-title > .inner {
    padding-top: 5.55556%;
  }
  .lyt-main > .lyt-item > .lyt-inner {
    width: auto;
  }
  .lyt-main .lyt-main-col-inner {
    padding-top: 1.0981%;
  }
  .lyt-main .lyt-main-shapingideas .lyt-main-btn {
    left: 40.99561%;
  }
  .hide-full {
    display: block;
  }
  .hide-medium {
    display: none;
  }
}
/* MediaQueries max-width: 768px
----------------------------------------------- */
@media only screen and (max-width: 768px) {
  input, select {
    padding: 1px;
    font-size: 16px;
  }
}
/* MediaQueries max-width: 767px
----------------------------------------------- */
@media only screen and (max-width: 767px) {
  .header {
    position: relative;
    z-index: 150;
    padding: 9px 0;
    background: #fff;
    box-shadow:0px 0px 10px #ccc;
  }
  .header-logo {
    width: 144px;
    height: 42px;
  }
  .header-menu-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 150;
    display: block;
    overflow: hidden;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .06);
  }
  .header-menu-btn button {
    position: relative;
    width: 100%;
    height: 100%;
    border: 0;
    background: #1581c5;
  }
  .header-menu-btn button:before, .header-menu-btn button:after {
    display: block;
  }
  .header-menu-btn .header-menu-btn-inner:before {
    display: block;
  }
  .header-menu-btn .header-menu-state {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
  }
  .header-menu-cont {
    position: absolute;
    top: 64px;
    z-index: 200;
    width: 100%;
  }
  .header-utility {
    padding: 0;
  }
  .header-utility .header-utility-inner {
    position: static;
    padding: 0;
    border-bottom: 1px solid #ccc;
    background: #fff;
  }
  .header-utility .header-utility-inner > li {
    width: 100%;
  }
  .header-utility .utility-nav {
    margin: 0;
    padding: 0;
    border-right: 0;
    border-bottom: 1px solid #ccc;
    text-align: center;
  }
  .header-utility .utility-nav li {
    margin: 0;
    width: 50%;
  }
  .header-utility .utility-nav li:nth-child(2n) {
    border-left: 1px solid #ccc;
  }
  .header-utility .utility-nav a {
    display: block;
    padding: 13px;
  }
  .header-utility .lang-switch {
    padding: 0;
    border-bottom: 1px solid #ccc;
    text-align: center;
  }
  .header-utility .lang-switch li {
    margin: 0;
    width: 50%;
  }
  .header-utility .lang-switch li:nth-child(2n) {
    border-left: 1px solid #ccc;
  }
  .header-utility .lang-switch a {
    display: block;
    padding: 13px;
  }
  .header-utility .utility-contact {
    margin: 0;
    padding: 10px;
    text-align: center;
    font-size: 1.6rem;
  }
  .header-utility .utility-contact a {
    padding: 2px 0;
    width: 80%;
  }
    .header-utility .utility-contact a:before {
        top: .48em;
    }
  .header-utility-02 {
    padding: 0;
  }
  .header-utility-02 .header-utility-inner {
    position: static;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    background: #fff;
    text-align: center;
  }
  .header-utility-02 .size-switch {
    display: none;
  }
  .header-search {
    display: block;
  }
  .header-search .header-search-inner {
    width: 80%;
  }
  .header-search .search-keywords {
    width: 100%;
  }
  .header-search .search-keywords:focus {
    width: 100%;
  }
  .new-nav-global {
    border-top-color: #ccc;
    background-image: none;
    box-shadow: none;
    font-size: 1.4rem;
  }
  .new-nav-global:before {
    display: none;
  }
  .new-nav-global .nav2 {
    padding: 0;
    text-align: left;
  }
  .new-nav-global .nav2 li {
    float: none;
    width: 100% !important;
    border-bottom: 1px solid #cdcdcd;
  }
  .new-nav-global .nav2 li:before, .new-nav-global .nav2 li:after {
    display: none;
  }
  .new-nav-global .nav2 a {
    margin: 0;
    padding: 18px 20px 16px;
    border-radius: 0;
    background-color: #fff;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMzglIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(38.45%, #fff), color-stop(100%, #fff));
    background-image: -webkit-linear-gradient(bottom, #f4f4f4 0%, #fff 38.45%, #fff 100%);
    background-image: linear-gradient(to top,#f4f4f4 0%, #fff 38.45%, #fff 100%);
  }
  .new-nav-global .nav2 a:before {
    display: block;
  }
  .new-nav-global .nav2 a:hover, .new-nav-global .nav2 a:active, .new-nav-global .nav2 a:focus {
    color: #333;
  }
  .new-nav-global .nav2 .is-current a {
    background: none;
    color: #333;
  }
  .topic-path {
    position: relative;
    top: -1px;
    border: 0;
    border-top: 1px solid #4652a1;
    background: #ebebeb;
  }
  .content-fluid {
    /* 余白調整用 */
  }
  .content-fluid._products {
    background-position: right 0;
    background-size: auto 62px;
  }
  .content-fluid._about {
    background-size: auto 62px;
  }
  .content-fluid._work {
    background-size: auto 62px;
  }
  .content-fluid._rd {
    background-size: auto 62px;
  }
  .content-fluid._individual {
    background-size: auto 62px;
  }
  [class^='content-fluid'] + .content-fluid._adjust-padding {
    margin-top: -40px;
  }
  .content-fluid-03 {
    padding: 7px 10px 12px;
  }
  .content-inner {
    padding: 20px 10px;
  }
  .content-fluid._ir > .content-inner, .content-fluid._work > .content-inner, .content-fluid._rd > .content-inner,.content-fluid._individual > .content-inner {
    padding-top: 19px;
    padding-bottom: 18px;
  }
  .content-view[data-hidden='lt-bp'] {
    display: none;
  }
  .footer {
    font-size: 1.2rem;
  }
  .footer-group-02 {
    display: block;
    text-align: center;
  }
  .footer-hdg {
    padding: 0 0 10px;
  }
  .footer-logo {
    display: block;
    margin: 0 0 10px;
    width: auto;
  }
  .footer-copyright {
    display: block;
    color: #4b4e52;
    text-align: center;
  }
  .hdg-l1 {
    margin: 0 0 10px;
    font-size: 2.4rem;
  }
  .hdg-l1 > span {
    font-size: 1.4rem;
  }
  .content-fluid._products .hdg-l1, .content-fluid._about .hdg-l1, .content-fluid._work .hdg-l1, .content-fluid._rd .hdg-l1 , .content-fluid._individual .hdg-l1{
    margin: 0 0 23px;
  }
  .hdg-l2 {
    margin-bottom: 11px;
  }
  .hdg-l2-02 {
    margin: 0;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
  }
  .hdg-l2-02 button {
    display: block;
    padding: 10px;
    width: 100%;
    cursor: pointer;
  }
  .hdg-l2-02 button:hover, .hdg-l2-02 button:active, .hdg-l2-02 button:focus {
    text-decoration: none;
  }
  .toggle > .lyt-rss > .hdg-l2-02 {
    margin: 0;
  }
  .grid-col + .grid-col > .toggle > .lyt-rss > .hdg-l2-02 {
    margin-top: -1px;
  }
  .hdg-l2-04 {
    margin: 0;
  }
  .hdg-l2 + .hdg-l3 {
    margin-top: -10px;
  }
  .hdg-l2 + .hdg-l3-02 {
    margin-top: -10px;
  }
  .txt-lead {
    font-size: 1rem;
  }
  .content-fluid._rd .txt-lead {
    width: auto;
  }
  .txt-released {
    display: none;
  }
  .txt-info {
    font-size: 1.2rem;
  }
  .txt-info > .txt-label {
    margin: 0 10px 0 0;
  }
  .txt-info > .txt-date {
    margin: 0 10px 0 0;
  }
  .list-disc {
    width: auto;
  }
  .list-disc dt {
    margin: 0 0 5px;
    font-size: 1.4rem;
  }
  .list-disc dd {
    font-size: 1rem;
  }
  .txt-info .link {
    display: block;
    margin: 5px 0 0;
    padding: 0;
  }
  .txt-info .link:before {
    display: none;
  }
  .link-media {
    border-bottom: 1px solid #fff;
  }
  .link-media > .link-title {
    position: static;
    display: inline-block;
  }
  .link-media > .link-item {
    display: none;
  }
  .grid._nav-02 > .grid-col .link-media {
    margin-right: -10px;
    margin-left: -10px;
  }
  .link-list._grid {
    margin-left: 0;
  }
  .link-list._grid > li {
    float: none;
    margin-left: 0;
    width: auto;
  }
  .link-list._grid > li:nth-child(2n) {
    width: auto;
  }
  .nav-index > .nav-col > .nav-inner > .link-list {
    margin-left: -20px;
  }
  .nav-index > .nav-col > .nav-inner > .link-list > li {
    float: left;
    margin: 0 0 0 20px;
    font-size: 1.2rem;
  }
  .nav-index > .nav-col > .nav-inner > .link-list > li > a {
    padding: 0 0 0 11px;
  }
  .nav-index > .nav-col > .nav-inner > .link-list > li > a:before {
    top: .2em;
  }
  .link-list-04 .link-list._grid {
    padding: 0 0 0 24px;
  }
  .link-list-04 .link-list._grid > li {
    padding-right: 15px;
    width: auto;
  }
  .link-list-02 > li {
    padding: 0 0 0 13px;
  }
  .link-list-02 > li > a {
    margin-left: -13px;
  }
  .link-list-03 > li {
    display: block;
  }
  .link-list-03 > li a {
    display: block;
  }
  .link-list-03[data-break='true'] > li {
    float: none;
    width: auto;
  }
  .link-list-03[data-break='true'] > li a {
    border: 1px solid #dedede;
    border-top: 0;
  }
  .link-list-03[data-break='true'] > li:first-child a {
    border-top: 1px solid #dedede;
  }
  .link-list-04 {
    margin: 0;
  }
  .link-list-04 > li {
    float: none;
    margin: 0 0 20px;
    width: auto;
  }
  .btn-list > li {
    font-size: 2rem;
  }
  .nav-index {
    margin-left: 0;
  }
  .nav-index > .nav-col {
    margin-bottom: 10px;
    margin-left: 0;
    padding: 10px;
    width: 48.33333%;
  }
  .nav-index > .nav-col > .nav-hdg {
    margin: 0 0 8px;
    font-size: 1.6rem;
    line-height: 1.06;
  }
  .nav-index > .nav-col > .nav-hdg a:before {
    top: 50%;
    margin: -9.5px 0 0 0;
  }
  .nav-index > .nav-col > .nav-inner {
    padding: 0;
    font-size: 1rem;
  }
  .nav-index > .nav-col._results, .nav-index > .nav-col._greeting, .nav-index > .nav-col._individual, .nav-index > .nav-col._annual {
    background: #fff;
  }
  .nav-index > .nav-col._results {
    box-sizing: border-box;
    width: 100%;
    height: auto !important;
  }
  .nav-index > .nav-col._greeting {
    clear: both;
    margin-bottom: 0;
  }
  .nav-index > .nav-col._individual {
    float: left;
    clear: none;
    margin-left: 3.33333%;
  }
  .nav-index > .nav-col._annual {
    display: none;
  }
  .nav-special {
    display: none;
  }
  .grid[data-break='true'], .grid._uneven[data-break='true'], .grid._wide[data-break='true'], .grid._narrow[data-break='true'] {
    margin-left: 0;
  }
  .grid[data-break='true'] > .grid-col, .grid[data-break='true'] > .grid-col-02, .grid._uneven[data-break='true'] > .grid-col, .grid._uneven[data-break='true'] > .grid-col-02, .grid._wide[data-break='true'] > .grid-col, .grid._wide[data-break='true'] > .grid-col-02, .grid._narrow[data-break='true'] > .grid-col, .grid._narrow[data-break='true'] > .grid-col-02 {
    float: none;
    margin-left: 0;
    width: auto;
  }
  .grid._nav > .grid-col p, .grid._nav > .grid-col ul, .grid._nav > .grid-col ol, .grid._nav > .grid-col dl, .grid._nav-02 > .grid-col p, .grid._nav-02 > .grid-col ul, .grid._nav-02 > .grid-col ol, .grid._nav-02 > .grid-col dl {
    margin-bottom: 20px;
  }
  .grid._nav > .grid-col:last-child > :last-child, .grid._nav-02 > .grid-col:last-child > :last-child {
    margin-bottom: 0;
  }
  .content-inner > .grid._nav:first-child, .content-inner > .grid._nav-02:first-child {
    margin-top: -20px;
  }
  .content-inner > .grid._nav:last-child, .content-inner > .grid._nav-02:last-child {
    margin-bottom: -20px;
  }
  .grid._nav > .grid-col {
    margin: 0 -10px;
  }
  .panel .panel-dl {
    display: none;
  }
  .panel > .panel-hdg + .panel-inner {
    padding-top: 0;
  }
  .panel-link > a > .panel-img {
    position: static;
    overflow: hidden;
    box-sizing: border-box;
    height: 107px;
    text-align: right;
  }
  .panel-link > a > .panel-col > .title {
    line-height: 1;
  }
  .panel-link._greeting > a, .panel-link._outline > a, .panel-link._network > a, .panel-link._hitachichem > a {
    padding: 0;
    border: 0;
    background: transparent;
    color: #333;
  }
  .panel-link._greeting > a > .panel-img, .panel-link._outline > a > .panel-img, .panel-link._network > a > .panel-img, .panel-link._hitachichem > a > .panel-img {
    margin: 0 0 10px;
  }
  .panel-link._greeting > a > .panel-col > .title, .panel-link._outline > a > .panel-col > .title, .panel-link._network > a > .panel-col > .title, .panel-link._hitachichem > a > .panel-col > .title {
    color: #0670ce;
  }
  .panel-link._greeting > a > .panel-col > .title:after, .panel-link._outline > a > .panel-col > .title:after, .panel-link._network > a > .panel-col > .title:after, .panel-link._hitachichem > a > .panel-col > .title:after {
    background-position: -180px -130px;
  }
  .panel-link._greeting > a > .panel-img {
    border: 1px solid #efefef;
    background: #fff;
  }
  .panel-link._greeting > a > .panel-img img {
    width: 187px;
  }
  .panel-link._greeting > a > .panel-col > .lead {
    margin: 0 0 2px;
    padding: 0;
    border: 0;
    line-height: 1.2;
  }
  .panel-link._outline > a > .panel-img, .panel-link._network > a > .panel-img {
    position: relative;
    top: auto;
  }
  .panel-link._outline > a > .panel-img img, .panel-link._network > a > .panel-img img {
    position: absolute;
    top: 50%;
    right: 0;
  }
  .panel-link._outline > a > .panel-img {
    background: #507bc8;
  }
  .panel-link._outline > a > .panel-img img {
    margin-top: -100px;
  }
  .panel-link._network > a > .panel-img {
    background: #8fa11b;
  }
  .panel-link._network > a > .panel-img img {
    float: right;
    margin-top: -100px;
    max-width: none;
  }
  .panel-link._hitachichem > a > .panel-img {
    background: #2166ac;
  }
  .panel-link-02 > a > .panel-img {
    text-align: center;
  }
  .panel-link-02 > a > .panel-col > .title {
    line-height: 1;
  }
  .panel-link-02._work .panel-img {
    margin-right: auto;
    margin-left: auto;
    width: 56.66667%;
  }
  .panel-link-02._individual .panel-img {
    margin-right: auto;
    margin-left: auto;
    width: 56.66667%;
  }
  .panel-search .panel-col {
    display: block;
    margin: 0 0 20px;
    padding: 0;
  }
  .panel-search .panel-col:first-child {
    padding: 0;
    border: 0;
  }
  .panel-search .panel-col + .panel-col {
    padding-top: 20px;
    border-top: 1px solid #d7d7d7;
  }
  .panel-search > :last-child {
    margin-bottom: 0;
  }
  .panel-special {
    display: none;
  }
  .panel-finder {
    margin: 0;
  }
  .panel-finder .panel-nav {
    margin: 0;
  }
  .panel-finder .panel-nav .panel-col {
    float: none;
    margin: 0;
    width: auto;
  }
  .panel-finder .panel-hdg {
    position: relative;
    overflow: hidden;
    margin: 0 -10px 1px;
  }
  .panel-finder .panel-hdg button {
    padding: 0;
    background: rgba(6, 112, 206, .85);
  }
  .panel-finder .panel-hdg button span {
    position: absolute;
    top: 50%;
    right: 10px;
    bottom: auto;
    left: auto;
    display: table;
    margin: -16px 0 0;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background: rgba(6, 112, 206, .85);
    box-shadow: 0 0 8px rgba(0, 0, 0, .2);
    -webkit-transition: all .7s cubic-bezier(.23, 1, .32, 1);
    transition: all .7s cubic-bezier(.23, 1, .32, 1);
  }
  .panel-finder .panel-hdg button span img {
    top: 50%;
    left: 50%;
    margin: -5px 0 0 -10px;
  }
    .industry_search .panel-finder .panel-hdg button span {
        background: rgba(10, 46, 141, .85);
    }
  .panel-finder .panel-hdg .panel-txt {
    position: relative;
    bottom: auto;
    padding: 14px 120px 14px 10px;
    background: none;
  }
  .panel-finder .panel-hdg .panel-img {
    position: absolute;
    top: 50%;
    right: 0;
    margin: -40px 0 0;
    width: 110px;
  }
  .panel-finder .panel-col.is-expand .panel-hdg button {
    background: #f3a019;
    color: #fff;
  }
  .panel-finder .panel-col.is-expand .panel-hdg button span {
    background: #f39f19;
  }
  .panel-finder .panel-col.is-expand .panel-hdg button span img {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .panel-finder .panel-col.is-collapse .panel-hdg button {
    background: rgba(6, 112, 206, .85);
  }
  .panel-finder .panel-col.is-collapse .panel-hdg button span {
    background: rgba(6, 112, 206, .85);
  }
  .panel-finder .panel-col.is-collapse .panel-hdg button span img {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  .panel-finder-02 .panel-nav {
    margin: 0;
  }
  .panel-finder-02 .panel-nav .panel-col {
    float: none;
    margin: 0;
    width: auto;
  }
  .panel-finder-02 .panel-hdg {
    position: relative;
    margin: 0 -10px 1px;
    font-size: 1.8rem;
  }
  .panel-finder-02 .panel-hdg button {
    padding: 13px 35px 9px 60px;
    min-height: 0;
    text-align: left;
  }
  .panel-finder-02 .panel-hdg button:before, .panel-finder-02 .panel-hdg button:after {
    opacity: 1;
    -webkit-transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
    transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
  }
  .panel-finder-02 .panel-hdg button:after {
    display: block;
    opacity: 0;
  }
  .panel-finder-02 .panel-hdg button span {
    position: absolute;
    top: 50%;
    right: 10px;
    bottom: auto;
    left: auto;
    display: block;
    margin: -5px 0 0;
    width: 19px;
    height: 10px;
    background: transparent;
  }
  .panel-finder-02 .panel-hdg button span img {
    position: absolute;
    top: 0;
  }
  .panel-finder-02 .panel-col.is-expand .panel-hdg button {
    background: #f3a019;
    color: #fff;
  }
  .panel-finder-02 .panel-col.is-expand .panel-hdg button:before {
    opacity: 0;
  }
  .panel-finder-02 .panel-col.is-expand .panel-hdg button:after {
    opacity: 1;
  }
  .panel-finder-02 .panel-col.is-expand .panel-hdg button span img {
    opacity: 0;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .panel-finder-02 .panel-col.is-expand .panel-hdg button span:before {
    opacity: 1;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  .panel-finder-02 .panel-col.is-collapse .panel-hdg button {
    background: #e9edf2;
    color: #0670ce;
  }
  .panel-finder-02 .panel-col.is-collapse .panel-hdg button:before {
    opacity: 1;
  }
  .panel-finder-02 .panel-col.is-collapse .panel-hdg button:after {
    opacity: 0;
  }
  .panel-finder-02 .panel-col.is-collapse .panel-hdg button span img {
    opacity: 1;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  .panel-finder-02 .panel-col.is-collapse .panel-hdg button span:before {
    opacity: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .panel-finder-02 .panel-col._petrochemistry .panel-hdg button:before, .panel-finder-02 .panel-col._petrochemistry .panel-hdg button:after {
    left: 14px;
    margin: -11.5px 0 0 0;
  }
  .panel-finder-02 .panel-col._petrochemistry .panel-hdg button:before {
    width: 32px;
    height: 23px;
    background-position: -32px -33px;
    background-size: 146px auto;
  }
  .panel-finder-02 .panel-col._petrochemistry .panel-hdg button:after {
    width: 32px;
    height: 23px;
    background-position: -29px -65px;
    background-size: 146px auto;
  }
  .panel-finder-02 .panel-col._chemical .panel-hdg button:before, .panel-finder-02 .panel-col._chemical .panel-hdg button:after {
    left: 16px;
    margin: -16px 0 0 0;
  }
  .panel-finder-02 .panel-col._chemical .panel-hdg button:before {
    width: 29px;
    height: 32px;
    background-position: -96px 0;
    background-size: 146px auto;
  }
  .panel-finder-02 .panel-col._chemical .panel-hdg button:after {
    width: 29px;
    height: 32px;
    background-position: 0 -65px;
    background-size: 146px auto;
  }
  .panel-finder-02 .panel-col._inorganic .panel-hdg button:before, .panel-finder-02 .panel-col._inorganic .panel-hdg button:after {
    left: 14px;
    margin: -15.5px 0 0 0;
  }
  .panel-finder-02 .panel-col._inorganic .panel-hdg button:before {
    width: 32px;
    height: 31px;
    background-position: 0 -33px;
    background-size: 146px auto;
  }
  .panel-finder-02 .panel-col._inorganic .panel-hdg button:after {
    width: 32px;
    height: 31px;
    background-position: -64px 0;
    background-size: 146px auto;
  }
  .panel-finder-02 .panel-col._aluminium .panel-hdg button:before, .panel-finder-02 .panel-col._aluminium .panel-hdg button:after {
    left: 20px;
    margin: -16px 0 0 0;
  }
  .panel-finder-02 .panel-col._aluminium .panel-hdg button:before {
    width: 20px;
    height: 32px;
    background-position: -126px -33px;
    background-size: 146px auto;
  }
  .panel-finder-02 .panel-col._aluminium .panel-hdg button:after {
    width: 20px;
    height: 32px;
    background-position: -126px 0;
    background-size: 146px auto;
  }
  .panel-finder-02 .panel-col._electronics .panel-hdg button:before, .panel-finder-02 .panel-col._electronics .panel-hdg button:after {
    left: 15px;
    margin: -16px 0 0 0;
  }
  .panel-finder-02 .panel-col._electronics .panel-hdg button:before {
    width: 31px;
    height: 32px;
    background-position: 0 0;
    background-size: 146px auto;
  }
  .panel-finder-02 .panel-col._electronics .panel-hdg button:after {
    width: 31px;
    height: 32px;
    background-position: -32px 0;
    background-size: 146px auto;
  }
  .panel-finder-02 .panel-col._other .panel-hdg button:before, .panel-finder-02 .panel-col._other .panel-hdg button:after {
    left: 16px;
    margin: -16px 0 0 0;
  }
  .panel-finder-02 .panel-col._other .panel-hdg button:before {
    width: 36px;
    height: 33px;
    background-position: -38px -98px;
    background-size: 146px auto;
  }
  .panel-finder-02 .panel-col._other .panel-hdg button:after {
    width: 36px;
    height: 33px;
    background-position: -73px -98px;
    background-size: 146px auto;
  }
  .lyt-main > .lyt-item {
    position: static;
    padding: 5px 0;
  }
  .lyt-main .lyt-main-title {
    position: relative;
    margin: 5px 0;
    padding-right: 20px;
    font-size: 1.8rem;
  }
  .lyt-main .lyt-main-title > span {
    font-size: 1.4rem;
  }
  .lyt-main .lyt-main-title:after {
    display: block;
  }
  .lyt-main .lyt-main-txt, .lyt-main .lyt-main-btn {
    display: none;
  }
  .lyt-main .lyt-main-col-inner {
    position: static;
  }
  .lyt-main .lyt-main-shapingideas {
    position: relative;
    display: block;
  }
  .lyt-main .lyt-main-shapingideas .lyt-main-title {
    position: relative;
    z-index: 0;
    padding: 0 30px 0 10px;
  }
  .lyt-main .lyt-main-item .link, .lyt-main .lyt-main-shapingideas .link {
    display: none;
  }
  .lyt-search {
    display: block;
  }
  .lyt-search > .lyt-col, .lyt-search > .lyt-col-02 {
    display: block;
    padding: 0;
    width: auto;
  }
  .lyt-search > .lyt-col > .lyt-hdg {
    font-size: 2.4rem;
  }
  .lyt-search > .lyt-col > .lyt-hdg a:after {
    top: 4px;
  }
  .lyt-search > .lyt-col .lyt-txt, .lyt-search > .lyt-col .lyt-inner {
    display: none;
  }
  .lyt-rss {
    padding: 0;
  }
  .lyt-rss > .lyt-item {
    display: none;
  }
  .toggle .toggle-state {
    display: block;
  }
  .toggle .toggle-cont {
    display: none;
    overflow: hidden;
    padding: 0 10px;
  }
  .toggle .toggle-link {
    position: static;
  }
  .toggle .toggle-cont-inner {
    margin: 20px 0;
  }
  .toggle + .toggle {
    margin-top: -1px;
  }
  .toggle._full {
    margin-right: -10px;
    margin-left: -10px;
  }
  .toggle-02 .toggle-cont {
    display: none;
    overflow: hidden;
    padding: 0 10px;
  }
  .toggle-02 .toggle-cont-inner {
    margin: 20px 0;
  }
  .panel-finder .toggle-02.is-expand .toggle-cont, .panel-finder-02 .toggle-02.is-expand .toggle-cont {
    display: block;
  }
  .toggle-menu .toggle-hook {
    display: block;
  }
  .toggle-menu .toggle-cont {
    display: none;
  }
  .toggle-menu .toggle-cont.is-animate {
    display: block;
    opacity: 0;
    -webkit-transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
    transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
  }
  .toggle-menu.is-expand .toggle-cont {
    display: block;
    opacity: 1;
  }
  .modal-cont.is-modal-render {
    padding: 0 10px;
  }
  .modal-inner {
    width: auto;
  }
  .is-modal-render .modal-inner {
    margin: 30px auto;
  }
  .carousel .carousel-inner {
    margin: 0 30px;
    max-width: none;
  }
  .carousel .carousel-item {
    margin: 0 0 0 -20px;
  }
  .carousel .carousel-item li {
    margin: 0 0 0 20px;
  }
  .carousel-fade .carousel-ui {
    margin: 5px 0 0 0;
  }
  .carousel-fade .carousel-indicator li {
    width: 30px;
    height: 6px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .25);
  }
  .carousel-bnr {
    max-width: none;
  }
  .carousel-inner {
    float: none;
    width: auto;
  }
  .carousel-item {
    position: relative;
    z-index: 1;
  }
  .finder-cont-view {
    display: none;
  }
  .finder-cont-view.is-active {
    display: none;
  }
  .finder-state {
    display: none !important;
  }
  .hide-small {
    display: none;
  }
}

/* ----------------------------------------------------------------
    contactForm
----------------------------------------------------------------- */
.tbl-01 .tableForm tbody tr th{
width:40%;
}
.tbl-01 .tableForm tbody tr td{
width:60%;
}
.tbl-01 .tableForm tbody tr td input[type="text"],
.tbl-01 .tableForm tbody tr td select{
border:solid 1px #ccc;
}
.tbl-01 .tableForm tbody tr td textarea{
width: 100%;
min-height: 200px;
border:solid 1px #ccc;
}

.tbl-01 input[type="submit"],
.tbl-01 input[type="reset"]{
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
appearance: none;
}

.tbl-01 input[type="submit"].submitBtn{
margin:0 20px 0 0;
padding:20px 80px;
background: #f19500!important;
color:#333;
font-weight: bold;
-webkit-transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
}
.tbl-01 input[type="reset"].resetBtn{
padding:20px 80px;
background: #f4f6f8!important;
font-weight: bold;
-webkit-transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
}
.tbl-01 input[type="submit"].submitBtn:hover{
text-decoration: none;
opacity: .8;
}
.sslMark {
display: -webkit-flex;
-webkit-justify-content: center;
-webkit-align-items: center;
display: -ms-flex;
-ms-justify-content: center;
-ms-align-items: center;
display: flex;
justify-content: center;
align-items: center;
}
.sslMark .right{
margin-left:15px;
}
.sslMark .right p{
text-align: left;
margin: 0;
}

/*スマホの設定----------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {

input[type=text],
.tbl-01 .tableForm tbody tr td textarea{
border : 1px solid #ccc;
-webkit-border-radius : 0;
-webkit-appearance : none;
-webkit-tap-highlight-color : rgba(0,0,0,0);
}

.tbl-01 .tableForm tbody tr th,
.tbl-01 .tableForm tbody tr td{
display: block;
width:96%;
border:none;
padding:2%;
}
.tbl-01 .tableForm tbody tr td{
padding:2% 2% 4%;
}
.tbl-01 .tableForm tbody tr td input[type="text"]{
width:96%!important;
border:solid 1px #ccc;
padding:1.5% 1%;
}
.tbl-01 .tableForm tbody tr td select{
border:solid 1px #ccc;
background:transparent;
padding:1.5% 1%;

-webkit-appearance: button;
-moz-appearance: button;
appearance: button;

-webkit-border-radius : 0;
-webkit-tap-highlight-color : rgba(0,0,0,0);
}
.tbl-01 .tableForm tbody tr td span{
position:relative;
}
.tbl-01 .tableForm tbody tr td span:after{
content: '▼';
position: absolute;
right: 5px;
top: 0;
font-size:1rem;
}
.tbl-01 input[type="submit"].submitBtn{
width:100%;
margin:0 0 20px;
}
.tbl-01 input[type="reset"].resetBtn{
width:100%;
}
.sslMark {
display: block;
}
.sslMark .left {
text-align: center !important;
}
.sslMark .right{
margin-top:15px;
}
}

/* ----------------------------------------------------------------
    newsrelease
----------------------------------------------------------------- */
.newsTag{}
.newsTag li{
float:left;
margin:0 1.2% 0 0;
width:15.65%;
}
.newsTag li:last-child{
margin:0;
}
.newsTag li a{
display:table;
width:100%;
padding:4.5% 0 3.5%;
border: 1px solid #1d7dd1;
color: #0670ce;
text-align: center;
font-size: 1.6rem;
}

.newsTag li a:hover{
text-decoration: none;
opacity: .8;
}
.newsTag li a:active,
.newsTag li a:focus{
text-decoration: none;
}

/*activeの場合*/
.newsTag li.active .buffer{
display:table;
width: 100%;
border: 1px solid #1d7dd1;
background: #1d7dd1;
color:#fff;
padding:4.5% 0 3.5%;
text-align: center;
font-size: 1.6rem;
}
.newsTag li.active .buffer a{
border: 1px solid #1d7dd1;
background: #1d7dd1;
color:#fff;
}

/*スマホの設定----------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 767px){
.newsTag li{
width:32.13%;
margin:0 1.8% 0 0;
}
.newsTag li:nth-child(-n+3){
margin:0 1.8% 1% 0;
}
.newsTag li:nth-child(3n){
margin-right:0;
}
}

/* ----------------------------------------------------------------
    productList_jp
----------------------------------------------------------------- */
.table.productList {
  display: table;
  width: 100%;
  margin-bottom: 30px;
  table-layout: fixed;
}

.table.productList .row {
  display: table-row;
  width: 100%;
}

.table.productList .row:nth-child(odd) {
  background-color: #f9f9f9;
}

.table.productList .row .th,
.table.productList .row .td {
  display: table-cell;
  padding: 15px;
  border-bottom: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea;
  vertical-align: top;
  word-wrap: break-word;
  }

.table.productList .row .th:not(.wrap),
.table.productList .row .td:not(.wrap) {
/*  white-space: nowrap;*/
}

.table.productList .row .th:last-child,
.table.productList .row .td:last-child {
  border-right: 1px solid #eaeaea;
}

.table.productList .row > .th {
  font-weight: bold;
  color: #fff;
  background-color: #0570ce;
}
.table.productList .row > .th:nth-child(1){
  width:20% !important;
}
.table.productList .row > .th:nth-child(2){
  width:20% !important;
}
.table.productList .row > .th:nth-child(3){
  width:30% !important;
}
.table.productList .row > .th:nth-child(4){
  width:30% !important;
}

.table.productList .row .td .label {
  pointer-events: none;
}
.table.productList .row .td .label a {
  pointer-events: auto;
}

.table.productList .row .spAccordion,
.table.productList input[type="checkbox"] {
  display: none;
}
.table.productList .row .td .label a.productTitle{
  position: relative;
  display: inline-block;
  padding: 0 0 0 18px;
}
.table.productList .row .td .label a.productTitle::before {
  display: block;
  background-image: url(/assets/shared/new/images/icon/sprite.png);
  background-position: -184px -66px;
  background-size: 292px auto;
  content: '';
  display: block;
  height: 13px;
  position: absolute;
  width: 7px;
  background-clip: content-box;
  top: 3px;
  left: 0;
  padding-right: 10px;
}
/*スマホの設定----------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 767px) {
  .not-tel a {
    color: #333;
    text-decoration: none;
    pointer-events: none;
  }
  .table.productList {
    margin-bottom: 20px;
  }
  .table.productList .row {
    display: block;
    margin: 0 0 1px;
  }
  .table.productList .row:first-child {
    margin: 0;
  }
  .table.productList .row:nth-child(odd) {
    background-color: transparent;
  }
  .table.productList .row .th.spNone,
  .table.productList .row .td.spNone {
    display: none;
  }
  .table.productList .row .th,
  .table.productList .row .td {
    display: block;
    /*width: 96%;*/
    border: none;
    padding: 2%;
    white-space: normal;
  }
  .table.productList .row .th,
  .table.productList .row .td {
    display: block;
    /*width: 96%;*/
    border: none;
    padding: 2%;
  }
  .table.productList .row .th {
    font-size: 1.8rem;
    font-weight: bold;
    color: #333;
    background: transparent;
  }
  .table.productList .row .td.tglBtn {
    position: relative;
    width: 100%;
    padding: 0;
    background: transparent;
  }
  .table.productList .row .th,
  .table.productList .row .td {
    white-space: normal !important;
  }
  .table.productList .row .td.tglBtn .toggle-state {
    position: absolute;
    top: 50%;
    right: 10px;
    bottom: auto;
    left: auto;
    display: block;
    text-align: center;
    margin: -16px 0 0;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    transition: all .4s cubic-bezier(.23, 1, .32, 1);
  }
  .table.productList .row .td.tglBtn .open .toggle-state {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .table.productList .row .td .label {
    position: relative;
    display: block;
    padding: 15px 50px 15px 15px;
    color: #fff;
    font-weight: bold;
    background-color: #0670ce;
    cursor: pointer;
    pointer-events: auto;
  }
  .table.productList .row .td .label a {
    color: #fff;
    pointer-events: none;
  }
  .table.productList .row .spAccordion {
    overflow: hidden;
    display: block;
    height: 0;
    padding: 0 10px;
    transition: height .4s;
  }
  .table.productList .row .spAccordion .list-link{
    margin: 0;
    padding: 0 0 20px;
  }
  .table.productList .row .spAccordion .slideBlock {
    list-style: none;
    margin: 0;
  }
  .table.productList .row .spAccordion .td {
    position: relative;
    border-bottom: 1px solid #eaeaea;
    padding: 10px 10px 10px 120px;
    min-height: 23px;
  }
  .table.productList .row .spAccordion .td:first-child{
    padding: 10px 10px 10px 140px;
  }
  .table.productList .row .spAccordion .td:nth-child(1)::before {
    position: absolute;
    left: 0;
    top: 10px;
    content: "製品名 : ";
    display: inline-block;
    font-weight: bold;
  }
  .table.productList .row .spAccordion .td:nth-child(2)::before {
    position: absolute;
    left: 0;
    top: 10px;
    content: "一般名／物質名 : ";
    width: 120px;
    display: inline-block;
    font-weight: bold;
  }
  .table.productList .row .spAccordion .td:nth-child(3)::before {
    position: absolute;
    left: 0;
    top: 10px;
    content: "用途 : ";
    display: inline-block;
    font-weight: bold;
  }
  .table.productList .row .spAccordion .td:nth-child(4)::before {
    position: absolute;
    left: 0;
    top: 10px;
    content: "問い合わせ先 : ";
    display: inline-block;
    font-weight: bold;
  }
  .table.productList .row .spAccordion .td:last-child {
    border-right: none;
  }
  .table.productList .row .td .label a.productTitle{
  position: relative;
  display: inline-block;
  padding: 0;
}
.table.productList .row .td .label a.productTitle::before {
  display: block;
  background-image: none;
  content: '';
  display: block;
  height: 13px;
  position: absolute;
  width: 7px;
  background-clip: content-box;
  top: 3px;
  left: 0;
  padding-right: 10px;
}
}
/* ----------------------------------------------------------------
    productList_jp
----------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
  .table.productList .row .spAccordion .td{
    padding: 10px 10px 10px 120px;
  }
  .table.productList .row .spAccordion .td:nth-child(1)::before {
    position: absolute;
    left: 0;
    top: 10px;
    content: "製品名 : ";
    display: inline-block;
    font-weight: bold;
  }
  .table.productList .row .spAccordion .td:nth-child(2)::before {
    position: absolute;
    left: 0;
    top: 10px;
    content: "一般名／物質名 : ";
    width: 120px;
    display: inline-block;
    font-weight: bold;
  }
  .table.productList .row .spAccordion .td:nth-child(3)::before {
    position: absolute;
    left: 0;
    top: 10px;
    content: "用途 : ";
    display: inline-block;
    font-weight: bold;
  }
  .table.productList .row .spAccordion .td:nth-child(4)::before {
    position: absolute;
    left: 0;
    top: 10px;
    content: "問い合わせ先 : ";
    display: inline-block;
    font-weight: bold;
  }
  .table.productList.en .row .spAccordion .td:nth-child(1)::before {
    content: "Product name : ";
  }
  .table.productList.en .row .spAccordion .td:nth-child(2){
    min-height: 70px;
  }
  .table.productList.en .row .spAccordion .td:nth-child(2)::before {
    content: "Generic name / Substance name : ";
    width: 120px;
  }
  .table.productList.en .row .spAccordion .td:nth-child(3)::before {
    content: "Application : ";
  }
  .table.productList.en .row .spAccordion .td:nth-child(4)::before {
    content: "Contact : ";
  }
  .table.productList.en .row .spAccordion .td:last-child {
    border-right: none;
  }
  .table.productList .row .td .label a.productTitle {
    position: relative;
    display: inline-block;
    padding: 0;
  }
  .table.productList .row .td .label a.productTitle::before {
    display: block;
    background-image: none;
    content: '';
    display: block;
    height: 13px;
    position: absolute;
    width: 7px;
    background-clip: content-box;
    top: 3px;
    left: 0;
    padding-right: 10px;
  }
}

/* ----------------------------------------------------------------
    productList_jp 1clm 2019
----------------------------------------------------------------- */
/*======================heading======================*/
.content-products-1clm .hdg-l1{
  margin-bottom: 46px;
}
.hdg-l2-06{
  font-size: 2.8rem;
  font-weight: normal;
}
.sp-only{
  display: none;;
}
.pc-only{
  display: block;;
}
/*======================link======================*/
/*--------------list-item-link--------------*/
.list-item-link-01,
.list-item-link-02,
a.list-item-link-01,
a.list-item-link-02{
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  color: #0670ce;
  padding-top: 3px;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
}
.list-item-link-01,
a.list-item-link-01{
  background: #e1eef9;
  min-height: 70px;
  font-size: 1.8rem;
/*  line-height: 2em;*/
  line-height: 1.2em;
  padding: 10px 10px;
}

.current > .list-item-link-01,
.current > a.list-item-link-01,
.active > .list-item-link-01,
.active > a.list-item-link-01,
.active.list-item-link-01,
a.active.list-item-link-01,
a.active:visited.list-item-link-01,
.active.list-item-link-01 a{
  background: #0670ce;
  color: #fff;
}
.list-item-link-01:hover,
a.list-item-link-01:hover,
.list-item-link-01:hover a{
  text-decoration: none;
  background: #0670ce;
  color: #fff;
}
a.list-item-link-01:active, 
a.list-item-link-01:hover, 
a.list-item-link-01:focus{
  text-decoration: none;  
}
.list-item-link-02,
a.list-item-link-02{
  background: #f4f6f8;
  min-height: 50px;
  font-size: 1.6rem;
/*  line-height: 2.25em;*/
  line-height: 1.2em;
  padding: 10px 10px;
}
.current > .list-item-link-02,
.current > a.list-item-link-02,
.active > .list-item-link-02,
.active > a.list-item-link-02{
  border: 1px solid #0670ce;
  padding: 9px 9px;
}
.list-item-link-02:hover,
a.list-item-link-02:hover{
  text-decoration: none;
  padding: 9px 9px;
  border: 1px solid #0670ce;
}
a.list-item-link-02:active, 
a.list-item-link-02:hover, 
a.list-item-link-02:focus{
  text-decoration: none;  
}
/*--------------link-anchor-base--------------*/
/*--------------link-anchor-a01--------------*/
a.link-anchor-a01{
  color: #333333;
  position: relative;
  padding-left: 17px;
  transition: color .7s cubic-bezier(.23, 1, .32, 1);
}
a.link-anchor-a01:before{
  content: "";
  border: 6px solid transparent;
  border-top: 10px solid #0870cf;
  border-bottom-width: 0;
  position: absolute;
  top: 5px;
  left: 0;
}
a.link-anchor-a01:hover{
  color: #0670ce;
  text-decoration: underline;
}
a.link-anchor-a01:before:hover{
  text-decoration: none;
}
/*--------------link-btn-a01--------------*/
a.link-btn-a01,
a.link-btn-b01{
  width: 100%;
  height: 100%;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
a.link-btn-a01 span,
a.link-btn-b01 span{
  width: 100%;
  display: block;
  text-align: center;
  line-height: 1em;
}
a.link-btn-a01 .text-min,
a.link-btn-b01 .text-min{
  font-size: 1.2rem;
  line-height: 1em;
  margin-bottom: 5px;
}
a.link-btn-a01{
  text-decoration: none;
  background: #f19500; 
}
a.link-btn-a01:after{
  display:none!important;
}
a.link-btn-b01{
  background: #636363; 
}
a.link-btn-a01:hover,
a.link-btn-b01:hover{
  text-decoration: none;
  opacity: .8;
}
/*--------------product-definition-list--------------*/
/*---共通---*/
.product-definition-list-01,
.product-definition-list-02{
  font-size: 1.4rem;
  line-height: 1.57em;
  margin: -4px 0;
}
.product-definition-list-01 > dt,
.product-definition-list-02 > dt{
  font-weight: bold;
}
.product-definition-list-01 > dt:after,
.product-definition-list-02 > dt:after{
  content: "：";
  display: inline;
  font-weight: normal;
}
/*---横並び---*/
.product-definition-list-01{
  display: flex;
}
.product-definition-list-01 > dt{
  white-space: nowrap;
}
.product-definition-list-01 > dd{
  margin-right: 10px;
  word-break: break-all;
}
/*---改行---*/
.product-definition-list-02 > dt{
  float: left;
  clear: left;
  margin-bottom: 2px;
}
.product-definition-list-02 > dd{
  float: left;
  margin-bottom: 2px;
}
.product-definition-list-02 > *:nth-last-child(-n+2){
  margin-bottom: 0;
}
.product-definition-list-02:after{
  height: 0;
  display: block;
  clear: both;
  float: none;
  visibility: hidden;
  content: "";
}
/*--------------contact-box--------------*/
.contact-box-a01,
.contact-box-a02{
  width: 100%;
  background: #f4f4f4;
  padding: 20px;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 20px;
}
.contact-box-a01 .contact-box-a01-ttl,
.contact-box-a02 .contact-box-a02-ttl{
  width: 100%;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.57em;
  margin-bottom: 9px;
}
.contact-box-a01 .contact-box-a01-text,
.contact-box-a01 .contact-box-a02-text{
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.57em;
}
/*--------------contact-box-a01-------------*/
.contact-box-a01 .contact-box-a01-btn-wrap{
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  margin: 0 10px 20px 0;
}
.contact-box-a01 .contact-box-a01-btn-wrap > li{
  width: 180px;
  height: 40px;
  margin-right: 10px;
  font-size: 1.6rem;
}

/*======================Layout======================*/
.section-body{
  margin-top: 50px;
}
/*--------------jsAccordion-------------*/
.jsGroupTabWrap .jsGroupTabContent{
  display: none;
}
.jsGroupTabWrap .active.jsGroupTabContent{
  display: flex;
}
/*--------------categoryList--------------*/
.categoryList-tab-wrap{
  margin: 50px 0 30px; 
}
.categoryList-tab{
  position: relative;
}
.categoryList-tab-item{
  float: left;
}
.categoryList-tab-item .categoryList-tab-item-ttl{
  width: 100%;
  cursor: pointer;
}
.categoryList-tab-item .categoryList-tab-item-body{
  width: 100%;
  position: absolute;
  top: 160px;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: none;
}
.categoryList-tab-item.active .categoryList-tab-item-body {
  display: block;
}
.categoryList-tab:after{
  height: 0;
  display: block;
  clear: both;
  content: "";
}
/*--------------gridList--------------*/
.grid-list-wrap{
  margin: 50px 0;
}
.grid-4clm-wrap,
.grid-5clm-wrap,
.grid-10clm-wrap,
.grid-13clm-wrap{
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  margin-bottom: 20px;
}
.grid-5clm-wrap{
  margin-bottom: 0;
}
.grid-4clm-wrap > .grid-4clm-item,
.grid-5clm-wrap > .grid-5clm-item,
.grid-10clm-wrap > .grid-10clm-item,
.grid-13clm-wrap > .grid-13clm-item{
  margin: 0 10px 10px 0;
  box-sizing: border-box;
}
.grid-4clm-wrap > .grid-4clm-item{
  width: 220px;
}
.grid-5clm-wrap > .grid-5clm-item{
  width: 174px;
}
.grid-10clm-wrap > .grid-10clm-item{
  width: 82px;
}
.grid-13clm-wrap > .grid-13clm-item{
  width: 60px;
}
.grid-4clm-wrap > .grid-4clm-item:nth-child(4n),
.grid-5clm-wrap > .grid-5clm-item:nth-child(5n),
.grid-10clm-wrap > .grid-10clm-item:nth-child(10n),
.grid-13clm-wrap > .grid-13clm-item:nth-child(13n){
  margin-right: 0;
}

/*--------------textLinkList--------------*/
.textLinkList-a01{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 60px;
}
.textLinkList-a01 > li{
  margin-right: 14px;
}

.categoryList-tab-wrap + .textLinkList-a01{
  padding-top: 10px;
  margin-bottom: 30px;
}
/*--------------jsAccordion-------------*/
.jsAccordion .jsAccordionContent{
  display: none;
}
.jsAccordion .jsAccordionTtl{
  cursor: pointer;
}

/*--------------product-box--------------*/
.product-box-wrap{
  margin-bottom: 51px;
}
 h2 + .product-box-wrap{
  margin-top: 22px;
}
.product-box{
  width: 100%;
  border: 1px solid #dedede;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 10px;
}
.product-box-head-block,
.product-box-body-block{
  display: block;
}
.product-box-head-block{
  padding: 33px 30px 27px 30px;
  position: relative;
}
.product-box .product-box-head-block:after{
  content: "";
  background: url(/assets/shared/new/images/icon/ico_arw_01.png) 0 0 no-repeat;
  background-size: contain;
  width: 19px;
  height: 11px;
  display: block;
  position: absolute;
  top: 40px;
  right: 31px;
  transform: rotate(-180deg);
  transition: all .4s cubic-bezier(.23, 1, .32, 1);
}
.product-box.active .product-box-head-block:after{
  transform: rotate(0deg);
  transition: all .4s cubic-bezier(.23, 1, .32, 1);
}
.product-box .product-box-head-block div:last-child{
  margin-bottom: 0;
}
.product-box-body-block{
 padding: 0 30px 30px 30px;
}
.product-box .product-box-ttl{
  font-size: 1.8rem;
  line-height: 1.57em;
  margin: -5px 0 13px;
 
}
.product-box .product-box-ttl-sub,
.product-box .product-box-name,
.product-box .product-box-text{
  font-size: 1.4rem;
  line-height: 1.57em;
}
.product-box .product-box-ttl-sub,
.product-box .product-box-text,
.product-box .product-box-head-block .product-box-name-wrap{
  margin: -4px 0 21px;
}
.product-box .product-box-head-block .product-box-name-wrap .product-box-name{
  margin: 0;
}
.product-box .product-box-body-block .product-box-name{
  margin: 0 0 21px;
}
.product-box .product-box-name-wrap{
  display: flex;
  flex-wrap: wrap;
}
.product-box .product-box-name-wrap .product-box-name:last-child dd{
  margin-right: 0;
}

.product-box .product-box-text{
  margin: 21px 0 0;
}
.product-box .contact-box-a01{
  margin: 30px 0 0;
}

/*--------------pager-wrap--------------*/
.pager-wrap{
  margin: 60px 0 ;
}
.pager-sp{
  display: none;
}
.pager-pc{
  display: flex;
  justify-content: center;
  margin-bottom: 0;
}
.pager-pc > li{
  margin: 0 5px;
}
.pager-pc > li > a,
.pager-pc > li > span{
  width: 40px;
  height: 40px;
  background: #f4f6f8;
  color: #0670ce;
  font-size: 1.4rem;
  line-height: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.pager-pc > .pager-pc-num.current a{
  border: 1px solid #0670ce;
}
.pager-pc > .pager-pc-prev{
  margin-right: 25px;
}
.pager-pc > .pager-pc-prev a{
  background: #f4f6f8 url(/assets/shared/new/images/icon/ico_arw_03.png) center center no-repeat;
  background-size: 7px 13px;
}
.pager-pc > .pager-pc-next{
  margin-left: 25px;
}
.pager-pc > .pager-pc-next a{
  background: #f4f6f8 url(/assets/shared/new/images/icon/ico_arw_03.png) center center no-repeat;
  background-size: 7px 13px;
  transform: rotate(180deg);
}
.pager-pc > .pager-pc-num a:hover,
.pager-pc > .pager-pc-prev a:hover,
.pager-pc > .pager-pc-next a:hover{
  text-decoration: none;
  border: 1px solid #0670ce;
}
/*--------------foot-search-block--------------*/
.foot-search-block{
  margin-top: 57px;
}
.foot-search-block .foot-search-block-list-link{
  display: flex;
  justify-content: space-between;
  padding: 0 15px;
}
.foot-search-block .foot-search-block-list-link > li{

}
.foot-search-block .foot-search-block-list-link > li a{
  font-size: 1.6rem;
  padding-left: 20px;
  position: relative;
  line-height: 1em;
}
.foot-search-block .foot-search-block-list-link > li a:before{
  content: "";
  display: block;
  background: url(/assets/shared/new/images/icon/sprite.png) -156px -130px no-repeat;
  height: 19px;
  width: 10px;
  position: absolute;
  left: 0; 
}
.foot-search-block .search-inner{
  margin-bottom: 0;
  position: relative;
}
.foot-search-block .search-inner input{
  display: block;
}
.foot-search-block .search-inner input.search-keywords{
  width: 100%;
  height: 60px;
  padding: 0 150px 0 30px;
  background: #f4f4f4;
  border: none;
  font-size: 1.6rem;
  box-sizing: border-box;
}
.foot-search-block .search-inner input.search-keywords::placeholder {
  color: #999999;
}
.foot-search-block .search-inner input.search-submit{
  width: 120px;
  height: 40px;
  background: #636363;
  color: #fff;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -20px;
  padding: 0;
  border: none;
  font-size: 1.6rem;
}
.foot-search-block .search-inner input.search-submit:hover{
  opacity: .8;
}

/* MediaQueries max-width: 860px
----------------------------------------------- */
@media only screen and (max-width: 860px) {
  .content-products-1clm .hdg-l1{
    font-size: 2.4rem;
    line-height: 1.25em;
    margin-bottom: 29px;
  }
  .hdg-l2-06{
    font-size: 2.2rem;
    line-height: 1.63em;
  }
  .sp-only{
    display: block;
  }
  .pc-only{
    display: none;
  }
  .section-body{
    margin-top: 40px;
  }
  /*--------------list-item-link--------------*/
  a.list-item-link-01,
  a.list-item-link-02,
  .list-item-link-01,
  .list-item-link-02{
    justify-content: flex-start;
    height: auto;
    min-height: 50px;
    font-size: 1.6rem;
    padding: 10px 40px 10px 15px;
    position: relative;
    text-align: left;
  }
  a.list-item-link-01:after,
  a.list-item-link-02:after,
  .list-item-link-01:after,
  .list-item-link-02:after{
    content: "";
    display: block;
    background: url(/assets/shared/new/images/icon/ico_arw_05.png) 0 0 no-repeat;
    background-size: cover;
    height: 17px;
    width: 10px;
    position: absolute;
    top: 50%;
    right: 15px; 
    margin-top: -8.75px;
  }
  .current > .list-item-link-01,
  .current > a.list-item-link-01,
  .active > .list-item-link-01,
  .active > a.list-item-link-01,
  .active.list-item-link-01,
  a.active.list-item-link-01,
  .current > .list-item-link-02,
  .current > a.list-item-link-02,
  .active > .list-item-link-02,
  .active > a.list-item-link-02{
    padding: 10px 40px 10px 15px;
    background: #9bc6eb;
    color: #0670ce;
    border: none;
  }
  .list-item-link-01:hover,
  a.list-item-link-01:hover,
  .list-item-link-01:hover a{
    background: #e1eef9;
    color: #0670ce;
    
  }
  .list-item-link-02:hover,
  a.list-item-link-02:active, 
  a.list-item-link-02:hover,
  a.list-item-link-02:focus{
    padding: 10px 40px 10px 15px;
    border: none;
  }
  /*--------------textLinkList--------------*/
  .textLinkList-a01{
    margin-bottom: 40px;
  }
  /*--------------jsAccordion-------------*/
  .jsGroupTabWrap .jsGroupTabTtlWrap,
  .jsGroupTabContentWrap,
  .jsTab,
  .jsAccordionSpOnlyContent{
    display: none;
  }
  .jsUnitTab .jsUnitTabContent{
    position: relative;
    top: 0;
  }
  .sp-accordion-ttl{
    width: 100%;
    background: #0670ce;
    color: #fff;
    min-height: 50px;
    font-size: 1.6rem;
/*    line-height: 2em;*/
    line-height: 1.2em;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 9px 40px 9px 15px;
    position: relative;
  }
  .sp-accordion-ttl.sp-only{
    display: flex;
  }
  .sp-accordion-ttl:after{
    content: "";
    display: block;
    background: url(/assets/shared/new/images/icon/ico_arw_04.png) 0 0 no-repeat;
    background-size: contain;
    height: 10px;
    width: 17px;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -5.25px;
    transition: all .4s cubic-bezier(.23, 1, .32, 1); 
  }
  .sp-accordion-sub-ttl{
    width: 100%;
    background: #f4f6f8;
    color: #0670ce;
    min-height: 50px;
    border: 1px solid #0670ce;
    font-size: 1.6rem;
/*    line-height: 2em;*/
    line-height: 1.2em;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 9px 40px 9px 15px;
    margin-bottom: 1px;
    position: relative;
    margin-top: 10px;
  }
  .sp-accordion-sub-ttl:after{
    content: "";
    display: block;
    background: url(/assets/shared/new/images/icon/ico_arw_06.png) 0 0 no-repeat;
    background-size: contain;
    height: 11px;
    width: 17px;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -5.25px;
    transition: all .4s cubic-bezier(.23, 1, .32, 1); 
  }
  .sp-accordion-ttl.active:after,
  .sp-accordion-sub-ttl.active:after{
    transform: rotate(180deg);
    transition: all .4s cubic-bezier(.23, 1, .32, 1); 
  }


  /*--------------gridList--------------*/
  .grid-list-wrap{
    margin: 20px 0;
  }
  .grid-4clm-wrap,
  .grid-5clm-wrap,
  .grid-10clm-wrap,
  .grid-13clm-wrap{
    width: 100%;
    margin-bottom: 10px;
    box-sizing: border-box;
  }
  .grid-4clm-wrap > .grid-4clm-item,
  .grid-10clm-wrap > .grid-10clm-item,
  .grid-13clm-wrap > .grid-13clm-item{
    width: 100%;
    margin: 0 0 1px 0;
  }
  .grid-4clm-wrap > .grid-4clm-item:first-child{
    margin: 1px 0 1px 0;
  }
  .grid-10clm-wrap > .grid-10clm-item{
   margin-bottom: 0;
  }
  .grid-10clm-wrap > .grid-10clm-item .list-item-link-01{
    background: #fff;
    color: #0670ce;
  }  
  .grid-10clm-wrap > .grid-10clm-item .list-item-link-01:after{
    content: "";
    background: url(/assets/shared/new/images/icon/ico_arw_07.png) 0 0 no-repeat;
    background-size: contain;
    height: 10px;
    width: 17px;
    transition: all .4s cubic-bezier(.23, 1, .32, 1);
    margin-top: -5.25px;
  }
  .grid-10clm-wrap > .grid-10clm-item.active .list-item-link-01:after{
    transform: rotate(180deg);
    transition: all .4s cubic-bezier(.23, 1, .32, 1);
  }
  .grid-5clm-wrap{
    margin-bottom: 4px;
  }
  .grid-5clm-wrap > .grid-5clm-item{
    width: 20%;
    margin: 0 0 1px 0;
  }
  .grid-5clm-wrap > .grid-5clm-item .list-item-link-02{
    padding: 0 0 0;
  }
  .grid-5clm-wrap > .grid-5clm-item:nth-child(5n-4){
    padding: 0 1px 0 5px;
  }
  .grid-5clm-wrap > .grid-5clm-item:nth-child(5n-3){
    padding: 0 2px 0 4px;
  }
  .grid-5clm-wrap > .grid-5clm-item:nth-child(5n-2){
    padding: 0 3px;
  }
   .grid-5clm-wrap > .grid-5clm-item:nth-child(5n-1){
    padding: 0 4px 0 2px;
  }
  .grid-5clm-wrap > .grid-5clm-item:nth-child(5n){
    padding: 0 5px 0 1px;
  }
  .grid-13clm-wrap{
    padding-top: 5px;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
  }
  .grid-13clm-wrap > .grid-13clm-item,
  .grid-13clm-wrap > .grid-13clm-item:nth-child(13n){
    width: 12.7%;
    margin-left: 1.4%;
    margin-bottom: 5px;
  }
  .grid-13clm-wrap > .grid-13clm-item:nth-child(7n){
    margin-right: 1.3%;
  }
  .grid-5clm-wrap > .grid-5clm-item .list-item-link-02,
  .grid-13clm-wrap > .grid-13clm-item .list-item-link-01{
    justify-content: center;
    padding: 0 0 0 0;
  }
  .grid-5clm-wrap > .grid-5clm-item .list-item-link-02:after,
  .grid-13clm-wrap > .grid-13clm-item .list-item-link-01:after{
    content: none;
  }
  /*--------------textLinkList-a01-------------*/
  .textLinkList-a01{
  margin-top: 20px;
  }
  /*--------------categoryList-tab-wrap-------------*/
  .categoryList-tab-wrap{
    padding-top: 0;
    margin: 0 0 20px;
  }
  .categoryList-tab-item{
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    margin: 0 0 0 0;
  }
 /*--------------product-box-------------*/
 .product-box-wrap{
    margin-bottom: 40px;
  }
  h2 + .product-box-wrap{
  margin-top: 13px;
  }
  .product-box-head-block{
    padding: 17px 16px 13px;
  }
  .product-box .product-box-head-block:after{
    top: 20px;
    right: 14px;
    width: 17px;
    height: 10px;
  }
  .product-box .product-box-ttl{
    padding-right: 52px;
    font-size: 1.6rem;
    line-height: 1.56em;
    margin: -4px 0 10px
  }
  .product-box-ttl-sub{
    padding-right: 52px;
  }
  .product-box .product-box-ttl-sub,
  .product-box .product-box-name,
  .product-box .product-box-text{
    font-size: 1.4rem;
    line-height: 1.43em;
    margin: -3px 0 17px;
  }
  .product-box .product-box-text,
  .product-box .product-box-name{
    margin-bottom: 0;
  }
  .product-box .product-box-name-wrap{
    margin-bottom: 17px;
  }
  .product-box .product-box-name + .product-box-name{
    margin-top: 2px;
  }
  .product-definition-list-01 dd{
    margin-right: 0;
  }
  .product-definition-list-02 > dt,
  .product-definition-list-02 > dd{
    float: none;
    margin-bottom: 0;
  }
  .product-box-body-block{
    padding: 0 16px 15px 16px;
  }
  .product-box .contact-box-a01{
    padding: 15px;
    margin: 20px 0 0 0 ;
  }
  .contact-box-a01 .contact-box-a01-btn-wrap{
    margin: 15px 0 0;
    position: relative;
    bottom: auto;
    right: auto;
  }
  .contact-box-a01 .contact-box-a01-btn-wrap > li{
    width: 50%;
    margin-right: 15px;
  }
  .contact-box-a01 .contact-box-a01-btn-wrap > li:nth-child(2n){
    margin-right: 0;
  }
  /*--------------pager-------------*/
  .pager-pc{
   display: none;
  }
  .pager-sp{
    display: flex;
    height: 40px;
    justify-content: space-between;
    margin-bottom: 0;
    position: relative;
  }
  .pager-sp .pager-sp-num-box{
    width: 100%;
    height: 40px;
    padding: 0 55px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }
  .pager-sp .pager-sp-prev{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .pager-sp .pager-sp-next{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
  }
  .pager-sp .pager-sp-prev a,
  .pager-sp .pager-sp-next a{
    width: 40px;
    height: 40px;
    background: #f4f6f8;
    color: #0670ce;
    font-size: 1.4rem;
    line-height: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
  }
  .pager-sp .pager-sp-prev a{
    background: #f4f6f8 url(/assets/shared/new/images/icon/ico_arw_03.png) center center no-repeat;
    background-size: 7px 13px;
  }
  .pager-sp .pager-sp-next a{
    background: #f4f6f8 url(/assets/shared/new/images/icon/ico_arw_03.png) center center no-repeat;
    background-size: 7px 13px;
    transform: rotate(180deg);
  }

  .pager-sp .pager-sp-num-label{
    background: #f4f6f8;
    color: #0670ce;
    font-size: 1.4rem;
    line-height: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc( 100% - 110px );
    height: 40px;
    margin: 0 55px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
  }
  .pager-sp .pager-sp-num-label:after{
    content: "";
    display: block;
    background: url(/assets/shared/new/images/icon/ico_arw_06.png) 0 0 no-repeat;
    background-size: contain;
    height: 6px;
    width: 11px;
    margin-left: 15px;
    position: relative;
    transition: all .4s cubic-bezier(.23, 1, .32, 1); 
  }
  .pager-sp-num-select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    cursor: pointer;
    width: 100%;
    height: 40px;
    border: none;
    opacity: 0;
    position: relative;
    z-index: 2;
}

  /*--------------foot-search-block-------------*/
  .foot-search-block{
  
  }
  .foot-search-block .foot-search-block-list-link{
    display: block;
    padding: 0;
    margin-bottom: 11px;
  }
  .content-inner .foot-search-block .foot-search-block-list-link{
    margin-left: -10px;
    width: 100vw;
  }
  .foot-search-block .foot-search-block-list-link > li a{
    width: 100%;
    height: 44px;
    background: #1e7ed3;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 1px 20px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 1px;
    position: relative;
    box-sizing: border-box;
  }
  .foot-search-block .foot-search-block-list-link > li a:before{
    content: none;
  }
  .foot-search-block .foot-search-block-list-link > li a:after{
    content: "";
    display: block;
    background: url(/assets/shared/new/images/icon/ico_arw_08.png) 0 0 no-repeat;
    background-size: contain;
    height: 20px;
    width: 12px;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -10px;
  }
  .foot-search-block .search-inner input.search-keywords{
    height: 50px;
    padding: 0 41px 0 16px;
    font-size: 1.4rem;
  }
  .foot-search-block .search-inner input.search-submit{
    position: absolute;
    width: 21px;
    height: 19px;
    background: url(/assets/shared/new/images/header/search.png) 0 0 no-repeat;
    background-size: cover;
    top: 50%;
    right: 10px;
    margin-top: -9px;
    opacity: 1;
    -webkit-transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
    transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
    text-indent:-9999px;
  }
}
/* ----------------------------------------------------------------
    productList_jp 2clm 2019
----------------------------------------------------------------- */
/*=====================sidebar=====================*/
.sidebar .panel-02{
  margin-bottom: 20px;
  background: #f4f4f4;
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
}
.side-search-block .panel{
  margin-bottom: 20px;
}
.side-search-block .search-inner{
  margin-bottom: 20px;
  position: relative;
}
.side-search-block .link-list{
  margin-top: 0;
}
.side-search-block .link-list > li{
  margin-bottom: 0;

}
.side-search-block .search-inner input{
  display: block;
}
.side-search-block .search-inner input.search-keywords{
  width: 240px;
  height: 50px;
  padding: 0 30px 0 10px;
  background: #f4f4f4;
  border: none;
  font-size: 1.3rem;
  box-sizing: border-box;
}
.side-search-block .search-inner input.search-keywords::placeholder {
  color: #999999;
}
.side-search-block .search-submit {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -9px;
  opacity: 1;
  -webkit-transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
}
.side-contact-block{
  text-align: center;
}
.side-contact-block p{
  line-height: 1em;
}
.side-contact-block .link-btn-a01{
  width: 100%;
  height: 40px;
  font-size: 1.6rem;
}
.side-bnr-block {
  padding: 20px 21px 20px 22px;
}
.side-bnr-block > li{
  margin-bottom: 10px;
}
.side-bnr-block > li:last-child{
  margin-bottom: 0;
}
.content .side-bnr-block a[target="newwindow"]::after,
.content .side-contact-block a[target="newwindow"]::after {
  content: none;
}
@media only screen and (max-width: 767px) {
    .page-hdg + .content-inner + .sp-nav.sp-nav-products {
        padding: 0 10px 20px 10px;
    }
    .page-hdg + .content-inner + .sp-nav.sp-nav-products .foot-search-block .foot-search-block-list-link {
        margin-left: -10px;
        width: 100vw;
    }
    .page-hdg + .content-inner + .sp-nav.sp-nav-products .carousel-bnr a[target="newwindow"]::after {
        content: none;
    }
}
/*=====================main=====================*/
/*--------------heading-anchor-block-------------*/
.heading-anchor-block{
  position: relative;
}
.heading-anchor-block .hdg-l2-05{
  padding: 0 0 18px;
}
.heading-anchor-block .link-anchor{
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  background: none;
  margin-bottom: 0;
  padding: 0;
}
.heading-anchor-block .link-anchor > li{
  margin-left: 43px;
  padding: 0 0 10px 0;
}
/*--------------contact-box-a02-------------*/
.contact-box-a02{
  display: flex;
  justify-content: space-between;
}
.contact-box-a02 .contact-box-a02-block{
  width: 420px;
}
.contact-box-a02 .contact-box-a02-btn-wrap{
  width: 200px;
}
.contact-box-a02 .contact-box-a02-block,
.contact-box-a02 .contact-box-a02-btn-wrap{
  display: flex;
  flex-wrap: wrap;
}
.contact-box-a02 .contact-box-a02-btn-wrap{
  align-content: flex-start;
}
.contact-box-a02 .contact-box-a02-list{
  align-self: flex-start;
}
.contact-box-a02 .list-link li{
  margin-bottom: 0;
}
.contact-box-a02 .contact-box-a02-btn-wrap > li,
.contact-box-a02 .contact-box-a02-btn-wrap > a{
  width: 200px;
  height: 60px;
}
.contact-box-a02 .contact-box-a02-btn-wrap .contact-box-a02-ttl,
.contact-box-a02 .contact-box-a02-btn-wrap .contact-box-a02-text{
  font-size: 1.2rem;
  line-height: 1.66em;
  margin-bottom: 0;
}
.contact-box-a02 .product-box-a02-block-contact-btn{
  margin-bottom: 15px;
  font-size: 1.6rem;
}
.contact-box-a02 .link-btm,
.contact-box-a02 .contact-box-a02-btn-wrap .btn-btm{
  align-self: flex-end;
  margin-bottom: 0;
}
.contact-box-a02 .contact-box-a02-btn-wrap > a[target="newwindow"]::after {
  content: none;
}

/* MediaQueries max-width: 860px
----------------------------------------------- */
@media only screen and (max-width: 860px) {
  .heading-anchor-block {
    margin-bottom: 30px;
  }
  .heading-anchor-block .hdg-l2-05{
    margin-bottom: 8px;
    padding: 0 0 0 0;
    border: none;
  }
  .heading-anchor-block .link-anchor{
    width: 100%;
    position: relative;
    right: auto;
    top: auto;
    transform: translateY(0);
    display: block;
    background: #f4f4f4;
    padding: 11px 10px;
    box-sizing: border-box;
  }
  .heading-anchor-block .link-anchor > li{
    margin-left: 0;
    padding: 0 0 6px 0;
  }
  .heading-anchor-block .link-anchor > li:last-child{
    padding-bottom: 0;
  }
  /*--------------contact-box-a02-------------*/
  .contact-box-a02{
    margin-bottom: 20px;
    padding: 15px;
  }
  .contact-box-a02,
  .contact-box-a02 .contact-box-a02-block,
  .contact-box-a02 .contact-box-a02-btn-wrap{
    display: block;
    width: 100%;
  }
  .contact-box-a02 .contact-box-a02-block{
    margin-bottom: 25px;
  }
  .contact-box-a02 .list-01{
    margin-bottom: 0;
  }
  .contact-box-a02 .link-btm,
  .contact-box-a02 .contact-box-a02-btn-wrap .btn-btm{
    align-self: flex-start;
  }
  .contact-box-a02 .link-btm{
    display: inline-block;
    margin-bottom: 0;
  }
  .contact-box-a02 .contact-box-a02-text{
    margin-bottom: 15px;
  }
  .contact-box-a02 .product-definition-list-02{
    margin-bottom: 12px;
  }
  .contact-box-a02 .product-definition-list-02> dt,
  .contact-box-a02 .product-definition-list-02 > dd{
    float: left;
    margin-bottom: 2px;
  }
  .contact-box-a02 .contact-box-a02-btn-wrap > li,
  .contact-box-a02 .contact-box-a02-btn-wrap > a{
    width: 100%;
  }
  .contact-box-a02 .contact-box-a02-btn-wrap .contact-box-a02-ttl{
    font-size: 1.2rem;
  }
  .contact-box-a02 .contact-box-a02-btn-wrap .contact-box-a02-text{
    font-size: 1.2rem;
  }
}

/* IRアクセスランキング */
.ir-ranking {
    padding: 13px 13px 11px;
}
.ir-ranking .hdg-l2-02 {
    margin: 0 0 -4px 0;
}
.ranking {
    border-bottom: none;
    margin-bottom: 11px;
}
.list-info .ranking-list {
    padding: 16px 0 0 2em;
    border-top: none;
    line-height: 20px;
    margin-bottom: -3px;
}
.number {
    font-size: 13px;
    color: #ffffff;
    font-weight: bold;
    background-color: #187cd1;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}
.ranking-list .lanking-link:lang(ja) {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.ranking-list .lanking-link::before {
    display: none;
}
.list-info .ranking-list:lang(en) {
    line-height: 1.57143;
    margin-bottom: 0;
}
@media screen and (max-width: 767px) {
    .ir-ranking {
        border: none;
        padding: 0;
    }
    .ir-ranking .hdg-l2-02 {
        margin: 0 -10px 0 -10px;
    }
    .ranking-list .lanking-link::before {
        display: block;
    }
    .ranking {
        border-bottom: 1px solid #e0e0e0;
    }
    .list-info .ranking-list {
        border-top: 1px solid #e0e0e0;
        padding-bottom: 11px;
    }
    .list-info .ranking-list:lang(en) {
        padding-bottom: 13px;
    }
}

/* emergency_notice ボタンあり PC*/
.emergency_notice {
  max-width: 910px;
  margin: 72px auto;
  text-align: center;
}

.emergency_notice_title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.67;
  letter-spacing: 0.4px;
  margin-bottom: 24px;
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, serif;
}

.emergency_notice_txt {
  font-size: 16px;
  line-height: 1.67;
  letter-spacing: 0.8px;
  display: inline-block;
  text-align: left; 
  margin-bottom: 0;
}

.emergency_notice_link {
  margin-top: 32px;
}

.emergency_notice_link a {
  font-size: 16px;
  padding: 13px 46px 12px;
  display: inline-block;
  background-color: #0670ce;
  color: #ffffff;
}

.emergency_notice_link a:hover {
  opacity: 0.8;
  text-decoration: none;
}

/* emergency_notice ボタンなし PC*/

.emergency_notice_nobtn {
  max-width: 910px;
  margin: 116px auto;
  text-align: center;
}

.emergency_notice_nobtn .emergency_notice_title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.46;
  letter-spacing: 0.4px;
  margin-bottom: 40px;
  font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}

.emergency_notice_nobtn .emergency_notice_txt {
  font-size: 16px;
  line-height: 1.56;
  letter-spacing: 0.8px;
  display: inline-block;
  text-align: left;
  margin-bottom: 40px;
}

/* emergency_notice ボタンあり SP */

@media screen and (max-width: 480px) {
  .emergency_notice {
    margin: 30px 15px;
  }

  .emergency_notice_title {
    font-size: 16px;
    line-height: 1.46;
    margin-bottom: 15px;
  }

  .emergency_notice_txt {
    font-size: 14px;
    margin-bottom: 0;
  }

  .emergency_notice_link {
    margin-top: 20px;
  }

  .emergency_notice_link a {
    font-size: 14px;
    padding: 14px 54px;
  }
}

/* emergency_notice ボタンなし SP */
@media screen and (max-width: 480px) {
  .emergency_notice_nobtn {
    margin: 20px;
  }

  .emergency_notice_nobtn .emergency_notice_title {
    font-size: 16px;
    line-height: 1.46;
    margin-bottom: 15px;
  }

  .emergency_notice_nobtn .emergency_notice_txt {
    font-size: 14px;
    margin-bottom: 0;
  }
}

/* 202007見出し追加 */
@media screen and (min-width: 769px), print {
  .c-heading-2020 {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 39px;
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 768px) {
  .c-heading-2020 {
    margin-bottom: 20px;
  }
}

.c-heading-2020::before {
  content: "";
  display: block;
  background: url("/assets/shared/new/images/ir/icon_top_heading.png") no-repeat;
  width: 79px;
  height: 19px;
  margin-bottom: 12px;
  top: 0;
  left: 0;
}

@media screen and (max-width: 768px) {
  .c-heading-2020::before {
    margin-bottom: 8px;
  }
}

@media screen and (min-width: 769px), print {
  .c-heading-2020 .c-heading-2020__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
  }
}

@media screen and (min-width: 769px), print {
  .c-heading-2020 .c-heading-2020__inner--type2 {
    margin-top: -20px;
  }
}

@media screen and (min-width: 769px), print {
  .c-heading-2020 .c-heading-2020__title {
    font-size: 30px;
    font-weight: bold;
  }
}

@media screen and (max-width: 768px) {
  .c-heading-2020 .c-heading-2020__title {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 19px;
  }
}

@media screen and (min-width: 769px), print {
  .c-heading-2020 .c-heading-2020__date {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 7px;
  }
}

@media screen and (max-width: 768px) {
  .c-heading-2020 .c-heading-2020__date {
    font-size: 10px;
    font-weight: bold;
    text-align: right;
    margin-bottom: -12px;
  }
}

.c-heading-2020 .c-heading-2020__link--dl {
  display: block;
  color: #0670ce;
  font-weight: bold;
  background: #ecf5fd;
  border: 1px solid #e0e0e0;
  position: relative;
}

.c-heading-2020 .c-heading-2020__link--dl:hover {
  opacity: 0.75;
}

.c-heading-2020 .c-heading-2020__link--dl:after {
  content: "";
  display: block;
  background: url("https://www.sdk.co.jp//assets/shared/new/images/icon/sprite.png") no-repeat;
  position: absolute;
  top: 50%;
  right: 30px;
  margin: -16px 0 0 0;
  width: 36px;
  height: 32px;
  background-position: -252px -132px;
  background-size: 292px auto;
}

@media screen and (min-width: 769px), print {
  .c-heading-2020 .c-heading-2020__link--dl {
    font-size: 15px;
    text-align: center;
    width: 460px;
    padding: 20.4px 0;
    top: 8px;
  }
}

@media screen and (max-width: 768px) {
  .c-heading-2020 .c-heading-2020__link--dl {
    width: 100%;
    padding: 20.5px 20px;
  }
  .c-heading-2020 .c-heading-2020__link--dl::after {
    right: 20px;
  }
}

/* 202008 CSR見出し追加 */
.c-heading-2020-btn::before {
    content: "";
    display: block;
    background: url(/assets/shared/new/images/ir/icon_top_heading.png) no-repeat;
    width: 79px;
    height: 19px;
    margin-bottom: 12px;
    top: 0;
    left: 0;
}
.c-heading-2020-btn .hdg-l2-02 {
    margin: 0 0 25px;
}
.toggle .c-heading-2020-btn + .toggle-cont .toggle-link {
    top: 35px;
}
@media screen and (max-width: 768px) {
    .c-heading-2020-btn {
        margin-top: 40px;
    }
    .c-heading-2020-btn::before {
        margin: 0 10px 8px 10px;
    }
    .c-heading-2020-btn .hdg-l2-02 {
        margin: 0;
        border-top: none;
        border-bottom: none;
    }
}

/* 20201030_CSRリニューアルアイコン
----------------------------------------------- */
.hdg-l2-03._icon_csr {
    position: relative;
    padding: 11px 10px 5px 52px;
}
.hdg-l2-03._icon_csr::before {
    width: 32px;
    height: 32px;
    margin: -15px 0 0 0;
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
}
.hdg-l2-03._icon_csr._icon_csr_001::before {
    background-image: url(/assets/images/sdk_csr/icon_csr_001.png);
}
.hdg-l2-03._icon_csr._icon_csr_002::before {
    background-image: url(/assets/images/sdk_csr/icon_csr_002.png);
}
.hdg-l2-03._icon_csr._icon_csr_003::before {
    background-image: url(/assets/images/sdk_csr/icon_csr_003.png);
}
.hdg-l2-03._icon_csr._icon_csr_004::before {
    background-image: url(/assets/images/sdk_csr/icon_csr_004.png);
}
.hdg-l2-03._icon_csr._icon_csr_005::before {
    background-image: url(/assets/images/sdk_csr/icon_csr_005.png);
}
.hdg-l2-03._icon_csr._icon_csr_006::before {
    background-image: url(/assets/images/sdk_csr/icon_csr_006.png);
}
.hdg-l2-03._icon_csr._icon_csr_007::before {
    background-image: url(/assets/images/sdk_csr/icon_csr_007.png);
}
.hdg-l2-03._icon_csr._icon_csr_008::before {
    background-image: url(/assets/images/sdk_csr/icon_csr_008.png);
}
.hdg-l2-03._icon_csr._icon_csr_009::before {
    background-image: url(/assets/images/sdk_csr/icon_csr_009.png);
}
.hdg-l2-03._icon_csr._icon_csr_010::before {
    background-image: url(/assets/images/sdk_csr/icon_csr_010.png);
}
.hdg-l2-03._icon_csr._icon_csr_011::before {
    background-image: url(/assets/images/sdk_csr/icon_csr_011.png);
}
.hdg-l2-03._icon_csr._icon_csr_012::before {
    background-image: url(/assets/images/sdk_csr/icon_csr_012.png);
}
.hdg-l2-03._icon_csr._icon_csr_013::before {
    background-image: url(/assets/images/sdk_csr/icon_csr_013.png);
}
.hdg-l2-03._icon_csr._icon_csr_014::before {
    background-image: url(/assets/images/sdk_csr/icon_csr_014.png);
}
.hdg-l2-03._icon_csr._icon_csr_015::before {
    background-image: url(/assets/images/sdk_csr/icon_csr_015.png);
}
.hdg-l2-03._icon_csr._icon_csr_016::before {
    background-image: url(/assets/images/sdk_csr/icon_csr_015.png);
}
.hdg-l2-03._icon_csr._icon_csr_017::before {
    background-image: url(/assets/images/sdk_csr/icon_csr_015.png);
}
.hdg-l2-03._icon_csr._icon_csr_018::before {
    background-image: url(/assets/images/sdk_csr/icon_csr_015.png);
}
.hdg-l2-03._icon_csr._icon_csr_019::before {
    background-image: url(/assets/images/sdk_csr/icon_csr_015.png);
}
/* 2021811_トップページ昭和電工について小規模改修
----------------------------------------------- */
.top_fig_box {
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
}
.top_fig_box .fig_icon_box {
    width: 32.028%;
    margin: 0 1.779% 5px 0;
}
.top_fig_box .fig_icon_box:nth-child(3n) {
    margin: 0 0 5px 0;
}
.top_fig_box .fig_icon_box:nth-child(7) {
    margin: 0 auto;
}
.top_fig_box .fig_icon_box a {
  display: block;
  opacity: 1;
  -webkit-transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
}
.top_fig_box .fig_icon_box a:hover,
.top_fig_box .fig_icon_box a:active,
.top_fig_box .fig_icon_box a:focus {
  text-decoration: none;
  opacity: .8;
}
.panel-link._fivemin > a, .panel-link._fivemin_en > a {
  padding: 0;
}
.hdg-l2-03._icon._aluminium:before {
  background-image: url(/assets/shared/new/images/icon/icon_fig_aluminium.svg);
  width: 30px;
  height: 30px;
  background-position: 0 0;
  background-size: 30px 30px;
  margin: -14px 0 0 0;
}
.panel-finder-02 .panel-col._aluminium .panel-hdg button:before {
  background-image: url(/assets/shared/new/images/icon/icon_fig_aluminium.svg);
  width: 65px;
  height: 65px;
  background-position: 0 0;
  background-size: 65px 65px;
  background-repeat: no-repeat;
  margin: -57px 0 0 -32px;
}
/* 2022セグメントアイコン */
.hdg-l2-03._icon._semiconductor2022:before,
.hdg-l2-03._icon._mobility2022:before,
.hdg-l2-03._icon._chemicals2022:before,
.hdg-l2-03._icon._other2022:before {
  width: 30px;
  height: 30px;
  background-position: 0 0;
  background-size: 30px 30px;
  margin: -14px 0 0 0;
}
.hdg-l2-03._icon._semiconductor2022:before {
  background-image: url(/assets/shared/new/images/icon/icon_fig_semiconductor2022.svg);
}
.hdg-l2-03._icon._mobility2022:before {
  background-image: url(/assets/shared/new/images/icon/icon_fig_mobility2022.svg);
}
.hdg-l2-03._icon._chemicals2022:before {
  background-image: url(/assets/shared/new/images/icon/icon_fig_chemicals2022.svg);
}
.hdg-l2-03._icon._other2022:before {
  background-image: url(/assets/shared/new/images/icon/icon_fig_other2022.svg);
}
.hdg-l2-03._icon._innovation2022:before {
  width: 29px;
  height: 32px;
  margin: -16px 0 0 2px;
  background-image: url(/assets/shared/new/images/icon/sprite.png);
  background-position: -125px -130px;
  background-size: 292px auto;
}
.link-list-02 li a.link_none {
  color: #333;
  pointer-events: none;
}
/* //2022セグメントアイコン */

@media screen and (max-width: 860px) {
  .panel-link._fivemin > a {
    height: 107px;
    background: url(/assets/images/top/top-bnr-five-minutes-sp.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .panel-link._fivemin_en > a {
    height: 107px;
    background: url(/assets/images/top/top-bnr-five-minutes-sp-en.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
}
@media only screen and (max-width: 767px) {
  .panel-finder-02 .panel-col._aluminium .panel-hdg button:before {
    background-image: url(/assets/shared/new/images/icon/icon_fig_aluminium.svg);
    background-position: 0 0;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    margin: -16px 0 0 -5px;
  }
}