/* @license MIT https://github.com/necolas/normalize.css/blob/8.0.1/LICENSE.md */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

main {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace,monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b,strong {
    font-weight: bolder;
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,input {
    overflow: visible;
}

button,select {
    text-transform: none;
}

button,[type="button"],[type="reset"],[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

/* @license GNU-GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.action-links {
    margin: 1em 0;
    padding: 0;
    list-style: none;
}

[dir="rtl"] .action-links {
    margin-right: 0;
}

.action-links li {
    display: inline-block;
    margin: 0 0.3em;
}

.action-links li:first-child {
    margin-left: 0;
}

[dir="rtl"] .action-links li:first-child {
    margin-right: 0;
    margin-left: 0.3em;
}

.button-action {
    display: inline-block;
    padding: 0.2em 0.5em 0.3em;
    text-decoration: none;
    line-height: 160%;
}

.button-action::before {
    margin-left: -0.1em;
    padding-right: 0.2em;
    content: "+";
    font-weight: 900;
}

[dir="rtl"] .button-action::before {
    margin-right: -0.1em;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0.2em;
}

.breadcrumb {
    padding-bottom: 0.5em;
}

.breadcrumb ol {
    margin: 0;
    padding: 0;
}

[dir="rtl"] .breadcrumb ol {
    margin-right: 0;
}

.breadcrumb li {
    display: inline;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.breadcrumb li::before {
    content: " \BB ";
}

.breadcrumb li:first-child::before {
    content: none;
}

.button,.image-button {
    margin-right: 1em;
    margin-left: 1em;
}

.button:first-child,.image-button:first-child {
    margin-right: 0;
    margin-left: 0;
}

.container-inline label::after,.container-inline .label::after {
    content: ":";
}

.form-type-radios .container-inline label::after,.form-type-checkboxes .container-inline label::after {
    content: "";
}

.form-type-radios .container-inline .form-type-radio,.form-type-checkboxes .container-inline .form-type-checkbox {
    margin: 0 1em;
}

.container-inline .form-actions,.container-inline.form-actions {
    margin-top: 0;
    margin-bottom: 0;
}

details {
    margin-top: 1em;
    margin-bottom: 1em;
    border: 1px solid #ccc;
}

details > .details-wrapper {
    padding: 0.5em 1.5em;
}

summary {
    padding: 0.2em 0.5em;
    cursor: pointer;
}

.exposed-filters .filters {
    float: left;
    margin-right: 1em;
}

[dir="rtl"] .exposed-filters .filters {
    float: right;
    margin-right: 0;
    margin-left: 1em;
}

.exposed-filters .form-item {
    margin: 0 0 0.1em 0;
    padding: 0;
}

.exposed-filters .form-item label {
    float: left;
    width: 10em;
    font-weight: normal;
}

[dir="rtl"] .exposed-filters .form-item label {
    float: right;
}

.exposed-filters .form-select {
    width: 14em;
}

.exposed-filters .current-filters {
    margin-bottom: 1em;
}

.exposed-filters .current-filters .placeholder {
    font-weight: bold;
    font-style: normal;
}

.exposed-filters .additional-filters {
    float: left;
    margin-right: 1em;
}

[dir="rtl"] .exposed-filters .additional-filters {
    float: right;
    margin-right: 0;
    margin-left: 1em;
}

.field__label {
    font-weight: bold;
}

.field--label-inline .field__label,.field--label-inline .field__items {
    float: left;
}

.field--label-inline .field__label,.field--label-inline > .field__item,.field--label-inline .field__items {
    padding-right: 0.5em;
}

[dir="rtl"] .field--label-inline .field__label,[dir="rtl"] .field--label-inline .field__items {
    padding-right: 0;
    padding-left: 0.5em;
}

.field--label-inline .field__label::after {
    content: ":";
}

form .field-multiple-table {
    margin: 0;
}

form .field-multiple-table .field-multiple-drag {
    width: 30px;
    padding-right: 0;
}

[dir="rtl"] form .field-multiple-table .field-multiple-drag {
    padding-left: 0;
}

form .field-multiple-table .field-multiple-drag .tabledrag-handle {
    padding-right: 0.5em;
}

[dir="rtl"] form .field-multiple-table .field-multiple-drag .tabledrag-handle {
    padding-right: 0;
    padding-left: 0.5em;
}

form .field-add-more-submit {
    margin: 0.5em 0 0;
}

.form-item,.form-actions {
    margin-top: 1em;
    margin-bottom: 1em;
}

tr.odd .form-item,tr.even .form-item {
    margin-top: 0;
    margin-bottom: 0;
}

.form-composite > .fieldset-wrapper > .description,.form-item .description {
    font-size: 0.85em;
}

label.option {
    display: inline;
    font-weight: normal;
}

.form-composite > legend,.label {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-weight: bold;
}

.form-checkboxes .form-item,.form-radios .form-item {
    margin-top: 0.4em;
    margin-bottom: 0.4em;
}

.form-type-radio .description,.form-type-checkbox .description {
    margin-left: 2.4em;
}

[dir="rtl"] .form-type-radio .description,[dir="rtl"] .form-type-checkbox .description {
    margin-right: 2.4em;
    margin-left: 0;
}

.marker {
    color: #e00;
}

.form-required::after {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0.3em;
    content: "";
    vertical-align: super;
    background-image: url(/themes/hitachius/images/icons/required.svg);
    background-repeat: no-repeat;
    background-size: 6px 6px;
}

abbr.tabledrag-changed,abbr.ajax-changed {
    border-bottom: none;
}

.form-item input.error,.form-item textarea.error,.form-item select.error {
    border: 2px solid red;
}

.form-item--error-message::before {
    display: inline-block;
    width: 14px;
    height: 14px;
    content: "";
    vertical-align: sub;
    background: url(/themes/hitachius/images/icons/error.svg) no-repeat;
    background-size: contain;
}

.icon-help {
    padding: 1px 0 1px 20px;
    background: url(/themes/hitachius/images/icons/help.png) 0 50% no-repeat;
}

[dir="rtl"] .icon-help {
    padding: 1px 20px 1px 0;
    background-position: 100% 50%;
}

.feed-icon {
    display: block;
    overflow: hidden;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/themes/hitachius/images/icons/feed.svg) no-repeat;
}

.form--inline .form-item {
    float: left;
    margin-right: 0.5em;
}

[dir="rtl"] .form--inline .form-item {
    float: right;
    margin-right: 0;
    margin-left: 0.5em;
}

[dir="rtl"] .views-filterable-options-controls .form-item {
    margin-right: 2%;
}

.form--inline .form-item-separator {
    margin-top: 2.3em;
    margin-right: 1em;
    margin-left: 0.5em;
}

[dir="rtl"] .form--inline .form-item-separator {
    margin-right: 0.5em;
    margin-left: 1em;
}

.form--inline .form-actions {
    clear: left;
}

[dir="rtl"] .form--inline .form-actions {
    clear: right;
}

.item-list .title {
    font-weight: bold;
}

.item-list ul {
    margin: 0 0 0.75em 0;
    padding: 0;
}

.item-list li {
    margin: 0 0 0.25em 1.5em;
    padding: 0;
}

[dir="rtl"] .item-list li {
    margin: 0 1.5em 0.25em 0;
}

.item-list--comma-list {
    display: inline;
}

.item-list--comma-list .item-list__comma-list,.item-list__comma-list li,[dir="rtl"] .item-list--comma-list .item-list__comma-list,[dir="rtl"] .item-list__comma-list li {
    margin: 0;
}

button.link {
    margin: 0;
    padding: 0;
    cursor: pointer;
    border: 0;
    background: transparent;
    font-size: 1em;
}

label button.link {
    font-weight: bold;
}

ul.inline,ul.links.inline {
    display: inline;
    padding-left: 0;
}

[dir="rtl"] ul.inline,[dir="rtl"] ul.links.inline {
    padding-right: 0;
    padding-left: 15px;
}

ul.inline li {
    display: inline;
    padding: 0 0.5em;
    list-style-type: none;
}

ul.links a.is-active {
    color: #000;
}

ul.menu {
    margin-left: 1em;
    padding: 0;
    list-style: none outside;
    text-align: left;
}

[dir="rtl"] ul.menu {
    margin-right: 1em;
    margin-left: 0;
    text-align: right;
}

.menu-item--expanded {
    list-style-type: circle;
    list-style-image: url(/themes/hitachius/images/icons/menu-expanded.png);
}

.menu-item--collapsed {
    list-style-type: disc;
    list-style-image: url(/themes/hitachius/images/icons/menu-collapsed.png);
}

[dir="rtl"] .menu-item--collapsed {
    list-style-image: url(/themes/hitachius/images/icons/menu-collapsed-rtl.png);
}

.menu-item {
    margin: 0;
    padding-top: 0.2em;
}

ul.menu a.is-active {
    color: #000;
}

.more-link {
    display: block;
    text-align: right;
}

[dir="rtl"] .more-link {
    text-align: left;
}

.pager__items {
    clear: both;
    text-align: center;
}

.pager__item {
    display: inline;
    padding: 0.5em;
}

.pager__item.is-active {
    font-weight: bold;
}

tr.drag {
    background-color: #fffff0;
}

tr.drag-previous {
    background-color: #ffd;
}

body div.tabledrag-changed-warning {
    margin-bottom: 0.5em;
}

tr.selected td {
    background: #ffc;
}

td.checkbox,th.checkbox {
    text-align: center;
}

[dir="rtl"] td.checkbox,[dir="rtl"] th.checkbox {
    text-align: center;
}

th.is-active img {
    display: inline;
}

td.is-active {
    background-color: #ddd;
}

div.tabs {
    margin: 1em 0;
}

ul.tabs {
    margin: 0 0 0.5em;
    padding: 0;
    list-style: none;
}

.tabs > li {
    display: inline-block;
    margin-right: 0.3em;
}

[dir="rtl"] .tabs > li {
    margin-right: 0;
    margin-left: 0.3em;
}

.tabs a {
    display: block;
    padding: 0.2em 1em;
    text-decoration: none;
}

.tabs a.is-active {
    background-color: #eee;
}

.tabs a:focus,.tabs a:hover {
    background-color: #f5f5f5;
}

.form-textarea-wrapper textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-top: 8px !important;
}

.ui-dialog--narrow {
    max-width: 500px;
}

@media screen and (max-width: 600px) {
    .ui-dialog--narrow {
        min-width:95%;
        max-width: 95%;
    }
}

.messages {
    padding: 15px 20px 15px 35px;
    word-wrap: break-word;
    border: 1px solid;
    border-width: 1px 1px 1px 0;
    border-radius: 2px;
    background: no-repeat 10px 17px;
    overflow-wrap: break-word;
}

[dir="rtl"] .messages {
    padding-right: 35px;
    padding-left: 20px;
    text-align: right;
    border-width: 1px 0 1px 1px;
    background-position: right 10px top 17px;
}

.messages + .messages {
    margin-top: 1.538em;
}

.messages__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.messages__item + .messages__item {
    margin-top: 0.769em;
}

.messages--status {
    color: #325e1c;
    border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
    background-color: #f3faef;
    background-image: url(/themes/hitachius/images/icons/check.svg);
    box-shadow: -8px 0 0 #77b259;
}

[dir="rtl"] .messages--status {
    margin-left: 0;
    border-color: #c9e1bd transparent #c9e1bd #c9e1bd;
    box-shadow: 8px 0 0 #77b259;
}

.messages--warning {
    color: #734c00;
    border-color: #f4daa6 #f4daa6 #f4daa6 transparent;
    background-color: #fdf8ed;
    background-image: url(/themes/hitachius/images/icons/warning.svg);
    box-shadow: -8px 0 0 #e09600;
}

[dir="rtl"] .messages--warning {
    border-color: #f4daa6 transparent #f4daa6 #f4daa6;
    box-shadow: 8px 0 0 #e09600;
}

.messages--error {
    color: #a51b00;
    border-color: #f9c9bf #f9c9bf #f9c9bf transparent;
    background-color: #fcf4f2;
    background-image: url(/themes/hitachius/images/icons/error.svg);
    box-shadow: -8px 0 0 #e62600;
}

[dir="rtl"] .messages--error {
    border-color: #f9c9bf transparent #f9c9bf #f9c9bf;
    box-shadow: 8px 0 0 #e62600;
}

.messages--error p.error {
    color: #a51b00;
}

.font-size-83 {
    font-size: 83%
}

.font-size-90 {
    font-size: 90%
}

.font-size-100 {
    font-size: 100%
}

@media screen and (min-width: 768px) {
    .Container.Wide {
        max-width:1150px;
    }

    .Container {
        max-width: 965px;
    }
}

@media screen and (max-width: 1280px) {
    .Container.Wide {
        max-width: 1150px;
        padding-left: 0px;
        padding-right: 0px;
    }
}

.Container,.ContainerFix {
    margin-left: auto;
    margin-right: auto;
    min-width: 290px;
    width: auto;
}

.HeaderArea1 {
    background-color: #ffffff;
    min-width: 320px;
    position: relative;
    z-index: 80;
}

.HeaderArea1 {
    padding: 0 15px;
}
@media screen and (max-width: 767px) {
    .HeaderArea1 > .Container .SupportNaviIconText > a:not(.SupportNaviSearch), .HeaderArea1 > .Container .SupportNaviIconText > button.SupportNaviLang:not(.SupportNaviSearch) {
        display: flex;
    }
    .SiteID span {
        font-size: 70% !important;
    }
}
.HeaderArea1 > .Container,.HeaderArea1 > .ContainerFix {
    display: flex;
    display: -ms-flexbox;
    -ms-flex-pack: justify;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0 auto;
    margin-bottom: 0;
}

.Statement {
    align-items: center;
    display: block;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    height: 45px;
    margin-right: auto;
}

a:link {
    color: #c02;
    text-decoration: underline;
}

.Statement img {
    height: 29px;
    margin-top: 12px;
    width: 95px;
}

.SupportNaviIconText {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-left: 15px;
    max-width: 610px;
}

.SupportNaviIconText .SupportNaviLang,.SupportNaviIconText .SupportNaviSearch {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;
}

.SupportNaviIconText > a,.SupportNaviIconText > button.SupportNaviLang > span,.SupportNaviIconText > button.SupportNaviSearch > span {
    align-items: center;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    height: 45px;
    overflow: hidden;
    padding: 0;
    position: relative;
    white-space: normal;
}

.SupportNaviIconText > a:hover,.SupportNaviIconText > a:focus,.SupportNaviIconText > a:active,.SupportNaviIconText > button.SupportNaviLang:hover,.SupportNaviIconText > button.SupportNaviLang:focus,.SupportNaviIconText > button.SupportNaviLang:active,.SupportNaviIconText > button.SupportNaviSearch:hover,.SupportNaviSearch > button.SupportNaviSearch:focus,.SupportNaviIconText > button.SupportNaviSearch:active,.SupportNaviSearch.is-open:hover,.SupportNaviSearch.is-open:focus {
    background-color: #ccc;
    color: #000;
    text-decoration: none;
}

.SupportNaviIconText > a > img,.SupportNaviIconText > button.SupportNaviLang > span > img,.SupportNaviIconText > button.SupportNaviSearch > span > img {
    align-self: flex-start;
    display: inline-block;
    -ms-flex-item-align: start;
    height: 90px;
    pointer-events: none;
    width: 45px;
}

.SupportNaviIconText > a > img+span,.SupportNaviIconText > button.SupportNaviLang > span > img+span,.SupportNaviIconText > button.SupportNaviSearch > span > img+span {
    margin-left: -15px;
}

.SupportNaviIconText > a > span,.SupportNaviIconText > button.SupportNaviLang > span > span,.SupportNaviIconText > button.SupportNaviSearch > span > span {
    padding-left: 15px;
    padding-right: 15px;
}

.LangMenu {
    background-color: #ccc;
    display: none;
    margin-left: -58px;
    overflow-y: auto;
    position: absolute;
    text-align: left;
    top: 45px;
    width: 230px;
    z-index: 110;
}

.LangMenu a {
    color: #000 !important;
    display: block;
    padding: 10px 10px 10px 40px;
    position: relative;
    text-decoration: none;
}

.LangMenu a:hover::before,.LangMenu a:focus::before,.LangMenu a.Current::before {
    background-image: url(../images/icon_checkmark.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15px 12px;
    content: "";
    height: 12px;
    left: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
}

.SupportNaviIconText > a:link,.SupportNaviIconText > a:visited {
    color: #000;
    text-decoration: none;
}

.SearchFormArea {
    background-color: #ccc;
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 10px 0 15px 0;
    position: absolute;
    width: 100%;
}

.SearchFormArea > div {
    max-width: 900px;
    margin: 0 auto;
}

.SearchFormArea .BtnClose {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: block;
    height: 20px;
    margin-bottom: 10px;
    margin-left: calc(100% - 20px);
    position: relative;
    width: 20px;
}

.SearchFormArea .BtnClose::before,.SearchFormArea .BtnClose::after {
    background: #666;
    content: "";
    display: block;
    height: 2px;
    left: 14%;
    position: absolute;
    top: calc(14% - 1px);
    transform: rotate(45deg);
    transform-origin: 0 50%;
    width: 100%;
}

.SearchFormArea .BtnClose::after {
    left: auto;
    right: 14%;
    transform: rotate(-45deg);
    transform-origin: 100% 50%;
}

.SearchFormArea .SearchPhrease {
    -moz-appearance: none;
    -webkit-appearance: none;
    background-clip: padding-box;
    background-color: #fff;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    color: #495057;
    display: block;
    flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    height: calc(24px + 12px + 2px);
    line-height: 1.5;
    margin-bottom: 0;
    padding: 6px 12px;
    position: relative;
    width: 1%;
}

.SearchFormArea .SearchBtn {
    appearance: none;
    background-color: #b1000e;
    border: 0;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 1.5;
    margin: 0 0 0;
    margin-bottom: 1px;
    margin-left: -1px;
    margin-top: 1px;
    padding: 6px;
    text-align: center;
    user-select: none;
    width: 200px;
}

.SearchFormArea .SearchGroup {
    align-items: stretch;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}

.SpMenuBtn {
    background-color: #b1000e;
    border: 0;
    cursor: pointer;
    display: none;
    height: 45px;
    position: relative;
    width: 45px;
}

.SpMenuBtn span {
    background-color: #ffffff;
    border-radius: 4px;
    height: 2px;
    left: 0;
    left: 25%;
    position: absolute;
    transform-origin: center;
    width: 50%;
}

.SpMenuBtn span:nth-of-type(1) {
    top: 30%;
}

.SpMenuBtn span:nth-of-type(2) {
    top: calc(50% - 1px);
}

.SpMenuBtn span:nth-of-type(3) {
    bottom: 30%;
}

.hitachi-american-ltd-logo-black {
    width: 5%;
    margin: -2px 5px 0 0;
    display:none;
}

.hitachi-american-ltd-logo-white {
    width: 15%;
    margin: -2px 5px 0 0;
}
li.submenu-list.active.submenu{
    display: block ;

}
.GlobalNavi .submenu-wrap > li.submenu-list .submenu{
    display: none !important;
}
.GlobalNavi .submenu-wrap > li.submenu-list.active .submenu {
    display: block !important;
}

/* .desktop-view{
    display: block !important;
} */
.mobile-view{
    display: none !important;
}
@media screen and (max-width: 1024px) {
    .HeaderArea1 > .Container .SupportNaviIconText > a,.HeaderArea1 > .Container .SupportNaviIconText > button.SupportNaviLang > span,.HeaderArea1 > .Container .SupportNaviIconText > button.SupportNaviSearch > span {
        height:45px;
        width: auto;
    }

    .HeaderArea1 > .Container .SupportNaviIconText > .SupportNaviSearch img {
        display: block;
        height: 90px;
        width: 45px;
    }

    /* .HeaderArea1 > .Container .SupportNaviIconText > a:not(.SupportNaviSearch),.HeaderArea1 > .Container .SupportNaviIconText > button.SupportNaviLang:not(.SupportNaviSearch) {
        display: block;
    } */

    .HeaderArea1 .SearchFormArea {
        padding-left: 15px;
        padding-right: 15px;
        transition: opacity 0.15s linear;
    }

    .HeaderArea1 > .Container .SearchFormArea {
        position: absolute;
        top: 45px;
        width: 100%;
    }

    .HeaderArea1 > .Container .SpMenuBtn {
        display: block;
        margin-right: -15px;
    }

    /* #HeaderArea1 > .Container #SearchFormArea:not(.show) {
        opacity: 0;
    } */
    div#SupportNavi {
        display: inline-flex;
        opacity: 1;
    }
    /* .HeaderArea1 > .Container .SupportNaviIconText > a:not(.SupportNaviSearch), .HeaderArea1 > .Container .SupportNaviIconText > button.SupportNaviLang:not(.SupportNaviSearch) {
        display: block;
    } */

    .desktop-view{
        display: none !important;
    }
    .mobile-view{
        display: block !important;
    }
    .SpSupportNavi {
        border-top: 1px solid #ddd;
        display: none;
    }
}

@media screen and (max-width: 399px) {
    #HeaderArea1 > .Container #SearchFormArea .SearchBtn {
        width:60px;
    }
}

@media screen and (max-width: 1274px) {
    .HeaderArea1 > .Container .SearchFormArea {
        padding-left:15px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 964px) {
    .HeaderArea1 > .Container .SearchFormArea {
        padding-left:15px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 579px) {
    .HeaderArea1 > .Container .SearchFormArea .SearchBtn {
        width:120px;
    }
}

.HeaderArea2 {
    background-color: #f2f2f2;
    min-width: 320px;
    position: relative;
    z-index: 3;
}

.HeaderArea2 > .Container,.HeaderArea2 > .ContainerFix {
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}

.GlobalNavi .ClearFix {
    background-color: #f2f2f2;
}

@media screen and (min-width: 995px) and (max-width:1304px) {
    .GlobalNavi .ClearFix {
        padding:0 15px;
    }
}

.SiteID {
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin-right: auto;
    min-height: 60px;
    padding-left: 10px;
}

.SiteID a:visited {
    color: #000;
    text-decoration: none;
}

.SiteID a:link {
    text-decoration: none;
    color: #000;
}

.SiteID span {
    font-weight: bold;
    word-break: break-all;
    font-size: 86%;
}

.SiteID a:hover img,.SiteID a:focus img,.SiteID a:hover span,.SiteID a:focus span {
    opacity: 0.6;
}

.GlobalNavi .submenu-wrap {
    display: flex;
    list-style-type: none;
    margin: 0;
    position: static;
    width: auto;
}

.GlobalNavi .submenu-wrap > li {
    float: left;
}

.GlobalNavi .submenu-wrap > li.active > a {
    color: #fff;
}

.GlobalNavi .submenu-wrap > li > a,.submenu-wrap > li > button > span {
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    color: #000;
    -ms-flex-align: center;
    font-size: 83%;
    height: 60px;
    line-height: 1.2;
    margin: 0;
    padding: 0 10px;
    text-align: center;
}

.GlobalNavi li a {
    color: #000;
    text-decoration: none;
}

.GlobalNavi .submenu-wrap > li > a:hover,.submenu-wrap > li > a:focus,.GlobalNavi .submenu-wrap > li > a:active,.submenu-wrap > li > button:hover,.GlobalNavi .submenu-wrap > li > button:focus,.submenu-wrap > li > button:active {
    background-color: #b1000e;
    color: #fff !important;
    text-decoration: none;
    outline: none;
}

#industriesMenu {
    width: 50%;
    left: 40%;
    min-height: auto;
    padding-bottom: 20px;
}

#industriesMenu li.submenu-list-items {
    width: 30%;
}

#downloads {
    width: 35%;
    left: 45%;
    min-height: auto;
    padding-bottom: 20px;
}

#downloads li.submenu-list-items {
    width: 45%;
}

.main-nav #products.submenu .submenu-list-items:nth-child(2) {
    width: 25%;
}

.main-nav #products.submenu .submenu-list-items:nth-child(4) {
    width: 15%;
}

#supportAndResources {
    width: 35%;
    left: 58%;
    min-height: auto;
    padding-bottom: 20px;
}

#supportAndResources li.submenu-list-items:first-child {
    width: 60%;
}

#supportAndResources li.submenu-list-items:nth-child(2) {
    width: 40%;
}

#about {
    width: max-content;
    left: 80%;
    min-height: auto;
    padding-bottom: 20px    
}

#about li.submenu-list-items {
    width: 100%;
}

.submenu2 li:hover a {
    color: #CC0000 !important;
}

@media screen and (max-width: 1025px) {
    .HeaderArea2 > .Container {
        padding-left:0;
        padding-right: 0;
    }

    .HeaderArea2 > .Container .SiteID {
        box-sizing: border-box;
        display: block;
        min-height: 30px;
        padding: 5px 0px 0;
        width: 100%;
    }

    .HeaderArea2 > .Container .SiteID a+a::before {
        display: inline-block;
        height: 18px;
        left: -16px;
        position: relative;
        top: 2px;
        transform: none;
    }

    .HeaderArea2 > .Container .SiteID img {
        display: none;
        width: 2%;
        
    }

    .HeaderArea2 > .Container .SiteID span {
        display: inline;
    }

    .submenu-list .fa-angle-down {
        display: none;
    }

    .submenu-show {
        background-color: #d9d9d9;
    }

    #industriesMenu, #industriesMenu li.submenu-list-items,
    #downloads, #downloads #industriesMenu li.submenu-list-items, #downloads li.submenu-list-items,
    #supportAndResources, #supportAndResources li.submenu-list-items, #about, #about li.submenu-list-items {
        width: 100% !important;
    }

    #industriesMenu .secondsubmenu,
    #industriesMenu ul.submenu2,
    #downloads .secondsubmenu,
    #downloads ul.submenu2,
    #supportAndResources .secondsubmenu,
    #supportAndResources ul.submenu2, #about .secondsubmenu,
    #about ul.submenu2 {
        display: block;
    }

    li.moreOnHiesa a[href="javascript:void(0)"]::after, li.moreOnHiesa a[href="javascript:void(0)"]::before {
        width: 0;
    }
}

@media screen and (max-width: 1025px) {
    .HeaderArea2 > .Container .submenu-wrap {
        display:none;
    }
    a.submenu-link {
        font-size: 18px !important;
        font-weight: 600;
        border-bottom: 1px solid #b1000e !important;
        padding: 18.5px 48px 9.5px 16px !important;
    }
    ul.submenu2 {
        padding-top: 0px;
        padding-left: 25px;
    }
}
@media screen and (max-width: 992px) {
    .HeaderArea2 > .Container .SiteID {
        padding: 5px 15px 0;
    }
    .breadcrumb {
        padding: 0px 15px 5px;
        font-size: 12px;
    }
}
.main-nav .submenu {
    background-color: #fff;
    box-shadow: -5px 5px 6px 0 rgba(0,0,0,0.25);
    display: none;
    left: 0;
    list-style: none;
    min-height: 290px;
    position: absolute;
    right: 0;
    top: 100%;
}

.main-nav #products.submenu, .main-nav #supportAndResources.submenu {
    padding: 10px 0 20px 0;
}

.submenu-list .fa-angle-down {
    margin-left: 8px;
    margin-right: 5px;
    font-size: 18px;
}

li.submenu-list:hover i.fa.fa-angle-down {
    transform: rotate(180deg);
}

.main-nav .submenu-wrap {
    position: static;
}

.main-nav .secondmenu-img a {
    display: inherit;
    margin-right: 15px;
    position: relative;
}

.main-nav .secondmenu-img a img {
    max-width: 100%;
}

.main-nav .submenu2 li {
    flex: 0 0 50%;
}

.main-nav .submenu2 li:hover a {
    color: #CC0000 !important;
}

.HeaderArea2 > .Container {
    padding-left: 0;
    padding-right: 0;
    position: relative;
}

.main-nav .site-cnt .site-title {
    color: #000;
    text-decoration: none;
}

.main-nav .main-submenu {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.main-nav .submenu-wrap {
    display: flex;
    list-style-type: none;
}

.main-nav .menu li a {
    border: none;
}

.main-nav .submenu-wrap .submenu-list:hover {
    background-color: #B1000E;
}

.main-nav .submenu-wrap .submenu-list:hover .submenu-items {
    color: #fff !important;
}

.main-nav .submenu-wrap .submenu-list button {
    background-color: transparent;
    border: none;
}

.main-nav .submenu .submenu-list-items a[aria-expanded="true"] + .secondsubmenu {
    bottom: 0;
}

.main-nav .submenu .submenu-list-items .submenu-link {
    display: inline-block;
    width: 100%;
    font-weight: 600;
    font-size: 95%;
    color: #000 !important;
}

.main-nav .secondsubmenu {
    
}

.main-nav .submenu-link {
    color: #fff;
    flex: 0 0 25%;
    padding: 8px 10px 0;
    text-decoration: none;
}

.main-nav .submenu-list-items>.submenu-link:hover {
    background-color: #fff;
    color: #B1000E;
}

.main-nav .menu-heading {
    margin-bottom: 25px;
    padding: 0 14px;
}

.main-nav .menu-heading .menu-h2-heading {
    background: none;
    border-left: 5px solid #cc0000;
    box-sizing: border-box;
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 10px;
    padding-bottom: 0;
    padding-left: 10px;
    position: relative;
    width: 100%;
}

.main-nav .secondmenu-img {
    display: flex;
    flex: 0 0 35%;
    margin: 0;
}

.main-nav .inner-submenu {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
}

.main-nav .submenu2 {
   
}

.GlobalNavi .submenu-wrap > li:hover .submenu {
    display: block !important;
}

.main-nav .secondmenu-img a,.main-nav .submenu2 li a {
    color: #000;
    display: block;
    text-decoration: none;
}

.main-nav .submenu2 li a {
    font-size: 85%;
    font-weight: normal;
    color: #000 !important;
    padding: 4px 0 0px 10px;
}

.main-nav .submenu2 li a.submenu-link {
    color: #111111 !important;
}

.main-nav .overlay-image {
    background-color: #00000096;
    bottom: 7px;
    color: #fff;
    left: 0;
    padding: 6px;
    position: absolute;
    right: 0;
}

.main-nav .menu-heading p {
    font-size: 1rem;
    line-height: 1.5;
    min-height: 48px;
}

/* .main-nav li.active .submenu {
    display: block !important;
} */

.main-nav .submenu-list-items a[aria-expanded="true"] + .secondsubmenu {
    display: block;
}

.main-nav .submenu .submenu-list-items {
    width: max-content;
    float: left;
}

.main-nav .submenu-list-items a[aria-expanded="true"] {
    background-color: #fff;
    color: #B1000E;
}

.main-nav .active .main-item {
    color: #ffffff !important;
}

.main-nav .active:focus .main-item {
    color: #fff !important;
}

.SpMenuModal:not(.show) {
    opacity: 0;
}

.SpMenuModal {
    display: none;
    height: 100%;
    left: 0;
    max-height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    transition: opacity 0.15s linear;
    width: 100%;
    z-index: 75;
}

.SpMenuModal .SpMenuModalDialog {
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out,-webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
}

.SpMenuModalDialog {
    pointer-events: none;
    position: relative;
    width: auto;
}

.SpMenuModalContent {
    background-clip: padding-box;
    background-color: #fff;
    box-sizing: border-box;
    display: flex;
    display: -ms-flexbox;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: calc(100vh - 16px);
    overflow: hidden;
    padding-top: 45px;
    pointer-events: auto;
    position: relative;
    width: 100%;
}

.SpMenuModalBody {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow-y: auto;
    position: relative;
}

.SpMenuBtn.is-open span:nth-of-type(1) {
    top: 50%;
    transform: rotate(-45deg);
}

.SpMenuBtn.is-open span:nth-of-type(2) {
    display: none;
}

.SpMenuBtn.is-open span:nth-of-type(3) {
    top: 50%;
    transform: rotate(45deg);
}

.SpMenuModalBody .submenu-wrap {
    margin-left: 0;
}

.SpMenuModalBody .submenu-wrap li {
    box-sizing: border-box;
    float: none;
}

.SpMenuModalBody .submenu-wrap > li:not(.Current) > a,.SpMenuModalBody .submenu-wrap > li:not(.Current) > button > span,.SpMenuModalBody .submenu-wrap > li.Current > a > strong,.SpMenuModalBody .submenu-wrap > li.Current > a > em,.SpMenuModalBody .submenu-wrap > li.Current > button > span > strong,.SpMenuModalBody .submenu-wrap > li.Current > button > span > em {
    padding-left: calc(16px * 1);
}

.SpMenuModalBody .submenu-wrap li:not(.Current) > a,.SpMenuModalBody .submenu-wrap li:not(.Current) > button > span,.SpMenuModalBody .submenu-wrap li.Current > a > strong,.SpMenuModalBody .submenu-wrap li.Current > a > em,#SpGlobalNavi li.Current > button > span > strong,.SpMenuModalBody .submenu-wrap li.Current > button > span > em {
    box-sizing: border-box;
    min-height: 60px;
    padding: 18.5px 48px 18.5px 16px;
}

.SpMenuModalBody .submenu-wrap > li > a,.SpMenuModalBody .submenu-wrap > li > button > span {
    background-color: #f2f2f2;
}

.SpMenuModalBody .submenu-wrap a,.SpMenuModalBody .submenu-wrap button > span {
    border: 0;
    box-sizing: border-box;
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 90%;
    line-height: 1.6;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 100%;
}

.SpMenuModalBody .submenu-wrap ul {
    display: none;
}

.SpMenuModalBody .submenu-wrap a:hover,.SpMenuModalBody .submenu-wrap a:focus,.SpMenuModalBody .submenu-wrap button:hover > span,.SpMenuModalBody .submenu-wrap button:focus > span {
    background-color: #b1000e;
    color: #ffffff !important;
}

.SpMenuModalBody .submenu-wrap li:not(.Current) a::before,.SpMenuModalBody .submenu-wrap li:not(.Current) a::after,.SpMenuModalBody .submenu-wrap li:not(.Current) button > span::before,.SpMenuModalBody .submenu-wrap li:not(.Current) button > span::after,.SpMenuModalBody .submenu-wrap li.Current > a > strong::before,.SpMenuModalBody .submenu-wrap li.Current > a > strong::after,.SpMenuModalBody .submenu-wrap li.Current > a > em::before,.SpMenuModalBody .submenu-wrap li.Current > a > em::after,.SpMenuModalBody .submenu-wrap li.Current > button > span > strong::before,.SpMenuModalBody .submenu-wrap li.Current > button > span > strong::after,.SpMenuModalBody .submenu-wrap li.Current > button > span > em::before,.SpMenuModalBody .submenu-wrap li.Current > button > span > em::after {
    content: "";
    position: absolute;
}

.SpSupportNavi {
    border-top: 1px solid #ddd;
}

.SpSupportNavi li {
    float: none;
}

.SpSupportNavi button {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
}

.SpSupportNavi > li > a,.SpSupportNavi > li > button > span {
    background-color: #f2f2f2;
    padding-left: 16px;
}

.SpSupportNavi button > span::before {
    background-color: #666;
    height: 18px;
    right: 22px;
    top: calc(50% - 18px / 2);
    width: 2px;
}

.SpSupportNavi a::before,.SpSupportNavi a::after,.SpSupportNavi button > span::before,.SpSupportNavi button > span::after {
    content: "";
    position: absolute;
}

.SpMenuModalBody .submenu-wrap li:not(.Current) > a::after {
    border: transparent;
    border-right: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
    box-sizing: border-box;
    height: 10px;
    left: auto;
    right: 20px;
    top: calc(50% - 10px / 2);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 10px;
}

.SpMenuModalBody li:not(.Current) > a:hover::after,.SpMenuModalBody li:not(.Current) > a:focus::after,.SpMenuModalBody li.Current > a::after,.SpMenuModalBody li.Current > a > strong::after,.SpMenuModalBody li.Current > a:hover > em::after,.SpMenuModalBody li.Current > a:focus > em::after {
    border-color: #ffffff;
}

.SpSupportNavi a span:first-child,.SpSupportNavi button > span span:first-child {
    margin-left: 0;
}

.SpSupportNavi a > span.Icon,.SpSupportNavi button > span > span.Icon {
    display: inline-block;
    height: 45px;
    left: 8px;
    margin-top: -22.5px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 45px;
}

.SpSupportNavi img {
    height: 90px;
    pointer-events: none;
    width: 45px;
}

.SpSupportNavi a > span:not(.Icon),.SpSupportNavi button > span span {
    display: inline-block;
    margin-left: 40px;
        color: #333;
}

.SpSupportNavi button > span::after {
    background-color: #666;
    height: 18px;
    right: 22px;
    top: calc(50% - 18px / 2);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 2px;
}

.SpSupportNavi ul {
    display: none;
}

.SpSupportNavi li {
    float: none;
}

.SpSupportNavi > li > ul > li > a {
    background-color: #f2f2f2;
    padding-left: 80px;
}

.SpSupportNavi a,.SpSupportNavi button > span {
    border: 0;
    box-sizing: border-box;
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 90%;
    line-height: 1.6;
    margin: 0;
    overflow: hidden;
    padding-bottom: 18.5px;
    padding-right: 48px;
    padding-top: 18.5px;
    position: relative;
    text-decoration: none;
    width: 100%;
}

.SpSupportNavi a:hover,.SpSupportNavi a:focus,.SpSupportNavi button:hover > span,.SpSupportNavi button:focus > span,.SpSupportNavi li.Selected a {
    background-color: #b1000e;
    color: #ffffff;
}

.SpSupportNavi button:hover > span::before,.SpSupportNavi button:focus > span::before,.SpSupportNavi button:hover > span::after,.SpSupportNavi button:focus > span::after,.SpSupportNavi li.Selected button > span::before,.SpSupportNavi li.Selected button > span::after,
 {
    background-color: #ffffff;
}

.SpSupportNavi button:hover > span span,
.SpSupportNavi li a[href="javascript:void(0)"]:hover::after, .SpSupportNavi li a[href="javascript:void(0)"]:hover::after {
    color: #fff;
}

.SpSupportNavi a:hover img,.SpSupportNavi a:focus img,.SpSupportNavi button:hover > span img,.SpSupportNavi button:focus > span img {
    margin-top: -45px;
}

.SpSupportNavi span.font-size-83 {
    font-size: inherit;
}

.submenu-list .fa-angle-down {
    margin-left: 8px;
    margin-right: 5px;
    font-size: 18px;
}

#SpSupportNavi > li > ul > li > a:hover, #SpSupportNavi > li > ul > li > a:focus, #SpSupportNavi > li > ul > li > a.Current,
#SpSupportNavi > li > ul > li > a:hover, #SpSupportNavi > li > ul > li > a:focus, #SpSupportNavi > li > ul > li > a.selected
 {
    background-size: 15px 12px;
    background-repeat: no-repeat;
    background-position: 50px center;
    background-image: url(/themes/custom/hitachimc/images/icon_checkmark.png);
}

.SpSupportNavi button:hover > span::after, .SpSupportNavi button:focus > span::after, .SpSupportNavi button:hover > span::before, .SpSupportNavi button:focus > span::after {
    background-color: #ffffff;
}

#SpSupportNavi a:hover::after {
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
}


#SpSupportNavi li.is-open a[href="javascript:void(0)"]::before, .SpSupportNavi button.is-open > span::before {
        display: none;
    }


.moreOnHiesa, .SpMenuModalBody .moreOnHiesa a  {
    background-color: #333333 !important;
}

.about-submenu a {
    margin-right: 15px !important;
}

.moreOnHiesa a, .SpSupportNavi a:hover > span:not(.Icon), .SpSupportNavi a:focus > span:not(.Icon) {
    color: #fff !important;
}

#SpSupportNavi a::after {
    right: 20px;
    top: calc(50% - 10px / 2);
    left: auto;
    width: 10px;
    height: 10px;
    border: transparent;
    border-right: 2px solid #666;
    border-top: 2px solid #666;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

@media (max-width: 1024px) {
    .SpMenuModal ul.menu {
        margin-bottom:0;
        margin-left: 0;
    }

    li.submenu-list.is-open .submenu .secondsubmenu {
        display: block; 
    }
    li.submenu-list.is-open li.submenu-list-items .secondsubmenu ul.submenu2 {
        display: block;
    }  
    .SpMenuModalBody .submenu-wrap li a[href="javascript:void(0)"]:hover::before,.SpMenuModalBody .submenu-wrap li a[href="javascript:void(0)"]:hover::before,.SpMenuModalBody .submenu-wrap li a[href="javascript:void(0)"]:hover::after,.SpMenuModalBody .submenu-wrap li a[href="javascript:void(0)"]:hover::after {
        background-color: #fff;
    }

    .SpMenuModalBody .submenu-wrap li.is-open a[href="javascript:void(0)"]::before {
        display: none;
    }

    .SpMenuModalBody .submenu-wrap li a[href="javascript:void(0)"]:hover::before,.SpMenuModalBody .submenu-wrap li a[href="javascript:void(0)"]:hover::before,.SpMenuModalBody .submenu-wrap li a[href="javascript:void(0)"]:hover::after,.SpMenuModalBody .submenu-wrap li a[href="javascript:void(0)"]:hover::after {
        background-color: #fff;
    }

    .SpMenuModalBody .submenu-wrap li a[href="javascript:void(0)"]::before {
        background-color: #666;
        border: none;
        height: 18px;
        right: 22px;
        top: calc(50% - 18px / 2);
        width: 2px;
    }

    .SpMenuModalBody .submenu-wrap li a[href="javascript:void(0)"]::after {
        background-color: #666;
        border: none;
        height: 18px;
        right: 22px;
        top: calc(50% - 18px / 2);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        width: 2px;
    }
    #SpMenuBtn:hover, #SpMenuBtn:focus {
        background-color: #b1000e;
        color: #fff;
    }
    .moreOnHiesa a::before, .moreOnHiesa a::after {
        background-color: #ffffff00 !important;
    }
}

@media screen and (max-width: 1305px) {
  .Container.Wide {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 1025px) {
    .HeaderArea2 > .Container .submenu-wrap {
        display:none;
    }
    a.submenu-link {
        font-size: 18px !important;
        font-weight: 600;
        border-bottom: 1px solid #b1000e !important;
       
    }
    ul.submenu2 {
        padding-top: 10px;
        padding-left: 30px;
        padding-bottom: 10px;
    }
    .SpMenuModalBody .submenu-wrap li:not(.Current) > a{
        min-height: auto;
        padding: 10.5px 48px 10.5px 16px;
    }
    ul.submenu2 li a {
        padding: 10px 0 0 !important;
    }
}
@media screen and (max-width: 480px) {
    .SupportNaviIconText > a > img+span, .SupportNaviIconText > button.SupportNaviLang > span > img+span, .SupportNaviIconText > button.SupportNaviSearch > span > img+span {
        margin-left: 0;
    }
    .SupportNaviIconText > a > span, .SupportNaviIconText > button.SupportNaviLang > span > span, .SupportNaviIconText > button.SupportNaviSearch > span > span {
        padding-left: 0;
        padding-right: 0;
    }
    div#SupportNavi {
        flex-wrap: nowrap;
    }
    .font-size-83 {
        font-size: 8px;
        line-height: 10px;
        padding-top: 2px;
    }
    button#SupportNaviSearch span.font-size-83 {
        display: none;
    }
    .HeaderArea1 > .Container .SupportNaviIconText > a, .HeaderArea1 > .Container .SupportNaviIconText > button.SupportNaviLang > span, .HeaderArea1 > .Container .SupportNaviIconText > button.SupportNaviSearch > span {
        height: 43px;
        width: auto;
    }
    .SupportNaviIconText > a > img, .SupportNaviIconText > button.SupportNaviLang > span > img, .SupportNaviIconText > button.SupportNaviSearch > span > img {
        height: 78px;
        width: 30px;
    }

    button.SupportNaviLang > span > img {
        padding-top: 6px;
        height: 67px !important;
        width: 30px !important;
    }
    .SupportNaviIconText > a > img {
        height: 68px;
        width: 30px;
        padding-top: 8px;
    }
    /* .SupportNaviIconText > a > img {
        height: 60px;
        width: 30px;
        padding-top: 8px;
    } */
    .HeaderArea1 > .Container .SupportNaviIconText > .SupportNaviSearch img {
        display: block;
        height: 63px;
        width: 30px;
        padding-top: 5px;
    }
    .HeaderArea2 > .Container .SiteID img {
        display: none;
        width: 5%;
    } 
}


@media screen and (max-width: 400px) {
.SiteID span {
    font-weight: bold; 
    word-break: break-all;
    font-size: 70%;    
}
}


.GlobalNavi .submenu-wrap > li:hover .submenu {
    display: block !important;
}