@charset "utf-8"; @import url("https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900"); .l-header { position: relative; z-index: 10000; background-color: #FFFFFF; height: auto; border-top:0!important; } @media only screen and (max-width: 1079px) { .l-header { padding-bottom: 16px; padding-left: 20px; border-bottom: #E6E6E6 solid 1px; min-width: 100%; width: 100%; box-sizing: border-box; } } .l-footer { padding-bottom: 24px; letter-spacing: .6px; background-color: #FAFAFA; } @media only screen and (max-width: 1079px) { .l-footer { min-width: 100%; padding-bottom: 30px; background: none; } } .l-gnav { position: relative; z-index: 10000; width: 100%; border-bottom: #E6E6E6 solid 1px; font-size: 14px; letter-spacing: .6px; background-color: #FFFFFF; } .l-gnav input[type=text], .l-gnav input[type=tel], .l-gnav input[type=email], .l-gnav input[type=submit], .l-gnav input[type=button], .l-gnav button, .l-gnav textarea { font-family: "Noto Sans SC",'Source Han Sans CN','arial','microsoft yahei',sans-serif; -webkit-appearance: none; -moz-appearance: none; border-radius: 0; border: none; background-color: transparent; outline: none; } .l-gnav input[type=radio] { vertical-align: middle; } .l-gnav img { vertical-align: bottom; } .l-gnav svg { vertical-align: bottom; } .l-gnav a { text-decoration: none; color: #333333; } .l-gnav.is-enter { box-shadow: none; } .l-gnav input[type=submit]:hover.is-hover:hover, .l-gnav input[type=button]:hover.is-hover:hover, .l-gnav button.is-hover:hover { transition: .3s; outline: none; cursor: pointer; } /* Notice: Tablet */ @media only screen and (max-width: 1079px) { .l-gnav { position: absolute; z-index: -1; top: 49px; left: 0; opacity: 0; visibility: hidden; transition: .3s; min-width: 100%; } .l-gnav.is-open { z-index: 10000; opacity: 1; visibility: visible; } } .u-display--inline { display: inline; } .u-display--block { display: block; } .u-display--none { display: none; } @media only screen and (min-width: 1280px) { .u-display-xl--inline { display: inline; } .u-display-xl--block { display: block; } .u-display-xl--none { display: none; } } @media only screen and (min-width: 1080px) and (max-width: 1279px) { .u-display-lg--inline { display: inline; } .u-display-lg--block { display: block; } .u-display-lg--none { display: none; } } @media only screen and (max-width: 1079px) { .u-display-md--inline { display: inline; } .u-display-md--block { display: block; } .u-display-md--none { display: none; } } @media only screen and (max-width: 767px) { .u-display-sm--inline { display: inline; } .u-display-sm--block { display: block; } .u-display-sm--none { display: none; } } @media only screen and (max-width: 374px) { .u-display-xs--inline { display: inline; } .u-display-xs--block { display: block; } .u-display-xs--none { display: none; } } .u-pointer-events--auto { pointer-events: auto; } .u-pointer-events--none { pointer-events: none; } .p-gnav-parent-list { display: -webkit-flex; display: flex; max-width: 1280px; width: 100%; padding: 0 14px 0 15px; box-sizing: border-box; margin: 0 auto; } .p-gnav-parent-list__item--home { width: calc(100% * .07); } .p-gnav-parent-list__item--about { width: calc(100% * .166); } .p-gnav-parent-list__item--solution { width: calc(100% * .130); } .p-gnav-parent-list__item--product { width: calc(100% * .130); } .p-gnav-parent-list__item--download { width: calc(100% * .130); } .p-gnav-parent-list__item--support { width: calc(100% * .130); } .p-gnav-parent-list__item--seminar { width: calc(100% * .130); } .p-gnav-parent-list__item--sales { width: calc(100% * .110); } .p-gnav-parent-list__item--online { width: calc(100% * .120); } .p-gnav-parent-list__link { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; position: relative; height: 48px; font-family: "Noto Sans SC",'Source Han Sans CN','arial','microsoft yahei',sans-serif; } .p-gnav-parent-list__link:after { content: ""; position: absolute; left: 0; bottom: -1px; display: block; opacity: 0; width: 100%; height: 2px; background-color: #005EB8; } .p-gnav-parent-list__link.is-on:after { opacity: 1; } .p-gnav-parent-list__link.is-hover:hover:after { opacity: 1; background-color: #999999; } .p-gnav-parent-list__link.is-on.is-hover:hover:after { background-color: #005EB8; } /* Notice: Tablet */ @media only screen and (max-width: 1079px) { .p-gnav-parent-list { -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 0; box-sizing: border-box; } .p-gnav-parent-list__item { width: 100%; } .p-gnav-parent-list__item--solution { width: 100%; } .p-gnav-parent-list__item--product { width: 100%; } .p-gnav-parent-list__item--guide { width: 100%; } .p-gnav-parent-list__item--download { width: 100%; } .p-gnav-parent-list__item--support { width: 100%; } .p-gnav-parent-list__item--seminar { width: 100%; } .p-gnav-parent-list__item--sales { width: 100%; } .p-gnav-parent-list__link { -webkit-justify-content: flex-start; justify-content: flex-start; width: 100%; height: 56px; padding: 0 20px; box-sizing: border-box; } .p-gnav-parent-list__link:before { content: ""; position: absolute; right: 20px; top: 50%; display: block; width: 10px; height: 10px; box-sizing: border-box; margin-top: -6px; background: url(/html2014/2020/assets/img/arrow_button_gray_bottom.svg) no-repeat center center; } .p-gnav-parent-list__link:after { display: none; } .p-gnav-parent-list__link.is-open { background-color: #E6E6E6; } .p-gnav-parent-list__link.is-open:before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .p-gnav-parent-list__link--home { padding: 0 20px; } .p-gnav-parent-list__link--home:before { display: none; } .p-gnav-parent-list__link--online { padding: 0 20px; } .p-gnav-parent-list__link--online:before { display: none; } .p-gnav-parent-list__link:not(.is-open).is-hover:hover { background-color: #F5F5F5; } .p-gnav-parent-list__link--download:before { display: none; } } .p-gnav-dropdown { position: absolute; top: 100%; left: 0; z-index: -1; opacity: 0; visibility: hidden; transition: .3s; transition-property: opacity, visibility; width: 100%; margin-top: 1px; background-color: #FFFFFF; } .p-gnav-dropdown.is-active { -webkit-transition: 0.3s; transition: 0.3s; z-index: 1; opacity: 1; visibility: visible; } .p-gnav-dropdown.is-enter { -webkit-transition: none !important; transition: none !important; } .p-gnav-dropdown.is-enter a { -webkit-transition: none !important; transition: none !important; } @media only screen and (min-width: 1080px) { .p-gnav-dropdown { display: block !important; } } .p-gnav-dropdown__inner { max-width: 1000px; width: 100%; padding: 0 0 24px; box-sizing: border-box; margin: 0 auto; position: relative; } .p-gnav-dropdown__inner.is-leave { -webkit-transition: none !important; transition: none !important; opacity: 0; } .p-gnav-dropdown__top-link-box { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; height: 70px; } .p-gnav-dropdown__top-link-box--product { position: absolute; left: 0; top: 0; } .p-gnav-dropdown__top-link.is-hover:hover { opacity: .7; } /* Notice: Tablet */ @media only screen and (max-width: 1079px) { .p-gnav-dropdown { -webkit-transition: none; transition: none; position: static; top: auto; left: auto; z-index: 0; visibility: visible; opacity: 1; display: none; overflow: visible; height: auto; border: none; margin-top: 0; } .p-gnav-dropdown__inner { max-width: none; padding: 0; box-sizing: border-box; background-color: #FAFAFA; } .p-gnav-dropdown__top-link-box { display: block; height: auto; } .p-gnav-dropdown__top-link-box--product { position: static; left: auto; top: auto; } .p-gnav-dropdown__top-link { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; height: 56px; padding: 0 28px; } .p-gnav-dropdown__top-link.is-hover:hover { opacity: 1; background-color: #F5F5F5; } } @media only screen and (max-width: 750px) { .p-gnav-dropdown__top-link-box { display: none; } } .p-gnav-dropdown-list { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; position: relative; border-right: #E6E6E6 solid 1px; } @media only screen and (min-width: 1080px) { .p-gnav-dropdown-list--relation { display: flex !important; } } .p-gnav-dropdown-list:before { content: ""; position: absolute; left: calc(100% / 3); top: 0; z-index: 1; display: block; width: 1px; height: 100%; background-color: #E6E6E6; } .p-gnav-dropdown-list:after { content: ""; position: absolute; left: calc(100% / 3 * 2); top: 0; display: block; width: 1px; height: 100%; background-color: #E6E6E6; } .p-gnav-dropdown-list__item { width: calc(100% / 3); } .p-gnav-dropdown-list__link { 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; } .p-gnav-dropdown-list__link--border { border-left: #E6E6E6 solid 1px; } .p-gnav-dropdown-list__link:before { content: ""; position: absolute; left: 0; top: 0; z-index: 1; display: none; width: 2px; height: 100%; background-color: #005EB8; } .p-gnav-dropdown-list__link.on { position: relative; background-color: #F5F5F5; } .p-gnav-dropdown-list__link.on:before { display: block; } .p-gnav-dropdown-list__link.is-hover:hover { position: relative; background-color: #F5F5F5; } .p-gnav-dropdown-list__link.is-hover:hover:before { display: block; } /* Notice: Tablet */ @media only screen and (max-width: 1079px) { .p-gnav-dropdown-list { position: static; padding-top: 0; border: none; } .p-gnav-dropdown-list:before, .p-gnav-dropdown-list:after { display: none; } .p-gnav-dropdown-list--relation { display: none; background-color: #F5F5F5; } .p-gnav-dropdown-list--relation.is-open:after { content: ""; position: static; left: auto; top: auto; display: block !important; visibility: hidden; height: 0; width: 0; clear: both; background: none; } .p-gnav-dropdown-list--relation.is-hover:hover { background-color: #F5F5F5; } .p-gnav-dropdown-list--special { display: none; background-color: #F5F5F5; } .p-gnav-dropdown-list--special.is-open:after { content: ""; position: static; left: auto; top: auto; display: block !important; visibility: hidden; height: 0; width: 0; clear: both; background: none; } .p-gnav-dropdown-list--special.is-hover:hover { background-color: #F5F5F5; } .p-gnav-dropdown-list__item { width: 50%; } .p-gnav-dropdown-list__item--relation { float: left; } .p-gnav-dropdown-list__link { height: 56px; padding-left: 28px; border-left: none; } .p-gnav-dropdown-list__link:before { display: none; } .p-gnav-dropdown-list__link--relation { padding-left: 36px; } .p-gnav-dropdown-list__link--border { border-left: none; } } /* Notice: Smart Phone 375px */ @media only screen and (max-width: 767px) { .p-gnav-dropdown-list__item { width: 100%; } } .p-gnav-child-list { position: relative; width: 50%; border-left: #E6E6E6 solid 1px; border-right: #E6E6E6 solid 1px; box-sizing: border-box; } .p-gnav-child-list:before { content: ""; position: absolute; top: 0; left: 200%; display: block; width: 1px; height: 100%; background-color: #E6E6E6; } .p-gnav-child-list--about { height: 256px; } .p-gnav-child-list--support { height: 432px; } .p-gnav-child-list--seminar { height: 240px; } .p-gnav-child-list--sales { height: 576px; } .p-gnav-child-list--product { width: 33.3333%; height: 672px; } .p-gnav-dropdown-list--custom{ width:100%; margin-top:24px; } .p-gnav-dropdown-list__item--custom{ width:230px; } .p-gnav-dropdown-list--custom.p-gnav-dropdown-list:before,.p-gnav-dropdown-list--custom.p-gnav-dropdown-list:after{display:none;} @media only screen and (max-width: 767px) { .p-gnav-dropdown-list--custom{ margin-top:0; } .p-gnav-dropdown-list__item--custom{ width:100%; } } .p-gnav-child-list--product:before, .p-gnav-child-list--product:after { content: ""; position: absolute; top: 0; display: block; width: 1px; height: 100%; background-color: #E6E6E6; } .p-gnav-child-list--product:before { left: 200%; } .p-gnav-child-list--product:after { left: 300%; } .p-gnav-child-list__item.is-hover:hover .p-gnav-child-list__link { position: relative; background-color: #F5F5F5; } .p-gnav-child-list__item.is-hover:hover .p-gnav-child-list__link:before { display: block; } .p-gnav-child-list__item.is-hover:hover .p-gnav-grandchild-list__outer, .p-gnav-child-list__item.is-hover:hover .p-gnav-grandchild-list { display: block; } .p-gnav-child-list__link { 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.57; } .p-gnav-child-list__link--two-line { height: 64px; } .p-gnav-child-list__link:before { content: ""; position: absolute; left: -1px; top: 0; display: none; width: 2px; height: 100%; background-color: #005EB8; } .p-gnav-child-list__link:after { content: ""; position: absolute; right: 20px; top: 50%; display: block; width: 10px; height: 10px; box-sizing: border-box; margin-top: -4px; background: url(/html2014/2020/assets/img/arrow_button_gray_right.svg) no-repeat center center; } .p-gnav-child-list__link--no-child:after { display: none; } .p-gnav-child-list__link.is-on { position: relative; background-color: #F5F5F5; } .p-gnav-child-list__link.is-on:before { display: block; } .p-gnav-child-list__link.is-hover:hover { position: relative; background-color: #F5F5F5; } .p-gnav-child-list__link.is-hover:hover:before { display: block; } .p-gnav-child-list__link--product:before { display: block !important; } .p-gnav-child-list__link--sensors:before { background-color: #8b99cd !important; } .p-gnav-child-list__link--switch:before { background-color: #bf92c9 !important; } .p-gnav-child-list__link--safety:before { background-color: #f1de64 !important; } .p-gnav-child-list__link--relay:before { background-color: #e3806a !important; } .p-gnav-child-list__link--control:before { background-color: #e39d51 !important; } .p-gnav-child-list__link--fa-systems:before { background-color: #a3c971 !important; } .p-gnav-child-list__link--motion-drives:before { background-color: #cbcd6e !important; } .p-gnav-child-list__link--robotics:before { background-color: #128550 !important; } .p-gnav-child-list__link--energy-saving:before { background-color: #5fb9e9 !important; } .p-gnav-child-list__link--power-supply:before { background-color: #bbbbbb !important; } /* Notice: Tablet */ @media only screen and (max-width: 1079px) { .p-gnav-child-list { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; position: relative; width: 100%; height: auto; border: none; margin-top: 0; } .p-gnav-child-list:before, .p-gnav-child-list:after { display: none; } .p-gnav-child-list--product { width: 100%; height: auto; } .p-gnav-child-list--product:before, .p-gnav-child-list--product:after { display: none; } .p-gnav-child-list__item { width: 50%; box-sizing: border-box; } .p-gnav-child-list__item--support { width: 100%; } .p-gnav-child-list__item--seminar { width: 100%; } .p-gnav-child-list__item.is-hover:hover .p-gnav-child-list__link { opacity: 1; background-color: #F5F5F5; } .p-gnav-child-list__item.is-hover:hover .p-gnav-child-list__link:before { display: block; } .p-gnav-child-list__item.is-hover:hover .p-gnav-grandchild-list__outer, .p-gnav-child-list__item.is-hover:hover .p-gnav-grandchild-list { display: none; } .p-gnav-child-list__link { height: 56px; padding-left: 28px; box-sizing: border-box; } .p-gnav-child-list__link.is-on { background: none; } .p-gnav-child-list__link.is-on:before { display: none; } .p-gnav-child-list__link:before { left: 0; display: none; } .p-gnav-child-list__link:after { display: none; } .p-gnav-child-list__link--no-child:after { display: none; } .p-gnav-child-list__link--support:after, .p-gnav-child-list__link--seminar:after { display: block; background: url(/html2014/2020/assets/img/arrow_button_gray_bottom.svg) no-repeat center center; } .p-gnav-child-list__link--support.is-open, .p-gnav-child-list__link--seminar.is-open { background-color: #E6E6E6 !important; } .p-gnav-child-list__link--support.is-open.is-hover:hover, .p-gnav-child-list__link--seminar.is-open.is-hover:hover { background-color: #E6E6E6 !important; } .p-gnav-child-list__link--support.is-open:after, .p-gnav-child-list__link--seminar.is-open:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .p-gnav-child-list__link.is-hover:hover { opacity: 1; background-color: #F5F5F5 !important; } .p-gnav-child-list__link.is-open.is-hover:hover { background-color: #E6E6E6 !important; } } /* Notice: Smart Phone 375px */ @media only screen and (max-width: 767px) { .p-gnav-child-list__item { width: 100%; } } .p-gnav-grandchild-list { position: absolute; top: 0; left: 100%; display: none; overflow-y: auto; overflow-x: visible; width: 100%; height: 100%; } .p-gnav-grandchild-list.is-active { display: block; } .p-gnav-grandchild-list--product { position: static; display: block; width: 100%; height: 100%; } .p-gnav-grandchild-list__outer { position: absolute; left: 100%; top: 0; display: none; width: 200%; height: 100%; } .p-gnav-grandchild-list__outer.is-active { display: block; } .p-gnav-grandchild-list__item--product { width: 50%; } .p-gnav-grandchild-list__item.is-hover:hover .p-gnav-grandchild-list__link { background-color: #F5F5F5; } .p-gnav-grandchild-list__item.is-hover:hover .p-gnav-grandchild-list__link:before { content: ""; position: absolute; left: 0; top: 0; display: block; width: 2px; height: 100%; } .p-gnav-grandchild-list__item.is-hover:hover .p-gnav-grandchild-list__link--sensors:before { background-color: #8b99cd; } .p-gnav-grandchild-list__item.is-hover:hover .p-gnav-grandchild-list__link--switch:before { background-color: #bf92c9; } .p-gnav-grandchild-list__item.is-hover:hover .p-gnav-grandchild-list__link--safety:before { background-color: #f1de64; } .p-gnav-grandchild-list__item.is-hover:hover .p-gnav-grandchild-list__link--relay:before { background-color: #e3806a; } .p-gnav-grandchild-list__item.is-hover:hover .p-gnav-grandchild-list__link--control:before { background-color: #e39d51; } .p-gnav-grandchild-list__item.is-hover:hover .p-gnav-grandchild-list__link--fa-systems:before { background-color: #a3c971; } .p-gnav-grandchild-list__item.is-hover:hover .p-gnav-grandchild-list__link--motion-drives:before { background-color: #cbcd6e; } .p-gnav-grandchild-list__item.is-hover:hover .p-gnav-grandchild-list__link--robotics:before { background-color: #128550; } .p-gnav-grandchild-list__item.is-hover:hover .p-gnav-grandchild-list__link--energy-saving:before { background-color: #5fb9e9; } .p-gnav-grandchild-list__item.is-hover:hover .p-gnav-grandchild-list__link--power-supply:before { background-color: #cbcd6e; } .p-gnav-grandchild-list__item.is-hover:hover .p-gnav-great-grandchild-list__outer { display: block; } .p-gnav-grandchild-list__link { 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.57; } .p-gnav-grandchild-list__link--two-line { height: 64px; } .p-gnav-grandchild-list__link:after { content: ""; position: absolute; right: 20px; top: 50%; display: block; width: 10px; height: 10px; box-sizing: border-box; margin-top: -4px; background: url(/html2014/2020/assets/img/arrow_button_gray_right.svg) no-repeat center center; } .p-gnav-grandchild-list__link--no-child:after { display: none; } .p-gnav-grandchild-list__link--product { z-index: 10; } .p-gnav-grandchild-list__link.is-on { background-color: #F5F5F5; } .p-gnav-grandchild-list__link.is-on:before { content: ""; position: absolute; left: 0; top: 0; display: block; width: 2px; height: 100%; background-color: #005EB8; } .p-gnav-grandchild-list__link.is-hover:hover { background-color: #F5F5F5; } .p-gnav-grandchild-list__link.is-hover:hover:before { content: ""; position: absolute; left: 0; top: 0; display: block; width: 2px; height: 100%; background-color: #005EB8; } .p-gnav-grandchild-list__link--sensors.is-hover:hover:before { background-color: #8b99cd; } .p-gnav-grandchild-list__link--switch.is-hover:hover:before { background-color: #bf92c9; } .p-gnav-grandchild-list__link--safety.is-hover:hover:before { background-color: #f1de64; } .p-gnav-grandchild-list__link--relay.is-hover:hover:before { background-color: #e3806a; } .p-gnav-grandchild-list__link--control.is-hover:hover:before { background-color: #e39d51; } .p-gnav-grandchild-list__link--fa-systems.is-hover:hover:before { background-color: #a3c971; } .p-gnav-grandchild-list__link--motion-drives.is-hover:hover:before { background-color: #cbcd6e; } .p-gnav-grandchild-list__link--robotics.is-hover:hover:before { background-color: #128550; } .p-gnav-grandchild-list__link--energy-saving.is-hover:hover:before { background-color: #5fb9e9; } .p-gnav-grandchild-list__link--power-supply.is-hover:hover:before { background-color: #bbbbbb; } /* Notice: Tablet */ @media only screen and (max-width: 1079px) { .p-gnav-grandchild-list { position: static; display: none; overflow: hidden; width: 0; height: 0; } .p-gnav-grandchild-list--about { display: none; overflow: visible; width: 100%; height: auto; } .p-gnav-grandchild-list--about:after { content: ""; display: block; visibility: hidden; clear: both; width: 0; height: 0; padding: 0; margin: 0; } .p-gnav-grandchild-list--support { display: none; overflow: visible; width: 100%; height: auto; } .p-gnav-grandchild-list--support:after { content: ""; display: block; visibility: hidden; clear: both; width: 0; height: 0; padding: 0; margin: 0; } .p-gnav-grandchild-list--seminar { display: none; overflow: visible; width: 100%; height: auto; } .p-gnav-grandchild-list--seminar:after { content: ""; display: block; visibility: hidden; clear: both; width: 0; height: 0; padding: 0; margin: 0; } .p-gnav-grandchild-list__outer { display: none !important; } .p-gnav-grandchild-list__item--about, .p-gnav-grandchild-list__item--support, .p-gnav-grandchild-list__item--seminar { float: left; width: 50%; } .p-gnav-grandchild-list__item--about .l-gnav__grandchild-link, .p-gnav-grandchild-list__item--support .l-gnav__grandchild-link, .p-gnav-grandchild-list__item--seminar .l-gnav__grandchild-link { padding-left: 36px; } .p-gnav-grandchild-list__item.is-hover:hover .p-gnav-great-grandchild-list__outer { display: none; } .p-gnav-grandchild-list__link { height: 56px; padding-left: 36px; box-sizing: border-box; } .p-gnav-grandchild-list__link.is-on { background: none !important; } .p-gnav-grandchild-list__link:before { left: 0; } .p-gnav-grandchild-list__link:after { display: none; } .p-gnav-grandchild-list__link--no-child:after { display: none; } } /* Notice: Smart Phone 375px */ @media only screen and (max-width: 767px) { .p-gnav-grandchild-list__item--about { width: 100%; } .p-gnav-grandchild-list__item--support { width: 100%; } .p-gnav-grandchild-list__item--seminar { width: 100%; } } .p-gnav-great-grandchild-list__outer { position: absolute; top: 0; left: 50%; display: none; height: 100%; width: 50%; /* Notice: Safari調整 */ /* Notice: IE11調整 */ /* Notice: Edge調整 */ } .p-gnav-great-grandchild-list__outer.is-active { display: block; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .p-gnav-great-grandchild-list__outer { z-index: 10; } } @media all and (-ms-high-contrast: none\0 ) { .p-gnav-great-grandchild-list__outer *::-ms-backdrop, .p-gnav-great-grandchild-list__outer { z-index: 10; } } @media all and (-ms-high-contrast: none\0 ) { .p-gnav-great-grandchild-list__outer *::backdrop, .p-gnav-great-grandchild-list__outer { z-index: 10; } } .p-gnav-great-grandchild-list__link { 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: 20px; padding-left: 15px; box-sizing: border-box; line-height: 1.57; } .p-gnav-great-grandchild-list__link--two-line { height: 64px; } .p-gnav-great-grandchild-list__link.is-hover:hover { position: relative; background-color: #F5F5F5; } .p-gnav-great-grandchild-list__link.is-hover:hover:before { content: ""; position: absolute; left: 0; top: 0; display: block; width: 2px; height: 100%; background-color: #005EB8; } .p-gnav-great-grandchild-list__link.is-on { position: relative; background-color: #F5F5F5; } .p-gnav-great-grandchild-list__link.is-on:before { content: ""; position: absolute; left: 0; top: 0; display: block; width: 2px; height: 100%; background-color: #005EB8; } .p-gnav-great-grandchild-list__link--sensors.is-hover:hover:before { background-color: #8b99cd; } .p-gnav-great-grandchild-list__link--switch.is-hover:hover:before { background-color: #bf92c9; } .p-gnav-great-grandchild-list__link--safety.is-hover:hover:before { background-color: #f1de64; } .p-gnav-great-grandchild-list__link--relay.is-hover:hover:before { background-color: #e3806a; } .p-gnav-great-grandchild-list__link--control.is-hover:hover:before { background-color: #e39d51; } .p-gnav-great-grandchild-list__link--fa-systems.is-hover:hover:before { background-color: #a3c971; } .p-gnav-great-grandchild-list__link--motion-drives.is-hover:hover:before { background-color: #cbcd6e; } .p-gnav-great-grandchild-list__link--robotics.is-hover:hover:before { background-color: #128550; } .p-gnav-great-grandchild-list__link--energy-saving.is-hover:hover:before { background-color: #5fb9e9; } .p-gnav-great-grandchild-list__link--power-supply.is-hover:hover:before { background-color: #bbbbbb; } /* Notice: Tablet */ @media only screen and (max-width: 1079px) { .p-gnav-great-grandchild-list__link { height: 56px; padding-left: 28px; box-sizing: border-box; } .p-gnav-great-grandchild-list__link.is-on { background: none !important; } .p-gnav-great-grandchild-list__link:before { left: 0; } } .p-gnav-product-nav-index { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; height: 70px; } .p-gnav-product-nav-index__item { margin: 0 24px; } .p-gnav-product-nav-index__link { font-size: 14px; line-height: 1.5; letter-spacing: 0.6px; font-weight: normal; } .p-gnav-product-nav-index__link.is-hover:hover { opacity: .7; } .p-gnav-product-nav-index__link.is-current { color: #005EB8; } .p-gnav-product-nav-index__link.is-current.is-hover:hover { opacity: 1; } /* Notice: Tablet */ @media only screen and (max-width: 1079px) { .p-gnav-product-nav-index { display: none; } } .p-gnav-tab--case { padding: 24px 0; margin: 0 auto; max-width: 640px; } /* Notice: Tablet */ @media only screen and (max-width: 1079px) { .p-gnav-tab { display: block !important; } .p-gnav-tab--case { padding: 0; margin: 0; max-width: none; } } .p-gnav-search__box { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; background-color: #F5F5F5; } .p-gnav-search__box-input { width: 640px; padding: 5px 10px; box-sizing: border-box; line-height: 1.57; font-size: 14px; text-align: left; } .p-gnav-search__box-button { width: 32px; height: 40px; box-sizing: border-box; overflow: hidden; text-indent: 100%; background: url(/html2014/2020/assets/img/search_ico_001.svg) no-repeat center center; background-size: 16px; white-space: nowrap; } /* Notice: Tablet */ @media only screen and (max-width: 1079px) { .p-gnav-search__box { display: none; } } .p-gnav-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; } .p-gnav-condition-list__item { margin: 0 30px; } .p-gnav-condition-list__link { position: relative; display: block; padding-right: 14px; font-size: 14px; line-height: 1.57; letter-spacing: .6px; } .p-gnav-condition-list__link:after { content: ""; position: absolute; right: 0; top: 50%; display: block; width: 10px; height: 10px; box-sizing: border-box; margin-top: -4px; background: url(/html2014/2020/assets/img/arrow_button_gray_right.svg) no-repeat center center; } .p-gnav-condition-list__link.is-hover:hover { opacity: .7; } /* Notice: Tablet */ @media only screen and (max-width: 1079px) { .p-gnav-condition-list { -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 0; } .p-gnav-condition-list__item { margin: 0; width: 100%; } .p-gnav-condition-list__link { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding: 0 28px; height: 56px; box-sizing: border-box; } .p-gnav-condition-list__link:after { display: none; } .p-gnav-condition-list__link.is-hover:hover { opacity: 1; background-color: #F5F5F5; } } .p-gnav-relation-button { display: none; } .p-gnav-special-button { display: none; } /* Notice: Tablet */ @media only screen and (max-width: 1079px) { .p-gnav-relation-button { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-transition: none; transition: none; position: relative; width: 100%; height: 56px; padding: 0 28px; box-sizing: border-box; font-size: 14px; color: #333333; } .p-gnav-relation-button:before { content: ""; position: absolute; right: 20px; top: 50%; display: block; width: 10px; height: 10px; box-sizing: border-box; margin-top: -6px; background: url(/html2014/2020/assets/img/arrow_button_gray_bottom.svg) no-repeat center center; } .p-gnav-relation-button.is-open { background-color: #E6E6E6; } .p-gnav-relation-button.is-open:before { transform: rotate(-180deg); } .p-gnav-special-button { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-transition: none; transition: none; position: relative; width: 100%; height: 56px; padding: 0 28px; box-sizing: border-box; font-size: 14px; color: #333333; } .p-gnav-special-button:before { content: ""; position: absolute; right: 20px; top: 50%; display: block; width: 10px; height: 10px; box-sizing: border-box; margin-top: -6px; background: url(/html2014/2020/assets/img/arrow_button_gray_bottom.svg) no-repeat center center; } .p-gnav-special-button.is-open { background-color: #E6E6E6; } .p-gnav-special-button.is-open:before { transform: rotate(-180deg); } } /* Notice: グローバルナビ右上 */ .p-gnav-sub { 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 (min-width: 1080px) and (max-width: 1279px) { .p-gnav-sub { left: auto; right: 40px; max-width: 700px; margin-left: 0; } } @media only screen and (min-width: 1080px) and (max-width: 1279px) { .p-gnav-sub { left: auto; right: 40px; margin-left: 0; } } /* Notice: Tablet */ @media only screen and (max-width: 1079px) { .p-gnav-sub { -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; position: static; bottom: auto; left: auto; right: 0; -webkit-transform: none; transform: none; display: block; margin-bottom: 0; margin-left: 0; padding: 0; max-width: none; height: auto; } } /* Notice: グローバルナビ右上 */ .p-gnav-sub-list { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; height: 32px; margin-right: 24px; } .p-gnav-sub-list__item { margin-right: 24px; line-height: 1; } .p-gnav-sub-list__item:first-child { margin-right: 0; } .p-gnav-sub-list__item--login { display: list-item; } .p-gnav-sub-list__item--login #hyzx{ font-size:14px; color:#005EB8; } .p-gnav-sub-list__item--login #hyzx a{ color:#005EB8; } .p-gnav-sub-list__item--mypage { position: relative; z-index: 1; display: none; } .p-gnav-sub-list__link { font-size: 14px; line-height: 1.57; letter-spacing: .6px; } .p-gnav-sub-list__link.is-hover:hover { opacity: .7; } .p-gnav-sub-list__link--login { padding-right: 1px; color: #005EB8 !important; } body.is-login .p-gnav-sub-list__item--login { display: none; } body.is-login .p-gnav-sub-list__item--mypage { display: list-item; } /* Notice: Tablet */ @media only screen and (max-width: 1079px) { .p-gnav-sub-list { display: -webkit-flex; display: flex; -webkit-align-items: unset; align-items: unset; -webkit-flex-direction: unset; flex-direction: unset; -webkit-flex-wrap: wrap; flex-wrap: wrap; height: auto; margin-right: 0; } .p-gnav-sub-list__item { margin-right: 0; width: 100%; } .p-gnav-sub-list__item--login #hyzx{ display:none!important } .p-gnav-sub-list__link { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; height: 56px; padding: 0 20px; box-sizing: border-box; } .p-gnav-sub-list__link--login { color: #333333 !important; } .p-gnav-sub-list__link.is-hover:hover { opacity: 1; background: #F5F5F5; } } /* Notice: グローバルナビ右上 */ .p-gnav-sub-mypage-button { padding: 5px 0; box-sizing: border-box; font-size: 14px; line-height: 1.57; } .p-gnav-sub-mypage-button.is-hover:hover { opacity: .7; } .p-gnav-sub-mypage-button__name-box { position: relative; display: inline-block; margin-right: 8px; } .p-gnav-sub-mypage-button__name-box.is-open:after { transform: rotate(-135deg); margin-top: -1px; } .p-gnav-sub-mypage-button__txt { position: relative; display: inline-block; padding-right: 17px; color: #005EB8; } .p-gnav-sub-mypage-button__txt:after { content: ""; position: absolute; right: 2px; top: 50%; display: block; transform: rotate(45deg); width: 8px; height: 8px; border-right: #005EB8 solid 1px; border-bottom: #005EB8 solid 1px; box-sizing: border-box; margin-top: -5px; /* Notice: Firefox調整 */ /* Notice: IE11調整 */ /* Notice: Edge調整 */ } @-moz-document url-prefix() { .p-gnav-sub-mypage-button__txt:after { margin-top: -5px; } } @media all and (-ms-high-contrast: none\0 ) { .p-gnav-sub-mypage-button__txt:after *::-ms-backdrop, .p-gnav-sub-mypage-button__txt:after { z-index: 10; } } @media all and (-ms-high-contrast: none\0 ) { .p-gnav-sub-mypage-button__txt:after *::backdrop, .p-gnav-sub-mypage-button__txt:after { margin-top: -5px; } } /* Notice: Tablet */ @media only screen and (max-width: 1079px) { .p-gnav-sub-mypage-button { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; position: relative; width: 100%; height: 56px; padding: 0 20px; box-sizing: border-box; } .p-gnav-sub-mypage-button:after { content: ""; position: absolute; right: 20px; top: 50%; display: block; width: 10px; height: 10px; box-sizing: border-box; margin-top: -6px; background: url(/html2014/2020/assets/img/arrow_button_gray_bottom.svg) no-repeat center center; } .p-gnav-sub-mypage-button.is-open { background-color: #E6E6E6; } .p-gnav-sub-mypage-button.is-open:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .p-gnav-sub-mypage-button.is-hover:hover { opacity: 1; } .p-gnav-sub-mypage-button.is-hover:not(.is-open):hover { background: #F5F5F5; } .p-gnav-sub-mypage-button__name-box, .p-gnav-sub-mypage-button__name { display: inline; } .p-gnav-sub-mypage-button__txt { position: relative; display: block; padding-right: 0; color: #333333; } .p-gnav-sub-mypage-button__txt:after { display: none; } } .p-gnav-sub-mypage-list { position: absolute; left: 0; top: 100%; display: none; 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); background-color: #FFFFFF; } .p-gnav-sub-mypage-list__link { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; width: 100%; height: 48px; padding-left: 18px; box-sizing: border-box; } .p-gnav-sub-mypage-list__link.is-hover:hover { background-color: #F5F5F5; } /* Notice: Tablet */ @media only screen and (max-width: 1079px) { .p-gnav-sub-mypage-list { position: static; left: auto; top: auto; display: none; border-top: none; height: auto; box-shadow: none; background-color: #FAFAFA; } .p-gnav-sub-mypage-list__link { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; height: 56px; padding: 0 20px; box-sizing: border-box; } .p-gnav-sub-mypage-list__link--login { color: #333333; } } /* Notice: グローバルナビ右上 */ .p-gnav-sub-search__box { background-color: #F5F5F5; position: relative; } .p-gnav-sub-search__box #popterm1{ margin-top:32px!important } .p-gnav-sub-search__input { width: 176px; box-sizing: border-box; padding: 0 10px; font-size: 14px; text-align: left; letter-spacing: .6px; } .p-gnav-sub-search__input::placeholder { color: #999999; } .p-gnav-sub-search__input:-ms-input-placeholder { color: #999999; } .p-gnav-sub-search__input::-ms-input-placeholder { color: #999999; } .p-gnav-sub-search__button { overflow: hidden; width: 32px; height: 32px; margin-right: 1px; box-sizing: border-box; text-indent: 100%; background: url(/html2014/2020/assets/images/common/search_ico_001.svg) no-repeat center center; background-size: 16px; white-space: nowrap; } .p-gnav-sub-search__button.is-hover:hover { opacity: .7; } /* Notice: Tablet */ @media only screen and (max-width: 1079px) { .p-gnav-sub-search { display: none; } } .p-gnav-filter { -webkit-transition: 0.3s; transition: 0.3s; position:fixed; left: 0; top: 56px; width: 100%; min-width: 1000px; height: calc(100% - 56px); opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, 0.3); } .p-gnav-filter.is-appear { -webkit-transition: 0.3s; transition: 0.3s; display: block; opacity: 1; visibility: visible; z-index: 9996; } /* Notice: Tablet */ @media only screen and (max-width: 1079px) { .p-gnav-filter { -webkit-transition: none; transition: none; top: 50px; z-index: -1; display: block; visibility: hidden; opacity: 0; -webkit-transition: none; transition: none; min-width: 100%; height: calc(100% - 50px); } .p-gnav-filter.is-appear { visibility: visible; opacity: 1; z-index: 5000; } } .p-header { 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; } /* Notice: Tablet */ @media only screen and (max-width: 1079px) { .p-header { padding: 0; height: 32px; } } .p-header-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; } .p-header-logo__link { display: -webkit-flex; display: flex; -webkit-align-items: flex-end; align-items: flex-end; transition: .3s; text-decoration: none; line-height: 1; width:115px; padding-right:16px; } .p-header-logo__link.is-hover:hover .p-header-logo__department { opacity: .7; } .p-header-logo__img { max-width:100%; height:auto; width:100%; vertical-align: bottom; } .p-header-logo__department { font-size: 14px; line-height: 1; letter-spacing: 0.6px; font-weight: normal; color: #005EB8; } /* Notice: Tablet */ @media only screen and (max-width: 1079px) { .p-header-logo__link{ width:83px; padding-right:8px; } .p-header-logo__img { width: 83px; height: 16px; margin-right: 8px; } } .p-header-lang { position: relative; padding-left: 8px; /* Notice: firefox調整 */ /* Notice: IE11調整 */ } @-moz-document url-prefix() { .p-header-lang { top: 0; } } @media all and (-ms-high-contrast: none\0 ) { .p-header-lang *::-ms-backdrop, .p-header-lang { top: 0; } } .p-header-lang:before { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); content: ""; position: absolute; top: 50%; left: 0; display: block; width: 1px; height: 12px; background-color: #E6E6E6; } .p-header-lang__link { font-family: "Noto Sans SC",'Source Han Sans CN','arial','microsoft yahei',sans-serif; font-size: 14px; line-height: 1; letter-spacing: 0.8px; font-weight: 100; -webkit-transition: 0.3s; transition: 0.3s; position: relative; display: block; color: #333333; text-decoration: none; padding-left:9px; background:url(../images/common/ico_1.png) no-repeat left center;; } .p-header-lang__link.is-hover:hover { color:#0053BC; } .p-header-lang__arrow { position: absolute; top: 4px; right: 0; display: block; width: 8px; height: 9px; } .p-header-menu-button { display: none; } /* Notice: Tablet */ @media only screen and (max-width: 1079px) { .p-header-menu-button { position: absolute; right: 0; top: 0; display: block; overflow: visible; cursor: pointer; width: 48px; height: 48px; margin-left: auto; background:none; border:0; } .p-header-menu-button__inner { display: -webkit-flex; display: flex; position: absolute; top: 50%; left: 50%; width: 16px; height: 2px; box-sizing: border-box; margin: -1px 0 0 -8px; cursor: pointer; background-color: #005EB8; } .p-header-menu-button__inner:before, .p-header-menu-button__inner:after { content: ""; position: absolute; left: 0; display: block; width: 100%; height: 2px; box-sizing: border-box; background-color: #005EB8; } .p-header-menu-button__inner:before { top: -7px; } .p-header-menu-button__inner:after { bottom: -7px; } .p-header-menu-button__inner.is-open { background: none; } .p-header-menu-button__inner.is-open:before { top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .p-header-menu-button__inner.is-open:after { bottom: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } } .p-footer-nav { max-width: 1280px; width: 100%; padding: 0 40px; box-sizing: border-box; margin: 0 auto; } .p-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; } .p-footer-nav__box { width: calc((100% - 72px) * .132); padding-top:8px; } .p-footer-nav__box--005 { width: calc((100% - 72px) * .172); } .p-footer-nav__box--006 { width: calc((100% - 72px) * .182); padding-top:0; } .p-footer-nav__box .foot_tel{ padding-bottom:10px; border-bottom: 1px solid #E6E6E6; font-size: 24px; color: #616161; text-align: left; white-space: nowrap; } .p-footer-nav__box .foot_tel img{ vertical-align: middle; padding-right: 10px; } .p-footer-nav__box .qrBox{ padding:20px 0; } .p-footer-nav__box .qrBox p.qr_txt{ font-size:14px; margin-bottom:10px; } .p-footer-nav__box .qrBox p.qr_txt img{ vertical-align: middle; padding-right: 10px; } .p-footer-nav__box .qrBox.qr_1{ border-bottom: 1px solid #E6E6E6; } .p-footer-nav__parent { padding-bottom: 4px; margin-bottom: 2px; font-size: 15px; line-height: 1.56; border-bottom: #E6E6E6 solid 1px; } .p-footer-nav__parent:not(:first-child) { margin-top: 25px; } .p-footer-nav__parent-link { color: #333333; text-decoration: none; } .p-footer-nav__parent-link.is-hover:hover { opacity: .7; transition: .3s opacity; color: #333333; text-decoration:none; } @media only screen and (min-width: 1080px) { .p-footer-nav__child { display: block !important; } } .p-footer-nav__child--product:after { content: ""; display: block; visibility: hidden; clear: both; } .p-footer-nav__child-list--product { float: left; width: 50%; padding-right: 12px; box-sizing: border-box; } .p-footer-nav__child-list--relation { float: left; width: 50%; padding-left: 12px; box-sizing: border-box; } @media only screen and (min-width: 1080px) { .p-footer-nav__child-list--relation { display: block !important; } } .p-footer-nav__child-item { margin-top: 6px; font-size: 15px; line-height: 1.2; } .p-footer-nav__child-link { font-size: 12px; line-height: 1.2; color: #666; letter-spacing: .4px; text-decoration: none; } .p-footer-nav__child-link.is-hover:hover { opacity: .7; transition: .3s opacity; color:#666; text-decoration:none; } .p-footer-nav__relation-button { display: none; } .p-footer-nav__sub-list { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; padding: 24px 0 21px; } .p-footer-nav__sub-item { margin-right: 48px; } .p-footer-nav__sub-item:last-child { margin-right: 0; } .p-footer-nav__sub-link { display: block; font-size: 12px; line-height: 1.5; color: #666; text-align: center; letter-spacing: .4px; text-decoration: none; } .p-footer-nav__sub-link.is-hover:hover { opacity: .7; transition: .3s opacity; color: #666; text-decoration:none; } .p-footer-nav__sub-link--fb { position: relative; padding-left: 12px; } .p-footer-nav__sub-link--fb .p-footer-nav__icon-fb { position: absolute; left: 0; top: 50%; margin-top: -1px; line-height: 1; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .p-footer-nav__sub-link--fb .p-footer-nav__icon-fb-img { width: 8px; height: 8px; vertical-align: bottom; } /* Notice: firefox調整 */ @-moz-document url-prefix() { .p-footer-nav__sub-link .p-footer-nav__icon-fb { margin-top: -1px; } } /* Notice: IE11調整 */ _:-ms-lang(x)::-ms-backdrop, .p-footer-nav__sub-link .p-footer-nav__icon-fb { margin-top: 0px; } /* Notice: Tablet */ @media only screen and (max-width: 1079px) { .p-footer-nav { max-width: none; width: 100%; padding: 0; box-sizing: border-box; margin: 0 auto; } .p-footer-nav__main { display: block; padding: 0; } .p-footer-nav__box { display: block; width: 100%; } .p-footer-nav__box--002 { width: 100%; } .p-footer-nav__parent { position: relative; padding-bottom: 0; margin-bottom: 0; width: 100%; border: none; } .p-footer-nav__box--006{ padding:0 20px; width:calc(100% - 40px); } .p-footer-nav__parent:not(:first-child) { margin-top: 0; } .p-footer-nav__parent-link { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; position: relative; height: 48px; padding: 0 20px; font-size: 14px; } .p-footer-nav__parent-link.is-open { background-color: #F0F0F0; } .p-footer-nav__parent-link:after { content: ""; position: absolute; right: 20px; top: 50%; display: block; width: 10px; height: 10px; box-sizing: border-box; margin-top: -6px; background: url(/html2014/2020/assets/img/arrow_button_gray_bottom.svg) no-repeat center center; } .p-footer-nav__parent-link.is-open:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .p-footer-nav__parent-link--always:after { display: none; } .p-footer-nav__parent-link.is-hover:hover { opacity: 1; transition: none; background-color: #F5F5F5; } .p-footer-nav__parent-link.is-hover.is-open:hover { background-color: #F0F0F0; } .p-footer-nav__child { display: none; width: 100%; box-sizing: border-box; margin: 0; background-color: #FAFAFA; } .p-footer-nav__child-list { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .p-footer-nav__child-list--product { float: none; width: 100%; padding: 0; } .p-footer-nav__child-list--relation { float: none; width: 100%; padding: 0; } .p-footer-nav__child-item { margin-top: 0; width: 50%; font-size: 11px; } .p-footer-nav__child-item--case { width: 100%; } .p-footer-nav__child-link { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; position: relative; height: 48px; padding: 0 28px; box-sizing: border-box; font-size: 14px; line-height: 1.56; color: #333333; } .p-footer-nav__child-link.is-hover:hover { opacity: 1; transition: none; background-color: #F5F5F5; } .p-footer-nav__child-link--product:before { content: ""; position: absolute; left: 0; top: 0; display: block; width: 2px; height: 100%; } .p-footer-nav__child-link--sensors:before { background-color: #8b99cd; } .p-footer-nav__child-link--switch:before { background-color: #bf92c9; } .p-footer-nav__child-link--safety:before { background-color: #f1de64; } .p-footer-nav__child-link--relay:before { background-color: #e3806a; } .p-footer-nav__child-link--control:before { background-color: #e39d51; } .p-footer-nav__child-link--fa-systems:before { background-color: #a3c971; } .p-footer-nav__child-link--motion-drives:before { background-color: #cbcd6e; } .p-footer-nav__child-link--robotics:before { background-color: #128550; } .p-footer-nav__child-link--energy-saving:before { background-color: #5fb9e9; } .p-footer-nav__child-link--power-supply:before { background-color: #bbbbbb; } .p-footer-nav__relation-button { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; position: relative; width: 100%; height: 48px; padding: 0 28px; box-sizing: border-box; font-size: 14px; line-height: 1.56; color: #333333; } .p-footer-nav__relation-button.is-hover:hover { opacity: 1; transition: none; background-color: #F5F5F5; } .p-footer-nav__relation-button.is-hover.is-open:hover { background-color: #F0F0F0; } .p-footer-nav__relation-button.is-open { background-color: #F0F0F0; } .p-footer-nav__relation-button:after { content: ""; position: absolute; right: 20px; top: 50%; display: block; width: 10px; height: 10px; box-sizing: border-box; margin-top: -6px; background: url(/html2014/2020/assets/img/arrow_button_gray_bottom.svg) no-repeat center center; } .p-footer-nav__relation-button.is-open:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .p-footer-nav__child-list--relation { display: none; padding: 0; background-color: #F5F5F5; } .p-footer-nav__child-list--relation:after { content: ""; display: block; visibility: hidden; clear: both; } .p-footer-nav__child-item--relation { float: left; } .p-footer-nav__child-link--relation { padding-left: 36px; } .p-footer-nav__sub-list { -webkit-align-items: unset; align-items: unset; -webkit-justify-content: unset; justify-content: unset; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 15px 0 32px; } .p-footer-nav__sub-item { margin-right: 0; width: 25%; } .p-footer-nav__sub-link { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; width: 100%; height: 48px; } .p-footer-nav__sub-link--fb { position: static; padding-left: 0; } .p-footer-nav__sub-link--fb .p-footer-nav__icon-fb { position: static; left: auto; top: auto; margin-top: -1px; margin-right: 4px; -webkit-transform: none; transform: none; } } /* Notice: Smart Phone 375px */ @media only screen and (max-width: 767px) { .p-footer-nav__child-item { width: 100%; } .p-footer-nav__child-item--relation { float: none; } .p-footer-nav__sub-item { width: 50%; } .p-footer-nav__sub-link { height: 56px; } } .p-back-to-top-link { 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; text-decoration: none; background-color: #F0F0F0; } .p-back-to-top-link.is-hover:hover { opacity: .7; color:#333333; text-decoration:none; } .p-copyright { font-family: "Noto Sans SC",'Source Han Sans CN','arial','microsoft yahei',sans-serif; font-size: 12px; color: #666; line-height: 1.8; text-align: center; letter-spacing: .4px; } .p-copyright a{ color:#666; text-decoration:none; margin-right:10px; } .p-copyright a.is-hover:hover { opacity: .7; transition: .3s opacity; } .qr_list_2015{position:absolute;background-color:#fff;border:3px solid #0055c4; width:118px;height:139px;padding:10px 0 0 10px;top:-28px;left:-126px;display:none;box-sizing: border-box;} .qr_list_2015 .qr_list_ico{position:absolute;top:50%;margin-top:-4px;right:-7px;} .qr_list_2015 .qrBody_2015{width:92px;height:110px;overflow:hidden;display:inline-block;} .qr_list_2015 .qrBody_2015.ml25{margin-left:10px;} .qr_list_2015 .qrBody_2015 img{width:92px;height:92px;display:block;} .qr_list_2015 .qrBody_2015 p{text-align:center;color:#0055c4;height:18px;line-height:18px;font-size:14px;} .toolsBar_2016{position:fixed;right:0px;top:30%;width:75px;z-index:9995;} .toolsBar_2016 .toosBar_ico{width:75px;margin-bottom:1px;position:relative;} .toolsBar_2016 .toosBar_ico a{display:block;background-color:#656565;height:45px;background-color:#656565; background-repeat:no-repeat;background-position:center 12px;overflow:hidden;text-decoration:none;font-size:14px;line-height:24px} .toolsBar_2016 .toosBar_ico a p{color:#fff;padding-top:42px;text-align:center;font-size:14px;line-height:24px;} .toolsBar_2016 .toosBar_ico.ico_1 a{background-image:url("/html2014/2020/assets/images/common/tools_bar_ico_1.png");} .toolsBar_2016 .toosBar_ico.ico_2 a{background-image:url("/html2014/2020/assets/images/common/tools_bar_ico_2.png");} .toolsBar_2016 .toosBar_ico.ico_3 a{background-image:url("/html2014/2020/assets/images/common/tools_bar_ico_3.png");} .toolsBar_2016 .toosBar_ico.ico_4 a{background-image:url("/html2014/2020/assets/images/common/tools_bar_ico_4.png");} .toolsBar_2016 .toosBar_ico.ico_5 a{background-image:url("/html2014/2020/assets/images/common/dc.png");} .toolsBar_2016 .toosBar_ico.ico_6 a{background-image:url("/html2014/2020/assets/images/common/tools_bar_ico_6.png");} .toolsBar_2016 .toosBar_ico.ico_7 a{background-image:url("/html2014/2020/assets/images/common/tools_bar_ico_7.png");} .toolsBar_2016 .toosBar_ico.cur a{background-color:#0055c4;} .toolsBar_2016 .top_ico{height:50px;margin-bottom:1px;} .toolsBar_2016 .top_ico a{display:block;height:100%;background:#898989 url("/html2014/2020/assets/images/common/tools_ico_top.png") center 33px no-repeat;text-decoration:none;} .toolsBar_2016 .top_ico a p{text-align:center;color:#fff;padding-top:10px;font-size:14px;line-height:24px;} .toolsBar_2016 .top_ico a:hover{background-color:#0055c4;} .toolsBar_pop{background:url("/html2014/2020/assets/images/common/tools_bar_pop.png") no-repeat;width:334px;height:303px; overflow:hidden;top:-76px;left:-340px;position:absolute;display:none;} .toolsBar_pop .closeBtn{position:absolute;background:url("/html2014/2020/assets/images/common/closeBg.png") no-repeat; width:27px;height:27px;right:50px;top:15px;cursor:pointer;} @media only screen and (max-width: 1079px) { .toolsBar_2016 { display:none; } } /*-----各国モーダル z-index-----*/ div#country-websites { z-index: 19999; } div#region-list { z-index: 20000; } div#region-list img.iconA01 { vertical-align: baseline; } div#region-list .external-win { vertical-align: baseline; } div#region-list p { font-size: 10px; } div#region-list dl a { font-size: 10px; } /* Reason: 各国モーダル スマホサイズ スケール変更 */ @media screen and (max-width: 450px) { body div#region-list { transform: scale(0.7) translateY(-50%); -webkit-transform: scale(0.7) translateY(-50%); left:calc(((443px * 0.7) - 100%) / 2) } } /*# sourceMappingURL=common.css.map */ #headerPopBody{ position: absolute; left:0; right:0; top:0; bottom:0; z-index:10002; height:100vh; display:none; } #headerPopBody .popBottom{ position: absolute; left:0; right:0; top:0; bottom:0; z-index:10003 } .country-websites{ position: absolute; left:0; right:0; top:0; bottom:0; background-color:rgba(0,0,0,.5); z-index:10001; display:none; } div#region-list{ margin:0; padding:0; color:#555; font-family:'Arial',sans-serif; font-size:12px; _font-size:69%; /*\*//*/ font-family:'Arial',sans-serif; /**/ line-height:1.4; font-size:69%; } div#region-list a:link{ color:#1a66ca; } div#region-list a:visited{ text-decoration:underline; color:#868fca; } div#region-list p a:link, div#region-list p a:visited{ } div#region-list a:link:hover, div#region-list a:visited:hover, div#region-list a:link:active, div#region-list a:visited:active, div#region-list a:link:focus, div#region-list a:visited:focus{ text-decoration:underline; color:#0046a0; } div#region-list a img{ border:none; } div#region-list img.iconA01{ margin-right:3px; } div#region-list img.external-win{ position:relative; top:1px; left:3px; } div#region-list p{ margin-top:0; margin-bottom:0; } div#region-list em{ font-style:normal; font-weight:bold; } /* #country-websites -----------------------------------------------------*/ div#country-websites{ display:none; position:absolute; top:0; left:0; z-index:699; width:100%; height:100%; min-height:100%; background-color:#000; zoom:1; } /* #country-websites-iframe -----------------------------------------------------*/ #country-websites-iframe { display:none; position:absolute; z-index:9999; zoom:1; border: 0; } /* #region-list -----------------------------------------------------*/ div#region-list{ display:inline-block; left:50%; top:50%; transform: translate(-50%,-50%); overflow:hidden; margin:0; padding:0 0 0.55em; width:443px; background:#f5f5f5; border:1px solid #b0b0b0; text-align:left; z-index:10004; zoom:1; font-size:12px; } div#region-list p.regionHeading{ margin-bottom:0; padding:6px 5px 6px 10px; background:#e5e5e5; font-weight:bold; color:#555; } div#region-list p.regionHeading a { float:right; } div#region-list p.regionHeading.withLine { border-top:1px solid #cccccc; } div#region-list p.regionHeading.withLine a { float:none; display:block; color:#555; font-size:14px; } div#region-list.enabled{ display:block; /*\*//*/ display: inline-block; /**/ } div#region-list:after{ content:"."; clear:both; display:block; height:0; visibility:hidden; } div#region-list ul{ float:left; width:110px; margin:0 0 0 1px; padding:0; list-style-type: none; } div#region-list ul:first-child{ margin:0; } div#region-list ul.first-child{ margin:0; } div#region-list li{ width:100%; } div#region-list li:first-child{ border-top:0 none; } div#region-list li.first-child{ border-top:0 none; } div#region-list dl{ margin:0; padding:1em 0 0.64em; border-top:1px solid #e5e5e5; } div#region-list dl a{ display:block; padding:0 4px 0 11px; font-size:12px; } div#region-list dl a:link, div#region-list dl a:visited{ padding-left:20px; } div#region-list dl a:focus{ background-color:#dcdcdc; text-decoration:underline; } div#region-list dl a:link:hover, div#region-list dl a:link:active, div#region-list dl a:visited:hover, div#region-list dl a:visited:active{ background-color:#dcdcdc; text-decoration:underline; } div#region-list dl p.china{font-size:12px!important;} div#region-list dl p.china a{padding:0!important;text-indent:0!important;display:inline-block!important;} div#region-list dl p.china a:link{color:#1a66ca;} div#region-list dl p.china a:visited {color: #868fca;} div#region-list dl a:link img.external-win, div#region-list dl a:visited img.external-win{ visibility:hidden; } div#region-list dl a:focus img.external-win{ visibility:visible; } div#region-list dl a:link:hover img.external-win, div#region-list dl a:link:active img.external-win, div#region-list dl a:visited:hover img.external-win, div#region-list dl a:visited:active img.external-win{ visibility:visible; } div#region-list dt{ margin:0; padding:0; } div#region-list dt a{ font-weight:bold; color: #555; } div#region-list dt a:link{ color: #555; } div#region-list dt a:visited{ color:#808080; } div#region-list dt a:link:focus, div#region-list dt a:visited:focus{ color:#3b3b3b; } div#region-list dt a:link:hover, div#region-list dt a:link:active, div#region-list dt a:visited:hover, div#region-list dt a:visited:active{ color:#3b3b3b; } div#region-list dd { margin:0.64em 0 0; padding:0; } div#region-list dd p{ margin:0; padding:0 11px; } div#region-list dd ul{ float:none; width:100%; margin:0; padding:0; list-style-type:none; } div#region-list dd li{ margin:0.19em 0 0; padding:0; background:none; border-top:0 none; } .privacyPop{position: fixed;z-index:10003;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.5);} .privacyPop .pop-list{display:inline-block;width:1000px;z-index: 10004;position: absolute;left:50%;top:10%;bottom:10%;background-color:#fff;padding:40px;box-sizing: border-box;transform: translateX(-50%);} .privacyPop .pop-list h3{text-align:center;font-size:22px;line-height:30px;color:#000;margin-bottom:35px;} .privacyPop .pop-list p{font-size:14px;line-height:24px;color:#000000;} .privacyPop .pop-list .poproll{height:calc(100% - 155px);overflow:hidden;} .privacyPop .pop-list .poproll div{overflow-y:auto;height:100%;padding-right:20px;} .privacyPop .pop-list .poproll div::-webkit-scrollbar { width: 6px; height: 1px; } .privacyPop .pop-list .poproll div::-webkit-scrollbar-thumb {border-radius: 6px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #1d56bd; } .privacyPop .pop-list .poproll div::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 4px; background: #eaf2fb; } .privacyPop .pop-list .option{text-align:center;margin-top:30px;} .privacyPop .pop-list .option a{display:inline-block;width:156px;height:48px;line-height:44px;background-color:#1d56bd;color:#fff;font-size:18px;cursor:pointer;text-decoration:none;} .privacyTxt p{font-size:14px;line-height:24px;} .privacyTxt ul li{padding-left:15px;position: relative;font-size:14px;line-height:24px;} .privacyTxt ul li::before{content:"";display:inline-block;width:4px;height:4px;background-color:#3b3b3b;border-radius:50%;position: absolute;left:4px;top:10px;} @media screen and (max-width: 768px) { .privacyPop .pop-list{width:90%;} }