@charset "Shift_JIS";

/* **************************************************

Name: hik_add.css

Description: 

Create: 2024.06.20

Copyright 2024 Hitachi, Ltd.


***************************************************** */

/* fonts
=========================================================================================== */
@font-face {
    font-family: "NotoSansJP-Regular";
    src: url(/fonts/NotoSansJP-Regular.ttf) format('truetype');
}
@font-face {
    font-family: "NotoSansJP-Medium";
    src: url(/fonts/NotoSansJP-Medium.ttf) format('truetype');
}
@font-face {
    font-family: "NotoSansJP-Bold";
    src: url(/fonts/NotoSansJP-Bold.ttf) format('truetype');
}
@font-face {
    font-family: "Oswald-Light";
    src: url(/fonts/Oswald-Light.ttf) format('truetype');
}
@font-face {
    font-family: "Oswald-Regular";
    src: url(/fonts/Oswald-Regular.ttf) format('truetype');
}
@font-face {
    font-family: "Oswald-Medium";
    src: url(/fonts/Oswald-Medium.ttf) format('truetype');
}
@font-face {
    font-family: "Oswald-Bold";
    src: url(/fonts/Oswald-Bold.ttf) format('truetype');
}

.jp {
    font-family: 'NotoSansJP-Regular';
}
.jp-medi {
    font-family: 'NotoSansJP-Medium';
}
.jp-bold {
    font-family: 'NotoSansJP-Bold';
}
.en {
    font-family: 'Oswald-Regular';
}
.en-lite {
    font-family: 'Oswald-Light';
}
.en-Regular {
    font-family: 'Oswald-Regular';
}
.en-medi {
    font-family: 'Oswald-Medium';
}
.en-bold {
    font-family: 'Oswald-Bold';
}

/* #Contents
=========================================================================================== */
#Contents {
    font-family: 'NotoSansJP-Regular';
    overflow-x: hidden;
}
#Contents:has(.relatedContentArea) {
    padding-bottom: 0;
}
.mw1275 {
    max-width: 1275px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.Section {
    margin-bottom: 20px;
}
.mb00 {
    margin-bottom: 0 !important;
}
.mb60 {
    margin-bottom: 60px !important;
}

/* エンジニアリング/サービス&メンテナンス/ものづくりページ用 メインビジュアル */
.mainVisualArea {
    background: #fff;
    position: relative;
    overflow: hidden;
    height: 643px;
}
.mainVisualArea .mw1275 {
	display: flex;
    gap: 36px;
}
.textArea {
    width: 500px;
    display: grid;
    grid-template-columns: 9px 1fr;
    grid-template-rows: auto auto;
    gap: 40px 36px;
    padding-top: 40px;
    align-items: center;
}
.mainVisualArea .textArea h1 {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    font-size: 44px;
    padding-left: 2em;
    text-indent: -2em;
}
.mainVisualArea .en-medi {
    font-size: 18px;
    writing-mode: tb-rl;
    line-height: 0;
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}
.textArea .hikTextStyle1 {
    grid-column: 1 / 3;
    grid-row: 2 / 3;
}
.mainVisualArea .mainVImgArea {
    position: relative;
}
.mainVisualArea .mainVImgArea img {
    position: absolute;
}

/* 会社概要ページ用メインビジュアル */
.mainVisualAreaSetA {
    background: #fff;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 80px;
}
.mainVisualAreaSetA .textArea {
    min-width: 40%;
}
.mainVisualAreaSetA .textArea h1 {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    font-size: 44px;
    line-height: 1;
}
.mainVisualAreaSetA .en-medi {
    font-size: 18px;
    writing-mode: tb-rl;
    line-height: 0;
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}
.hikPageTitleA {
	background: linear-gradient(90deg, rgba(59, 84, 140, 1), rgb(243 243 243));
	padding: 0 0 0 45px;
	margin-bottom: 80px;
    color: #fff;
    font-family: 'NotoSansJP-Medium';
    font-size: 44px;
    height: 160px;
    line-height: 160px;
}
.hikH2TitleA {
    position: relative;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 24px;
    background: none;
    color: #3c548b;
    padding: 0;
    line-height: 1.0;
    font-family: 'NotoSansJP-Medium';
    font-size: 32px;
    font-weight: normal;
}
.hikH2TitleA:has(+.subText) {
    margin-bottom: 10px;
}
.hikH2TitleA span.en-medi {
    font-size: 48px;
    font-weight: normal;
    color: #3c548b;
    letter-spacing: 0.1em;
    background: none;
    padding: 0;
}
.hikH2TitleA span.line {
    width: 80px;
    height: 8px;
    background: #3c548b;
    padding: 0;
}
.subText {
    font-family: 'NotoSansJP-Medium';
    font-size: 16px;
    color: #3c548b;
    padding: 0 0 0 104px;
    margin-bottom: 20px;
    display: inline-block;
    line-height: 1.0;
}
.hikH3Title {
    border-top: solid 1px #ccc;
    padding-top: 40px;
    margin-bottom: 10px;
    font-family: 'NotoSansJP-Medium';
    font-size: 24px;
    font-weight: normal;
    color: #3c548b;
}
.hikH4Title {
    font-family: 'NotoSansJP-Medium';
    font-size: 20px;
    font-weight: normal;
    color: #3c548b;
}
.hikH5Title {
    font-family: 'NotoSansJP-Medium';
    font-size: 18px;
    font-weight: normal;
    color: #3c548b;
}
.hikH2TitleA + .textIndentStyle,
.subText + .textIndentStyle {
    padding: 0 0 0 104px;
}
.hikTextStyle1 {
    font-size: 18px;
    color: #333;
    margin-bottom: 1.0em;
    line-height: 2.0em;
}
.hikTextStyle2 {
    font-size: 14px;
    color: #333;
    margin-bottom: 1.0em;
    line-height: 2.0em;
}
.hikTextStyle1 a,.hikTextStyle2 a {
    color: #3c548b;
}
.hikArrowLinkStyle {
    position: relative;
    width: 54px;
    height: 8px;
    display: block;
    margin-left: auto;
}
.hikArrowLinkStyle::before {
    content: "";
    position: absolute;
    right: 8px;
    bottom: 0;
    width: 54px;
    height: 1px;
    background: #3c548b;
    z-index: 9;
    transition: all .3s;
}
.hikArrowLinkStyle::after {
    content: "";
    position: absolute;
    right: 8px;
    bottom: 3px;
    width: 8px;
    height: 1px;
    background: #3c548b;
    transform: rotate(45deg);
    z-index: 9;
    transition: all .3s;
}
a:hover .hikArrowLinkStyle::before,
a:hover .hikArrowLinkStyle::after {
    right: 0;
}
.hikPageLink {
    display: flex;
    gap: 60px;
    margin-bottom: 80px;
}
.hikPageLink li a {
    display: block;
    color: #fff;
    font-family: 'NotoSansJP-Medium';
    font-size: 20px;
    line-height: 45px;
    text-decoration: none;
    width: 270px;
    height: 45px;
    background-color: #3c548b;
    text-align: center;
    position: relative;
}
.hikPageLink li a::after {
    content: "";
    position: absolute;
    right: -40px;
    top: 0;
    display: block;
    width: 40px;
    height: 45px;
    background-image: url(/image/jp/r5/common/icon_page_link_arrow.png);
    background-repeat: no-repeat;
    background-position: left -10px;
    background-color: #3c548b;
    border-radius: 0 50px 50px 0;
    transition: all .3s;
}
.hikPageLink li:hover a::after {
    background-position: left 0px;
}
.hikInner {
    padding: 0 35px;
	margin-bottom: 80px;
}
.hikListStyle2 li {
    font-size: 18px;
    line-height: 2.0;
}
.hikListStyle2 li::before {
    content: "●";
    font-size: 18px;
    color: #3c548b;
}
.hikListStyle2 li .date {
    width: 140px;
    margin-right: 1.0em;
    display: inline-block;
}
.hikListStyle2 li a {
    color: #3c548b;
    text-decoration: none;
}
.hikListStyle2 li a:hover {
    text-decoration: underline;
}
li a.noLink {
    text-decoration: none;
    pointer-events: none;
}
.indentList {
    padding-left: 7.5em;
    text-indent: -7.5em;
}
.hikTableStyle {
    width: 100%;
}
.hikTableStyle th {
    background: #3c548b;
    color: #fff;
    font-family: 'NotoSansJP-Medium';
    font-size: 18px;
    border: solid 1px #fff;
    text-align: center;
    padding: 10px 2em;
}
.hikTableStyle td {
    background: #eaf0f6;
    font-size: 18px;
    border: solid 1px #fff;
    text-align: left;
    padding: 10px 20px;
}
.hikTableStyle td a,
.hikTableStyle td a:visited,
.hikTableStyle td a:hover {
    color: #3c548b;
}
.hikTableStyle td.center {
    text-align: center;
}
.hikTableStyle td.right {
    text-align: right;
}
.hikTableStyle td.blue {
    font-family: 'NotoSansJP-Medium';
    color: #3c548b;
}
a.moreBtn {
    display: flex;
    align-items: center;
    width: 220px;
    height: 48px;
    background: #3c548b;
    border-radius: 50px;
    font-family: 'NotoSansJP-Medium';
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    line-height: 48px;
    padding-left: 1.5em;
}
a.moreBtn:visited {
    text-decoration: none;
}
a.moreBtn .hikArrowLinkStyle::before {
    right: 30px;
    bottom: 0;
    background: #fff;
}
a.moreBtn .hikArrowLinkStyle::after {
    right: 30px;
    bottom: 3px;
    background: #fff;
}
a.moreBtn:hover .hikArrowLinkStyle::before {
    right: 20px;
}
a.moreBtn:hover .hikArrowLinkStyle::after {
    right: 20px;
}

/* リスト */
ul.hikListStyle,
ol.hikListStyle,
ul.hikLinkListStyle,
ol.hikListStyle ol,
ul.flowListStyle {
    font-size: 18px;
    margin-bottom: 1.0em;
    line-height: 2.0em;
}
ul.hikListStyle li,
ol.hikListStyle li,
ul.hikLinkListStyle li,
ol.hikListStyle ol li,
ul.flowListStyle {
    line-height: 2.0em;
}
ul.hikListStyle li {
    background: url(../../../image/jp/r1/icon/icon_list_marker_hd.gif) no-repeat 0 12px;
    background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    -webkit-background-size: 18px 18px;
    -o-background-size: 18px 18px;
    -ms-background-size: 18px 18px;
}
.hikLinkListStyle li a:link,
.hikLinkListStyle li a:visited {
    background-image: url(../../../image/jp/r5/common/icon_link_right_hd.gif);
    background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    -webkit-background-size: 18px 18px;
    -o-background-size: 18px 18px;
    -ms-background-size: 18px 18px;
    color: #3c548b;
}
.hikLinkListStyle li a:hover,
.hikLinkListStyle li a:active {
    text-decoration: underline;
    background-image: url(../../../image/jp/r5/common/icon_link_right_hover_hd.gif);
}
.hikLinkListStyle li a {
    background-position: right bottom 2px;
    padding: 0 20px 0 0;
    color: #3c548b;
}
ul.flowListStyle li {
    position: relative;
    padding-bottom: 1.0em;
}
ul.flowListStyle li:after {
    content: "▼";
    position: absolute;
    color: #3c548b;
    font-size: 12px;
    left: 29px;
    top: 24px;
}
ul.flowListStyle li:last-child::after {
    content: none;
}
.hikLinkListStyle a[target="_blank"], .hikLinkListStyle a[target="_blank"]:link, .hikLinkListStyle a[target="_blank"]:visited {
    display: inline-block;
    padding: 0 0 0 30px;
    background: url(../../../image/jp/r5/common/icon_link_blank.png) no-repeat left 10px;
    color: #3c548b;
}
.hikLinkListStyle li.Pdf a {
    background-image: url(../../../image/jp/r5/common/icon_pdf_hd.gif)  !important;
}
.hikLinkListStyle li.Mail a {
    background-image: url(../../../image/jp/r5/common/icon_mail_hd.gif) !important;
}
ul.hikListStyle li a,
ol.hikListStyle li a,
ul.hikLinkListStyle li a,
ul.flowListStyle a {
    color: #3c548b;
}
ol.hikListStyle.hikNumList02 {
    padding-left: 1.5em;
}
ol.hikListStyle.hikNumList02 li {
    list-style-type: none;
    counter-increment: cnt;
    position: relative;
}
ol.hikListStyle.hikNumList02 li::before {
    content: "(" counter(cnt) ") ";
    position: absolute;
    left: -1.5em;
}

/* カラムセット */
.hikColumnSet {
    width: 100%;
    display: flex;
    gap: 25px;
    margin-bottom: 40px;
}
.hikColumnSet.gap5 {
    gap: 5px;
    justify-content: center;
}
.hikColumnSet .column1 {
    width: 100%;
    max-width: 1275px;
}
.hikColumnSet .column2 {
    width: 100%;
    max-width: 625px;
}
.hikColumnSet .column3 {
    width: 100%;
    max-width: 408px;
}
.hikColumnSet .column4 {
    width: 100%;
}
.hikColumnSet .columnTwoThrids {
    max-width: 841px;
}
.hikColumnSet .columnTwoThrids + .column3 {
    width: auto;
}
.hikColumnSet .ImgOnlyStyle img {
    width: 100%;
}

.borderRadiusLeft {
    border-radius: 50px 0 0 50px;
    padding: 2.5em;
}
.borderRadiusRight {
    border-radius: 0 50px 50px 0;
    padding: 2.5em;
}
.borderRadiusTop {
    border-radius: 50px 50px 0 0;
    padding: 2.5em;
}
.borderRadiusBottom {
    border-radius: 0 0 50px 50px;
    padding: 2.5em;
}

/* ページリンク */
.hikHorizontalPageLinks {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 80px;
}
.hikHorizontalPageLinks li {
    padding-right: 24px;
    width: 220px;
    position: relative;
    box-sizing: border-box;
}
.hikHorizontalPageLinks li.typeL {
    width: 330px;
}
.hikHorizontalPageLinks li a {
    display: flex;
    align-items: center;
    color: #3c548b;
    font-family: 'NotoSansJP-Medium';
    font-size: 18px;
    line-height: 45px;
    text-decoration: none;
    height: 45px;
    background-color: #eaf0f6;
    text-align: left;
    position: relative;
    padding-left: 1.5em;
}
.hikHorizontalPageLinks li a::after {
    content: "";
    position: absolute;
    right: -24px;
    top: 0;
    display: block;
    width: 24px;
    height: 45px;
    background-color: #eaf0f6;
    border-radius: 0 50px 50px 0;
}
.hikHorizontalPageLinks li a:hover {
    background-color: #3c548b;
    color: #fff;
}
.hikHorizontalPageLinks li a:hover::after {
    background-color: #3c548b;
}
.hikHorizontalPageLinks li a:hover .hikArrowLinkStyle::after,
.hikHorizontalPageLinks li a:hover .hikArrowLinkStyle::before {
    background: #fff;
}
.ImgOnlyStyle:has(+ .caption){
    margin: 0 0 2px;
}
.ImgOnlyStyle + .caption {
    font-size: 16px;
}
.ImgOnlyStyle + .caption span {
    font-size: 18px;
}
.column3 > div:has(+ div) {
    margin: 0 0 18px;
}
.column2.flx {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
span.imgTitle {
    background: #3c548b;
    display: block;
    font-family: 'NotoSansJP-Medium';
    font-size: 14px;
    color: #fff;
    padding: 6px;
}
.ImgOnlyStyle img:has(+ .imgTitle) {
    margin: 0;
    width: 100%;
    background: #3c548b;
}

/* 関連コンテンツ */
.relatedContentArea {
    margin-inline: calc(50% - 50vw);
    padding: 60px 0 65px;
    margin-bottom: 0;
}
.relatedContentArea  h2.hikH2TitleA {
    flex-direction: column-reverse;
    gap: 16px;
}
.relatedMenuList {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 20px;
}
.relatedMenuList .relatedmenu a {
    display: block;
    color: #3c548b;
    font-family: 'NotoSansJP-Medium';
    font-size: 18px;
    text-decoration: none;
}
.relatedMenuList .relatedmenu a .flx {
    display: flex;
    align-items: center;
    padding-top: 4px;
}
.relatedMenuList .relatedmenu a img {
    width: 100%;
}
.relatedMenuList .relatedmenu a .hikArrowLinkStyle::before,
.relatedMenuList .relatedmenu a .hikArrowLinkStyle::after {
    right: 20px;
}
.relatedMenuList .relatedmenu a:hover .hikArrowLinkStyle::before,
.relatedMenuList .relatedmenu a:hover .hikArrowLinkStyle::after {
    right: 5px;
}
.bgWhiteSec {
	background: #fff;
}
.bgSkyBlue {
	background: #eaf0f6;
}

/* 追従ボタン */
#hikPageTop {
    width: 40px;
    height: 40px;
    z-index: 1;
    background-color: #ff0026;
    cursor: pointer;
    margin-left: auto;
    display: block;
    position: relative;
}
#hikPageTop::before {
    content: "";
    position: absolute;
    right: 11px;
    top: 14px;
    width: 18px;
    height: 2px;
    z-index: -1;
    background-color: #fff;
}
#hikPageTop::after {
    content: "";
    position: absolute;
    top: 22px;
    right: calc((40px - 10px* 1.4142) / 2);
    width: 13px;
    height: 13px;
    z-index: -1;
    border: transparent;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    box-sizing: border-box;
}
.pageTopWrapper {
	width: 100%;
	max-width: 10275px;
}
.wrapper {
    max-width: 1275px;
    margin: 0 auto;
}
#page-top {
	width: 100%;
    right: 0;
}

/* 沿革 */
.historyTableStyle td:first-child {
    text-align: center;
}

@media screen and (max-width: 1304px) {
    #page-top {
        right: 15px;
    }
}
@media screen and (max-width: 1224px) {

}
@media screen and (max-width: 1200px) {
    .relatedMenuList {
        flex-wrap: wrap;
        max-width: 590px;
        margin: 0 auto;
    }
}
@media screen and (max-width: 1000px) {
    .HideTab {
        display: none;
    }
    .mainVisualArea {
        padding-bottom: 50px;
        height: auto;
    }
    .mainVisualArea .mw1275 {
        flex-direction: column;
        gap: 12px;
    }
    .mainVisualArea .textArea h1 {
        grid-column: 2 / 3;
        grid-row: 1 / 2;
        padding-left: initial;
        text-indent: initial;
        line-height: 1;
        font-size: 28px;
    }
    .mainVisualArea .en-medi {
        grid-column: 1 / 2;
        grid-row: 1 / 3;
        font-size: 12px;
        padding-top: 7px;
    }
    .mainVisualArea .mainVImgArea {
        margin-inline: calc(50% - 50vw);
    }
    .textArea .hikTextStyle1 {
        grid-column: 2 / 3;
        grid-row: 2 / 3;
    }
    .mainVisualArea .textArea {
        width: 100%;
        gap: 20px;
        align-items: flex-start;
    }
    .mainVisualArea .mainVImgArea img {
        position: initial;
        width: 100%;
    }
    .mainVisualAreaSetA .textArea {
        gap: 20px;
    }
    .mainVisualAreaSetA .en-medi {
        font-size: 12px;
    }
}
@media screen and (max-width: 767px) {
    .mainVisualAreaSetA {
        flex-direction: column;
        align-items: flex-start;
    }
    .mainVisualAreaSetA .textArea {
        padding-top: 20px;
    }
    .mainVisualAreaSetA .textArea h1 {
        line-height: 1;
        font-size: 28px;
    }
    .mainVisualAreaSetA .mainVImgArea {
        margin-inline: calc(50% - 50vw);
    }
    .mainVisualArea .textArea {
        padding-top: 20px;
    }
    .mainVisualArea .textArea h1 {
        padding-top: 20px;
    }
    .hikPageTitleA {
        padding: 0 0 0 16px;
        margin-bottom: 40px;
        font-size: 28px;
        height: 100px;
        line-height: 100px;
    }
    .hikH2TitleA {
        font-size: 24px;
        gap: 12px;
        line-height: 1.5;
        margin-bottom: 10px !important;
    }
    .hikH2TitleA span.line {
        width: 40px;
        height: 6px;
    }
    .hikH3Title {
        font-size: 20px;
        margin: 0 -15px;
        padding: 30px 15px 15px;
    }
    .hikH4Title {
        font-size: 16px;
    }
    .hikTextStyle1 {
        font-size: 16px;
    }
    .indentList {
        padding-left: 7em;
        text-indent: -7em;
    }
    .hikListStyle2 li {
        font-size: 16px;
    }
    ul.hikListStyle, ol.hikListStyle, ul.hikLinkListStyle, ol.hikListStyle ol {
        font-size: 16px;
    }
    .hikLinkListStyle li a:link, .hikLinkListStyle li a:visited, ul.hikListStyle li {
        background-size: 16px 16px;
        -moz-background-size: 16px 16px;
        -webkit-background-size: 16px 16px;
        -o-background-size: 16px 16px;
        -ms-background-size: 16px 16px;
    }
    .JS .hikTableStyle th {
        font-size: 14px;
        padding: 7px;
        width: 18%;
    }
    .JS .hikTableStyle td {
        font-size: 14px;
        padding: 7px;
    }
    .JS .hikTableStyle td ul.hikListStyle li {
        background-size: 14px 14px;
        -moz-background-size: 14px 14px;
        -webkit-background-size: 14px 14px;
        -o-background-size: 14px 14px;
        -ms-background-size: 14px 14px;
        font-size: 14px;
    }
    .hikPageLink {
        gap: 12%;
    }
    .hikPageLink li {
        width: 40%;
    }
    .hikPageLink li a {
        font-size: 14px;
        width: 100%;
    }
    .hikPageLink li a::after {
        right: -33px;
        width: 33px;
    }
    .hikHorizontalPageLinks li a {
        font-size: 14px;
        padding-left: 1.0em;
    }
    a.moreBtn {
        font-size: 14px;
    }
    .hikArrowLinkStyle::before {
        width: 40px;
    }
    .hikInner {
        padding: 0 8px;
    }
    .hikColumnSet {
        flex-wrap: wrap;
    }
    .hikColumnSet .column2 {
        max-width: 100%;
    }
    .hikColumnSet .column3 {
        max-width: 100%;
    }
    .hikColumnSet .column4 {
        max-width: 100%;
    }
    .hikColumnSet .column5 {
        max-width: calc((100% - 5px) / 2);
        /*background-color: #ff0000;*/
    }
    .hikColumnSet .column5 .ImgOnlyStyle img {
        display: block;
    }
    /*span.imgTitle {
        box-sizing: border-box;
        height: 54px;
        overflow: hidden;
    }*/
    .hikColumnSet .columnTwoThrids {
        max-width: 100%;
    }
    .hikColumnSet .columnTwoThrids + .column3 {
        display: flex;
        gap: 7px;
    }
    .hikColumnSet:has(.columnTwoThrids) {
        gap: 20px;
    }
    .hikH2TitleA + .textIndentStyle, .subText + .textIndentStyle {
        padding: 0 0 0 40px;
    }
    .borderRadiusLeft {
        border-radius: 25px 0 0 25px;
        padding: 18px;
    }
    .borderRadiusRight {
        border-radius: 0 25px 25px 0;
        padding: 18px;
    }
    .borderRadiusTop {
        border-radius: 25px 25px 0 0;
        padding: 18px;
    }
    .borderRadiusBottom {
        border-radius: 0 0 25px 25px;
        padding: 18px;
    }
    .relatedMenuList {
        gap: 10px;
        max-width: 100%;
    }
    .relatedMenuList .relatedmenu {
        width: calc((100% - 10px)/2);
    }
    .relatedMenuList .relatedmenu a {
        font-size: 12px;
    }
    .relatedMenuList .relatedmenu a .hikArrowLinkStyle {
        width: 27px;
    }
    .relatedMenuList .relatedmenu a .hikArrowLinkStyle::before {
        width: 27px;
        right: 0;
    }
    .relatedMenuList .relatedmenu a .hikArrowLinkStyle::after {
        right: 0;
    }
    .ImgOnlyStyle img {
        width: 100%;
    }
    .ImgOnlyStyle + .caption span {
        font-size: 16px;
    }
    .spLeftAdjust {
        text-align: left;
    }
}