@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP|Roboto:300,400&display=swap");
/**
 * Usage:
 * フォントのスタイルを定義するプロパティセット
 */
/**
 * Usage:
 * 一部のみ角丸にする場合に用いるプロパティセット
 */
body {
  position: relative;
}

/*reset*/
#header {
  font-family: '源ノ角ゴシック Regular', '源ノ角ゴシック', 'Noto Sans JP', 'Roboto', Helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'Meiryo UI', sans-serif;
  /* HTML5 display-role reset for older browsers */
  /* HTML5 hidden-attribute fix for newer browsers */
}
#header div, #header span, #header applet, #header object, #header iframe,
#header h1, #header h2, #header h3, #header h4, #header h5, #header h6, #header p, #header blockquote, #header pre,
#header a, #header abbr, #header acronym, #header address, #header big, #header cite, #header code,
#header del, #header dfn, #header em, #header img, #header ins, #header kbd, #header q, #header s, #header samp,
#header small, #header strike, #header strong, #header sub, #header sup, #header tt, #header var,
#header b, #header u, #header i, #header center,
#header dl, #header dt, #header dd, #header ol, #header ul, #header li,
#header fieldset, #header form, #header label, #header legend,
#header table, #header caption, #header tbody, #header tfoot, #header thead, #header tr, #header th, #header td,
#header article, #header aside, #header canvas, #header details, #header embed,
#header figure, #header figcaption, #header footer, #header header, #header hgroup,
#header main, #header menu, #header nav, #header output, #header ruby, #header section, #header summary,
#header time, #header mark, #header audio, #header video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
#header article, #header aside, #header details, #header figcaption, #header figure,
#header footer, #header header, #header hgroup, #header main, #header menu, #header nav, #header section {
  display: block;
}
#header *[hidden] {
  display: none;
}
#header ol, #header ul {
  list-style: none;
}
#header blockquote, #header q {
  quotes: none;
}
#header blockquote:before, #header blockquote:after,
#header q:before, #header q:after {
  content: '';
  content: none;
}
#header table {
  border-collapse: collapse;
  border-spacing: 0;
}
#header button {
  appearance: none;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
}
#header a {
  color: #333333;
}
#header a:visited, #header a:link {
  color: #333333;
}
#header a:focus, #header a:active {
  text-decoration: none !important;
}

/*reset*/
#header {
  background-color: #fff;
  position: relative;
  z-index: 10000;
  min-width: 1080px;
  border: none;
  text-align: left;
}
#header img {
  vertical-align: bottom;
}
#header svg {
  vertical-align: bottom;
}
#header a {
  text-decoration: none;
}
#header .l-header__inner {
  max-width: 1280px;
  width: 100%;
  padding: 0 40px;
  box-sizing: border-box;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  height: 55px;
  padding-bottom: 12px;
  box-sizing: border-box;
}
#header .l-header__site-logo {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  font-size: 22px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: normal;
  margin-right: 8px;
}
#header .l-header__logo-link {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-transition: .3s;
  transition: .3s;
  text-decoration: none;
  line-height: 1;
}
#header .l-header__logo-link:hover .l-header__site-department {
  opacity: .7;
}
#header .l-header__header-logo {
  width: 115px;
  height: 22px;
  margin-right: 16px;
}
#header .l-header__site-department {
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.6px;
  font-weight: normal;
  color: #005EB8;
}
#header .l-header__lang-switch {
  position: relative;
  top: 2px;
  padding-left: 8px;
}
#header .l-header__lang-switch:before {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  background-color: #E6E6E6;
}
#header .l-header__lang-switch a {
  font-family: 'Roboto', Helvetica, 'メイリオ', 'Meiryo', sans-serif;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.8px;
  font-weight: 100;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: block;
  padding-right: 11px;
  position: relative;
  color: #333333;
}
#header .l-header__lang-switch a:hover {
  opacity: .6;
}
#header .l-header__lang-switch img {
  width: 8px;
  height: 9px;
  position: absolute;
  top: 4px;
  right: 0;
  display: block;
}

/*firefox調整*/
@-moz-document url-prefix() {
  #header .l-header__lang-switch {
    top: 0;
  }
}
/*IE11調整*/
_:-ms-lang(x)::-ms-backdrop, #header .l-header__lang-switch {
  top: 0;
}

/*reset*/
#gnav {
  /* HTML5 display-role reset for older browsers */
  /* HTML5 hidden-attribute fix for newer browsers */
}
#gnav div, #gnav span, #gnav applet, #gnav object, #gnav iframe,
#gnav h1, #gnav h2, #gnav h3, #gnav h4, #gnav h5, #gnav h6, #gnav p, #gnav blockquote, #gnav pre,
#gnav a, #gnav abbr, #gnav acronym, #gnav address, #gnav big, #gnav cite, #gnav code,
#gnav del, #gnav dfn, #gnav em, #gnav img, #gnav ins, #gnav kbd, #gnav q, #gnav s, #gnav samp,
#gnav small, #gnav strike, #gnav strong, #gnav sub, #gnav sup, #gnav tt, #gnav var,
#gnav b, #gnav u, #gnav i, #gnav center,
#gnav dl, #gnav dt, #gnav dd, #gnav ol, #gnav ul, #gnav li,
#gnav fieldset, #gnav form, #gnav label, #gnav legend,
#gnav table, #gnav caption, #gnav tbody, #gnav tfoot, #gnav thead, #gnav tr, #gnav th, #gnav td,
#gnav article, #gnav aside, #gnav canvas, #gnav details, #gnav embed,
#gnav figure, #gnav figcaption, #gnav footer, #gnav header, #gnav hgroup,
#gnav main, #gnav menu, #gnav nav, #gnav output, #gnav ruby, #gnav section, #gnav summary,
#gnav time, #gnav mark, #gnav audio, #gnav video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
#gnav article, #gnav aside, #gnav details, #gnav figcaption, #gnav figure,
#gnav footer, #gnav header, #gnav hgroup, #gnav main, #gnav menu, #gnav nav, #gnav section {
  display: block;
}
#gnav *[hidden] {
  display: none;
}
#gnav ol, #gnav ul {
  list-style: none;
}
#gnav blockquote, #gnav q {
  quotes: none;
}
#gnav blockquote:before, #gnav blockquote:after,
#gnav q:before, #gnav q:after {
  content: '';
  content: none;
}
#gnav table {
  border-collapse: collapse;
  border-spacing: 0;
}
#gnav button {
  appearance: none;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
}
#gnav a {
  color: #333333;
}
#gnav a:visited, #gnav a:link {
  color: #333333;
}
#gnav a:focus, #gnav a:active {
  text-decoration: none !important;
}

/*reset*/
#gnav {
  position: relative;
  z-index: 10000;
  width: 100%;
  min-width: 1080px;
  border-bottom: #E6E6E6 solid 1px;
  font-size: 14px;
  letter-spacing: .6px;
  background-color: #fff;
  text-align: left;
  /*--reset--*/
  /*--//reset--*/
  /*min-width:769px*/
}
#gnav input[type=text],
#gnav input[type=tel],
#gnav input[type=email],
#gnav input[type=submit],
#gnav input[type=button],
#gnav button,
#gnav textarea {
  font-family: '源ノ角ゴシック Regular', '源ノ角ゴシック', 'Noto Sans JP', 'Roboto', Helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'Meiryo UI', sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border: none;
  background-color: transparent;
  outline: none;
}
#gnav input[type=radio] {
  vertical-align: middle;
}
#gnav input[type=submit]:hover,
#gnav input[type=button]:hover,
#gnav button {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  outline: none;
  cursor: pointer;
}
#gnav img {
  vertical-align: bottom;
}
#gnav svg {
  vertical-align: bottom;
}
#gnav a {
  text-decoration: none;
  color: #333333;
}
#gnav .l-gnav--enter {
  box-shadow: none;
}
@media only screen and (min-width: 1080px) {
  #gnav {
    display: block !important;
  }
}
#gnav .l-gnav--main {
  display: -webkit-flex;
  display: flex;
  max-width: 1280px;
  width: 100%;
  padding: 0 14px 0 15px;
  box-sizing: border-box;
  margin: 0 auto;
}
/* 20221223 AYU-240 文言変更による比率変更*/
#gnav .l-nav-parent.u-nav-parent--home {
  /* width: calc(100% * .08); */
  width: calc(100% * .075);
}
#gnav .l-nav-parent.u-nav-parent--about {
  /* width: calc(100% * .118); */
  width: calc(100% * .151);
}
#gnav .l-nav-parent.u-nav-parent--solution {
  width: calc(100% * .132);
}
#gnav .l-nav-parent.u-nav-parent--product {
  /* width: calc(100% * .095); */
  width: calc(100% * .085);
}
#gnav .l-nav-parent.u-nav-parent--download {
  width: calc(100% * .118);
}
#gnav .l-nav-parent.u-nav-parent--support {
  /* width: calc(100% * .095); */
  width: calc(100% * .085);
}
#gnav .l-nav-parent.u-nav-parent--seminar {
  /* width: calc(100% * .083); */
  width: calc(100% * .075);
}
#gnav .l-nav-parent.u-nav-parent--sales {
  width: calc(100% * .141);
}
#gnav .l-nav-parent.u-nav-parent--online {
  width: calc(100% * .138);
}
#gnav .l-nav-parent__link {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height: 48px;
  position: relative;
  letter-spacing: .6px;
}
#gnav .l-nav-parent__link:after {
  content: "";
  display: block;
  opacity: 0;
  width: 100%;
  height: 2px;
  background-color: #005EB8;
  position: absolute;
  left: 0;
  bottom: 0;
}
#gnav .l-nav-parent__link.on:after {
  opacity: 1;
}
#gnav .l-nav-parent:hover > a:after {
  opacity: 1;
  background-color: #999999;
}
#gnav .l-nav-parent:hover > a.on:after {
  background-color: #005EB8;
}
#gnav .l-nav-parent__dropdown {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  border-top: #e5e5e5 solid 1px;
  background-color: #fff;
  /*min-width:769px*/
}
@media only screen and (min-width: 1080px) {
  #gnav .l-nav-parent__dropdown {
    display: block !important;
  }
}
#gnav .l-nav-parent.is-active .l-nav-parent__dropdown {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
#gnav .l-nav-parent.enter .l-nav-parent__dropdown {
  -webkit-transition: none !important;
  transition: none !important;
}
#gnav .l-nav-parent.enter .l-nav-parent__dropdown a {
  -webkit-transition: none !important;
  transition: none !important;
}
#gnav .l-nav-parent__dropdown-inner {
  max-width: 1000px;
  width: 100%;
  padding: 0 0 24px;
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
}
#gnav .l-nav-parent.is-leave .l-nav-parent__dropdown-inner {
  -webkit-transition: none !important;
  transition: none !important;
  opacity: 0;
}
#gnav .l-nav-parent__each-top {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  height: 70px;
}
#gnav .l-nav-parent__each-top a:hover {
  opacity: .6;
}
#gnav .l-dropdown-list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  border-right: #E6E6E6 solid 1px;
}
#gnav .l-dropdown-list:before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  left: calc(33.3333% - 1px);
  top: 0;
  background-color: #E6E6E6;
}
#gnav .l-dropdown-list:after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  left: calc(66.6666% - 1px);
  top: 0;
  background-color: #E6E6E6;
}
#gnav .l-dropdown-list--custom {
  display: block;
}
#gnav .l-dropdown-list--custom:before, #gnav .l-dropdown-list--custom:after {
  display: none;
}
#gnav .l-dropdown-list__item {
  width: 33.3333%;
}
#gnav .l-dropdown-list__item:nth-child(3n + 1) a {
  border-left: #E6E6E6 solid 1px;
}
#gnav .l-dropdown-list__item--mb {
  margin-bottom: 24px;
}
#gnav .l-dropdown-list__item--custom {
  width: 230px;
}
#gnav .l-dropdown-list__item--custom a {
  border-left: #E6E6E6 solid 1px;
}
#gnav .l-dropdown-list__item a {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  height: 48px;
  box-sizing: border-box;
  padding-left: 15px;
}
#gnav .l-dropdown-list__item a:before {
  content: "";
  display: none;
  position: absolute;
  left: -1px;
  top: 0;
  z-index: 1;
  width: 2px;
  height: 100%;
  background-color: #005EB8;
}
#gnav .l-dropdown-list__item a:hover, #gnav .l-dropdown-list__item a.on {
  position: relative;
  background-color: rgba(0, 0, 0, 0.03);
}
#gnav .l-dropdown-article {
  position: absolute;
  right: 0;
  top: 84px;
  display: flex;
  width: 765px;
}
#gnav .l-dropdown-article__item {
  display: flex;
  transition: .3s;
  width: 50%;
}
#gnav .l-dropdown-article__item:hover {
  opacity: .7;
}
#gnav .l-dropdown-article__item-image-box {
  margin-right: 16px;
}
#gnav .l-dropdown-article__item-image {
  max-width: 192px;
  height: auto;
}
#gnav .l-dropdown-article__item-text-box {
  width: 148px;
}
#gnav .l-dropdown-article__item-label {
  display: inline-block;
  margin-bottom: 10px;
  padding: 2px 30px;
  box-sizing: border-box;
  border: #999999 solid 1px;
  border-radius: 10px;
  font-size: 11px;
  line-height: 1.45;
  letter-spacing: .4px;
  text-align: center;
}
#gnav .l-dropdown-article__item-title {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: .6px;
}

#gnav .l-nav-child {
  position: relative;
  width: 50%;
  border-left: #E6E6E6 solid 1px;
  border-right: #E6E6E6 solid 1px;
  box-sizing: border-box;
}
#gnav .l-nav-child:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 200%;
  width: 1px;
  height: 100%;
  background-color: #E6E6E6;
}
#gnav .l-nav-child__item a {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  position: relative;
  height: 48px;
  padding-right: 30px;
  padding-left: 15px;
  line-height: 1.56;
}
#gnav .l-nav-child__item a.u-two-line {
  height: 64px;
}
#gnav .l-nav-child__item a:after {
  content: "";
  display: block;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 8px;
  height: 8px;
  box-sizing: border-box;
  border-top: #999999 solid 1px;
  border-right: #999999 solid 1px;
  margin-top: -4px;
  position: absolute;
  right: 20px;
  top: 50%;
}
#gnav .l-nav-child__item.l-no-child a:after {
  display: none;
}
#gnav .l-nav-child__item > a:before {
  content: "";
  display: none;
  position: absolute;
  left: -1px;
  top: 0;
  width: 2px;
  height: 100%;
  background-color: #005EB8;
}
#gnav .l-nav-grandchild {
  position: absolute;
  top: 0;
  left: 100%;
  display: none;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: visible;
}
#gnav .l-nav-grandchild::-webkit-scrollbar {
  width: 4px;
}
#gnav .l-nav-grandchild::-webkit-scrollbar-track {
  background: #fff;
}
#gnav .l-nav-grandchild::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 2px;
}
#gnav .l-nav-grandchild__item.l-no-child a:after {
  display: none;
}
#gnav .u-product-nav-index {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 70px;
}
#gnav .u-product-nav-index__item {
  margin: 0 24px;
}
#gnav .u-product-nav-index__link {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.6px;
  font-weight: normal;
}
#gnav .u-product-nav-index__link:hover {
  opacity: .6;
}
#gnav .u-product-nav-index__link.current {
  color: #005EB8;
}
#gnav .u-product-nav-index__link.current:hover {
  opacity: 1;
}

/*--オムロンとは固有--*/
/* 220808-ST-02 */
#gnav .u-nav-parent--about .l-nav-child {
  /* height: 192px; */
  /* AYU-240 20221223改修 */
  height: 240px;
}

/*--プロダクト固有--*/
#gnav .u-nav-parent--product .l-nav-parent__each-top {
  position: absolute;
  left: 0;
  top: 0;
}
#gnav .u-nav-parent--product .l-nav-child {
  width: 33.3333%;
  height: 672px;
}
#gnav .u-nav-parent--product .l-nav-child:before, #gnav .u-nav-parent--product .l-nav-child:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #E6E6E6;
}
#gnav .u-nav-parent--product .l-nav-child:before {
  left: 200%;
}
#gnav .u-nav-parent--product .l-nav-child:after {
  left: calc(300% - 2px);
}
#gnav .u-nav-parent--product .l-nav-child__item > a:before {
  display: block !important;
}
#gnav .u-nav-parent--product .l-nav-child__item.u-nav-sensors > a:before, #gnav .u-nav-parent--product .l-nav-child__item.u-nav-sensors:hover a:before {
  background-color: #8b99cd !important;
}
#gnav .u-nav-parent--product .l-nav-child__item.u-nav-switches > a:before, #gnav .u-nav-parent--product .l-nav-child__item.u-nav-switches:hover a:before {
  background-color: #bf92c9 !important;
}
#gnav .u-nav-parent--product .l-nav-child__item.u-nav-safety-components > a:before, #gnav .u-nav-parent--product .l-nav-child__item.u-nav-safety-components:hover a:before {
  background-color: #f1de64 !important;
}
#gnav .u-nav-parent--product .l-nav-child__item.u-nav-relays > a:before, #gnav .u-nav-parent--product .l-nav-child__item.u-nav-relays:hover a:before {
  background-color: #e3806a !important;
}
#gnav .u-nav-parent--product .l-nav-child__item.u-nav-control-components > a:before, #gnav .u-nav-parent--product .l-nav-child__item.u-nav-control-components:hover a:before {
  background-color: #e39d51 !important;
}
#gnav .u-nav-parent--product .l-nav-child__item.u-nav-automation-systems > a:before, #gnav .u-nav-parent--product .l-nav-child__item.u-nav-automation-systems:hover a:before {
  background-color: #a3c971 !important;
}
#gnav .u-nav-parent--product .l-nav-child__item.u-nav-motion_drives > a:before, #gnav .u-nav-parent--product .l-nav-child__item.u-nav-motion_drives:hover a:before {
  background-color: #cbcd6e !important;
}
#gnav .u-nav-parent--product .l-nav-child__item.u-nav-robotics > a:before, #gnav .u-nav-parent--product .l-nav-child__item.u-nav-robotics:hover a:before {
  background-color: #128550 !important;
}
#gnav .u-nav-parent--product .l-nav-child__item.u-nav-energy-conservation-support_environment-measure-equipment > a:before, #gnav .u-nav-parent--product .l-nav-child__item.u-nav-energy-conservation-support_environment-measure-equipment:hover a:before {
  background-color: #5fb9e9 !important;
}
#gnav .u-nav-parent--product .l-nav-child__item.u-nav-power-supplies_in-addition > a:before, #gnav .u-nav-parent--product .l-nav-child__item.u-nav-power-supplies_in-addition:hover a:before {
  background-color: #bbbbbb !important;
}
#gnav .u-nav-parent--product .u-nav-grandchild-outer {
  position: absolute;
  left: 100%;
  top: 0;
  width: 200%;
  height: 100%;
  display: none;
}
#gnav .u-nav-parent--product .l-nav-grandchild {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
}
#gnav .u-nav-parent--product .l-nav-grandchild__item {
  width: calc(50%);
}
#gnav .u-nav-parent--product .l-nav-grandchild__item > a {
  position: relative;
  z-index: 10;
}
#gnav .u-nav-parent--product .u-nav-great-grandchild-outer {
  position: absolute;
  top: 0;
  left: 50%;
  display: none;
  height: 100%;
  width: 50%;
}
#gnav .u-nav-parent--product .l-nav-great-grandchild {
  height: 100%;
}
#gnav .u-nav-parent--product .l-nav-great-grandchild::-webkit-scrollbar {
  width: 4px;
}
#gnav .u-nav-parent--product .l-nav-great-grandchild::-webkit-scrollbar-track {
  background: #fff;
}
#gnav .u-nav-parent--product .l-nav-great-grandchild::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 2px;
}
#gnav .u-nav-parent--product .l-nav-great-grandchild a {
  padding-right: 20px;
  box-sizing: border-box;
}
#gnav .u-nav-parent--product .l-nav-great-grandchild__item a:after {
  display: none;
}

/*--ユーザーエージェント PC（プロダクト固有）--*/
#gnav.is-pc .l-dropdown-list__item a:hover, #gnav.is-pc .l-dropdown-list__item a.on {
  position: relative;
  background-color: #F5F5F5;
}
#gnav.is-pc .l-dropdown-list__item a:hover:before, #gnav.is-pc .l-dropdown-list__item a.on:before {
  display: block;
}
#gnav.is-pc .l-nav-child__item:hover > a,
#gnav.is-pc .l-nav-child__item > a.on {
  position: relative;
  background-color: #F5F5F5;
}
#gnav.is-pc .l-nav-child__item:hover > a:before,
#gnav.is-pc .l-nav-child__item > a.on:before {
  display: block;
}
#gnav.is-pc .l-nav-child__item:hover > .l-nav-grandchild {
  display: block;
}
#gnav.is-pc .l-nav-child__item:hover .u-nav-grandchild-outer {
  display: block;
}
#gnav.is-pc .l-nav-grandchild__item:hover > a,
#gnav.is-pc .l-nav-grandchild__item > a.on {
  position: relative;
  background-color: #F5F5F5;
}
#gnav.is-pc .l-nav-grandchild__item:hover > a:before,
#gnav.is-pc .l-nav-grandchild__item > a.on:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 100%;
  background-color: #005EB8;
}
#gnav.is-pc .u-nav-parent--product .l-nav-grandchild__item:hover .u-nav-great-grandchild-outer {
  display: block;
}
#gnav.is-pc .u-nav-parent--product .l-nav-grandchild__item:hover > .l-nav-great-grandchild {
  display: block;
}
#gnav.is-pc .u-nav-parent--product .l-nav-great-grandchild__item:hover a,
#gnav.is-pc .u-nav-parent--product .l-nav-great-grandchild__item > a.on {
  position: relative;
  background-color: #F5F5F5;
}
#gnav.is-pc .u-nav-parent--product .l-nav-great-grandchild__item:hover a:before,
#gnav.is-pc .u-nav-parent--product .l-nav-great-grandchild__item > a.on:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 100%;
  background-color: #0053c3;
}

/*--ユーザーエージェント PC以外（プロダクト固有）--*/
#gnav.is-mobile .l-nav-child__item:not(.l-no-child) > a.on {
  position: relative;
  background-color: #F5F5F5;
}
#gnav.is-mobile .l-nav-child__item:not(.l-no-child) > a.on:before {
  display: block;
}
#gnav.is-mobile .l-nav-child__item > a.on + .l-nav-grandchild {
  display: block;
}
#gnav.is-mobile .u-nav-parent--product .l-nav-child__item > a.on + .u-nav-grandchild-outer {
  display: block;
}
#gnav.is-mobile .u-nav-parent--product .l-nav-grandchild__item:not(.l-no-child) > a.on {
  position: relative;
  background-color: #F5F5F5;
}
#gnav.is-mobile .u-nav-parent--product .l-nav-grandchild__item:not(.l-no-child) > a.on:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 100%;
  background-color: #0053c3;
}
#gnav.is-mobile .u-nav-parent--product .l-nav-grandchild__item > a.on + .u-nav-great-grandchild-outer {
  display: block;
}

/*--事例・条件から探す（プロダクト固有）--*/
#gnav .u-nav-tab-case {
  padding: 24px 0;
  margin: 0 auto;
  max-width: 640px;
  display: none;
}
#gnav .u-nav-tab-case .c-product-search-box {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  background-color: #F5F5F5;
}
#gnav .u-nav-tab-case .c-product-search-box__input {
  width: 640px;
  padding: 5px 10px;
  box-sizing: border-box;
  line-height: 1.57;
  font-size: 14px;
  text-align: left;
}
#gnav .u-nav-tab-case .c-product-search-box__button {
  -webkit-transition: .3s;
  transition: .3s;
  background: url(../img/search_ico_001.svg) no-repeat center center;
  background-size: 16px;
  width: 32px;
  height: 40px;
  box-sizing: border-box;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
#gnav .u-nav-tab-case .c-product-search-box__button:hover {
  opacity: .7;
}
#gnav .u-nav-tab-case__condition-list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 30px 0 0;
}
#gnav .u-nav-tab-case__condition-list li {
  margin: 0 30px;
}
#gnav .u-nav-tab-case__condition-list a {
  padding-right: 13px;
  position: relative;
  display: block;
}
#gnav .u-nav-tab-case__condition-list a:after {
  content: "";
  display: block;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 8px;
  height: 8px;
  box-sizing: border-box;
  border-top: #999999 solid 1px;
  border-right: #999999 solid 1px;
  margin-top: -4px;
  position: absolute;
  right: 0;
  top: 50%;
}
#gnav .u-nav-tab-case__condition-list a:hover {
  opacity: .6;
}

/*--関連情報（プロダクト固有）--*/
#gnav .u-nav-tab__button--sp {
  display: none;
}

/*--サポート固有--*/
#gnav .u-nav-parent--support .l-nav-child {
  height: 432px;
}

/*--セミナー固有--*/
#gnav .u-nav-parent--seminar .l-nav-child {
  height: 400px;
}
#gnav .u-nav-parent--seminar .l-nav-grandchild {
  height: 400px;
}

/*--販売ネットワーク固有--*/
#gnav .u-nav-parent--sales .l-nav-child {
  height: 576px;
}

/*--グローバルナビ右上--*/
#gnav {
  /*
  @media screen and (min-width:769px) and (max-width:1279px){
  	&--right{
  		left:auto;
  		right:0;

  		max-width:700px;
  		padding-right:25px;
  		margin-left:0;
  	}
  }
  */
}
#gnav .l-gnav--right {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  position: absolute;
  bottom: 100%;
  left: 50%;
  max-width: 800px;
  width: 100%;
  height: 32px;
  margin-bottom: 7px;
  margin-left: -200px;
  box-sizing: border-box;
}
@media only screen and (max-width: 1279px) {
  #gnav .l-gnav--right {
    left: auto;
    right: 40px;
    max-width: 700px;
    margin-left: 0;
  }
}
#gnav .l-gnav--right .l-sub-nav {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-right: 24px;
}
#gnav .l-gnav--right .l-sub-nav > li {
  line-height: 1;
  margin-right: 24px;
}
#gnav .l-gnav--right .l-sub-nav > li:first-child {
  margin-right: 0;
}
#gnav .l-gnav--right .l-sub-nav > li a {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: .6px;
}
#gnav .l-gnav--right .l-sub-nav > li a:hover {
  opacity: .6;
}
#gnav .l-gnav--right .l-sub-nav--login > a {
  color: #005EB8;
}
#gnav .l-gnav--right .l-sub-nav--login > a.loginlink {
  padding-right: 1px;
}
#gnav .l-gnav--right .l-sub-nav--login > a:hover {
  opacity: .4;
}
#gnav .l-gnav--right .l-sub-nav--mypage {
  position: relative;
  z-index: 1;
}
#gnav .l-gnav--right .l-sub-nav--mypage-button {
  padding: 5px 0;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.57;
}
#gnav .l-gnav--right .l-sub-nav--mypage-button:hover {
  opacity: .4;
}
#gnav .l-gnav--right .l-sub-nav--mypage-button span {
  display: inline-block;
  position: relative;
}
#gnav .l-gnav--right .l-sub-nav--mypage-button span.js-loginName {
  margin-right: 8px;
}
#gnav .l-gnav--right .l-sub-nav--mypage-button span.mypage {
  position: relative;
  display: inline-block;
  color: #005EB8;
  padding-right: 17px;
}
#gnav .l-gnav--right .l-sub-nav--mypage-button span.mypage:after {
  content: "";
  display: block;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 8px;
  height: 8px;
  border-right: #005EB8 solid 1px;
  border-bottom: #005EB8 solid 1px;
  box-sizing: border-box;
  margin-top: -7px;
  position: absolute;
  right: 2px;
  top: 50%;
}
#gnav .l-gnav--right .l-sub-nav--mypage-button.open span:after {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  margin-top: -3px;
}
#gnav .l-gnav--right .l-sub-nav--mypage-menu {
  position: absolute;
  left: 0;
  top: 100%;
  border-top: #005EB8 solid 2px;
  box-sizing: border-box;
  padding: 0;
  width: 100%;
  min-width: 150px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  display: none;
  background-color: #fff;
}
#gnav .l-gnav--right .l-sub-nav--mypage-menu li a {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 48px;
  padding-left: 18px;
  box-sizing: border-box;
}
#gnav .l-gnav--right .l-sub-nav--mypage-menu li a:hover {
  background-color: #F5F5F5;
}
#gnav .l-gnav--right .u-header-search-box {
  background-color: #F5F5F5;
}
#gnav .l-gnav--right .u-header-search-box__input {
  width: 176px;
  box-sizing: border-box;
  padding: 0 10px;
  font-size: 14px;
  text-align: left;
  letter-spacing: .6px;
}
#gnav .l-gnav--right .u-header-search-box__input::placeholder {
  color: #999999;
}
#gnav .l-gnav--right .u-header-search-box__input:-ms-input-placeholder {
  color: #999999;
}
#gnav .l-gnav--right .u-header-search-box__input::-ms-input-placeholder {
  color: #999999;
}
#gnav .l-gnav--right .u-header-search-box__button {
  -webkit-transition: .3s;
  transition: .3s;
  width: 32px;
  height: 32px;
  margin-right: 1px;
  box-sizing: border-box;
  background: url(../img/search_ico_001.svg) no-repeat center center;
  background-size: 16px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
#gnav .l-gnav--right .u-header-search-box__button:hover {
  opacity: .7;
}

#u-nav-filter {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  left: 0;
  top: 56px;
  width: 100%;
  min-width: 1080px;
  height: calc(100% - 56px);
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.3);
}
#u-nav-filter.on {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: block;
  opacity: 1;
  visibility: visible;
  z-index: 100;
}

/*chrome調整（プロダクト固有）*/
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  #gnav .u-nav-parent--product .l-nav-grandchild__item {
    width: 50%;
  }
  #gnav .u-nav-parent--product .u-nav-great-grandchild-outer {
    left: 50%;
    /*
    width: calc(50% + 4px);
    */
  }
}
/*firefox調整（プロダクト固有）*/
@-moz-document url-prefix() {
  #gnav .u-nav-parent--product .l-nav-grandchild__item {
    width: 50%;
  }
  #gnav .u-nav-parent--product .u-nav-great-grandchild-outer {
    left: 50%;
    width: 50%;
  }
  #gnav .l-gnav--right .l-sub-nav--mypage-button span.mypage::after {
    margin-top: -5px;
  }
}
/*safari調整（プロダクト固有）*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #gnav .u-nav-parent--product .u-nav-great-grandchild-outer {
    z-index: 10;
  }
}
/*IE11調整（プロダクト固有）*/
_:-ms-lang(x)::-ms-backdrop, #gnav .u-nav-parent--product .u-nav-great-grandchild-outer {
  z-index: 11;
}

_:-ms-lang(x)::-ms-backdrop, #gnav .l-dropdown-list__item {
  width: 33.33%;
}

_:-ms-lang(x)::-ms-backdrop, #gnav .l-dropdown-list__item--custom {
  width: 230px;
}

_:-ms-lang(x)::-ms-backdrop, #gnav .l-dropdown-list:after {
  left: calc(66.6666% - .5px);
}

_:-ms-lang(x)::-ms-backdrop, #gnav .l-dropdown-list__item:nth-child(3n) {
  width: 33.34%;
  position: relative;
  left: .5px;
}

_:-ms-lang(x)::-ms-backdrop, #gnav .l-dropdown-list__item--custom:nth-child(3n) {
  width: 230px;
}

/*Edge調整（プロダクト固有）*/
_:-ms-lang(x)::backdrop, #gnav .u-nav-parent--product .u-nav-great-grandchild-outer {
  z-index: 11;
}

_:-ms-lang(x)::backdrop, #gnav .l-gnav--right .l-sub-nav--mypage-button span.mypage::after {
  margin-top: -5px;
}

_:-ms-lang(x)::backdrop, #gnav .l-dropdown-list__item {
  width: 33.33%;
}

_:-ms-lang(x)::backdrop, #gnav .l-dropdown-list__item--custom {
  width: 230px;
}

_:-ms-lang(x)::backdrop, #gnav .l-dropdown-list:after {
  left: calc(66.6666% - .5px);
}

_:-ms-lang(x)::backdrop, #gnav .l-dropdown-list__item:nth-child(3n) {
  width: 33.34%;
  position: relative;
  left: .5px;
}

_:-ms-lang(x)::backdrop, #gnav .l-dropdown-list__item--custom:nth-child(3n) {
  width: 230px;
}

/*reset*/
#footer {
  font-family: '源ノ角ゴシック Regular', '源ノ角ゴシック', 'Noto Sans JP', 'Roboto', Helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'Meiryo UI', sans-serif;
  /* HTML5 display-role reset for older browsers */
  /* HTML5 hidden-attribute fix for newer browsers */
}
#footer div, #footer span, #footer applet, #footer object, #footer iframe,
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer p, #footer blockquote, #footer pre,
#footer a, #footer abbr, #footer acronym, #footer address, #footer big, #footer cite, #footer code,
#footer del, #footer dfn, #footer em, #footer img, #footer ins, #footer kbd, #footer q, #footer s, #footer samp,
#footer small, #footer strike, #footer strong, #footer sub, #footer sup, #footer tt, #footer var,
#footer b, #footer u, #footer i, #footer center,
#footer dl, #footer dt, #footer dd, #footer ol, #footer ul, #footer li,
#footer fieldset, #footer form, #footer label, #footer legend,
#footer table, #footer caption, #footer tbody, #footer tfoot, #footer thead, #footer tr, #footer th, #footer td,
#footer article, #footer aside, #footer canvas, #footer details, #footer embed,
#footer figure, #footer figcaption, #footer footer, #footer header, #footer hgroup,
#footer main, #footer menu, #footer nav, #footer output, #footer ruby, #footer section, #footer summary,
#footer time, #footer mark, #footer audio, #footer video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-family: '源ノ角ゴシック Regular', '源ノ角ゴシック', 'Noto Sans JP', 'Roboto', Helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'Meiryo UI', sans-serif;
}
#footer article, #footer aside, #footer details, #footer figcaption, #footer figure,
#footer footer, #footer header, #footer hgroup, #footer main, #footer menu, #footer nav, #footer section {
  display: block;
}
#footer *[hidden] {
  display: none;
}
#footer ol, #footer ul {
  list-style: none;
}
#footer blockquote, #footer q {
  quotes: none;
}
#footer blockquote:before, #footer blockquote:after,
#footer q:before, #footer q:after {
  content: '';
  content: none;
}
#footer table {
  border-collapse: collapse;
  border-spacing: 0;
}
#footer button {
  appearance: none;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
}
#footer a {
  color: #333333;
}
#footer a:visited, #footer a:link {
  color: #333333;
}
#footer a:focus, #footer a:active {
  text-decoration: none !important;
}

/*reset*/
#footer {
  margin-top: 24px;
  padding-bottom: 24px;
  min-width: 1080px;
  text-align: left;
  letter-spacing: .6px;
  background-color: #FAFAFA;
  /*-----reset-----*/
  /*-----reset-----*/
}
#footer a {
  text-decoration: none;
}
#footer a:hover {
  opacity: .7;
}
#footer .u-sp--inline {
  display: none;
}
#footer .u-back-to-top a {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 48px;
  color: #333333;
  font-size: 14px;
  background-color: #F0F0F0;
}
#footer .u-back-to-top a:hover {
  opacity: .7;
}
#footer .u-copyright {
  font-family: 'Roboto', Helvetica, 'メイリオ', 'Meiryo', sans-serif;
  font-size: 11px;
  color: #999999;
  line-height: 1.56;
  text-align: center;
  letter-spacing: .4px;
}
#footer .u-copyright br {
  display: none;
}

#footer .l-footer-nav {
  max-width: 1280px;
  width: 100%;
  padding: 0 40px;
  box-sizing: border-box;
  margin: 0 auto;
}
#footer .l-footer-nav__main {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 32px 0 30px;
  border-bottom: #E6E6E6 solid 1px;
}
#footer .l-footer-nav__box {
  width: calc((100% - 72px) * .196);
}
#footer .l-footer-nav__box.u-footer-nav__box02 {
  width: calc((100% - 72px) * .412);
}
#footer .l-footer-nav__cat {
  font-size: 14px;
  line-height: 1.56;
  padding-bottom: 4px;
  margin-bottom: 2px;
  border-bottom: #E6E6E6 solid 1px;
}
#footer .l-footer-nav__cat:not(:first-child) {
  margin-top: 25px;
}
#footer .l-footer-nav__cat a {
  color: #333333;
}
#footer .l-footer-nav__cat-box .l-footer-nav__cat-item {
  margin-top: 6px;
  font-size: 11px;
  line-height: 1.5;
}
#footer .l-footer-nav__cat-box .l-footer-nav__cat-item a {
  font-size: 11px;
  line-height: 1.5;
  color: #999999;
  letter-spacing: .4px;
}
/* 20221223公開用（AYU-240）追加 */
#footer .l-footer-nav__cat-box .l-footer-nav__cat-item--twoline,
#footer .l-footer-nav__cat-box .l-footer-nav__cat-item--twoline a{
  line-height: 1.3;
}
#footer .l-footer-nav .u-footer-nav__box02 .l-footer-nav__cat-box {
  display: -webkit-flex;
  display: flex;
}
#footer .l-footer-nav .u-footer-nav__box02 .l-footer-nav__cat-box ul {
  width: 50%;
}
#footer .l-footer-nav .u-footer-nav__box02 .l-footer-nav__cat-box ul.u-footer-nav--product {
  padding-right: 12px;
  box-sizing: border-box;
}
#footer .l-footer-nav .u-footer-nav__box02 .l-footer-nav__cat-box ul.u-footer-nav--related {
  padding-left: 12px;
  box-sizing: border-box;
}
#footer .l-footer-nav__sub {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 24px 0 21px;
}
#footer .l-footer-nav__sub-item {
  margin-right: 48px;
}
#footer .l-footer-nav__sub-item a {
  font-size: 11px;
  line-height: 1.5;
  color: #999999;
  text-align: center;
  letter-spacing: .4px;
  display: block;
}
#footer .l-footer-nav__sub-item a:hover {
  opacity: .6;
}
#footer .l-footer-nav__sub-item:last-child {
  margin-right: 0;
}
#footer .l-footer-nav__sub-item:last-child a {
  padding-left: 12px;
  position: relative;
}
#footer .l-footer-nav__sub-item:last-child a i {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: 1px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#footer .l-footer-nav__sub-item:last-child a img {
  width: 8px;
  height: 8px;
  vertical-align: bottom;
}

/*firefox調整*/
@-moz-document url-prefix() {
  #footer .l-footer-nav .l-footer-nav__sub-item:last-child a i {
    margin-top: 1px;
  }
}
/*IE11調整*/
_:-ms-lang(x)::-ms-backdrop, #footer .l-footer-nav .l-footer-nav__sub-item:last-child a i {
  margin-top: 1px;
}

/*-----各国モーダル z-index-----*/
div#country-websites {
  z-index: 19999;
}

div#region-list {
  z-index: 20000;
}

/*-----ログイン周り調整-----*/
body #gnav .l-gnav--right .l-sub-nav {
  height: 32px;
}

body #gnav .l-gnav--right .l-sub-nav > li.l-sub-nav--login {
  display: list-item;
}

body.is-login #gnav .l-gnav--right .l-sub-nav > li.l-sub-nav--login {
  display: none;
}

body #gnav .l-gnav--right .l-sub-nav > li.l-sub-nav--mypage {
  display: none;
}

body.is-login #gnav .l-gnav--right .l-sub-nav > li.l-sub-nav--mypage {
  display: list-item;
}

/*-----サジェスト調整-----*/
.suggest-form .suggest-list div.suggestBox1 .pager-box {
  display: -webkit-flex;
  display: flex;
}

.suggest-form .suggest-list div.suggestBox2 .pager-box {
  display: -webkit-flex;
  display: flex;
}

/*  i-Automation! include  */
.u-mg_bottom_20 {
  margin-bottom: 20px !important;
}

.c-unit__inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 10px;
}

.u-color-notes {
  color: #5a646e;
}

.e-txt, .e-txt--lead, .e-txt--lead-sub, .e-txt--sub, .e-txt--notes, .e-txt--kome, .e-txt--indent {
  margin-bottom: 20px;
}

.e-txt--kome {
  position: relative;
  font-size: 14px;
  padding-left: 1em;
}

.u-font-12 {
  font-size: 12px;
}

.u-color-accent {
  color: #5a646e;
}

/*# sourceMappingURL=fix-style.css.map */