@charset "utf-8";

/* 共通 */
main {
    max-width: 1200px;
    margin: 0px auto 25px auto;
}

.main-contents{
    letter-spacing: 0em;
}

.main-contents .link{
    all: initial;
}

/* GIG4対応としてヘッダー優先度を上げる・文字色を変える */
#local-nav {
    z-index: 999;
}
#local-nav a,#local-nav span, #local-nav-logo a,#local-nav-logo span, header .header-list__inner a{
    color: #ffffff;
}
/* GIG4対応としてフォント指定 */
html[lang='\ja'] body .maincontents{
    font-family: "Noto Sans JP", sans-serif;
}
/* フォント指定 */
html body * {
    font-family: "Noto Sans JP", sans-serif!important;
}
/* ヘッダー文字色を白字化 */
header h1 a,header h1 a:link,
header h2 a,header h2 a:link,
header h3 a,header h3 a:link{
    color: white!important;
    background-color: transparent;
}
/* ヘッダーCSS再適用 */
header ul, header li, header p ,footer ul, footer li, footer p {
    margin-bottom: 0em;
}
header p {
    line-height: normal;
}
header a.gnav-list > p > span{
    color: #182E40!important;
}
header a.gnav-list > span {
    color: #182E40 !important;
}
.header-list li p > span {
    color: #182E40 !important;
}
header a:focus, header a:hover {
    text-decoration: none !important;
}
header ul.header-list{
    padding-inline-start:0px;
    padding-left:0px;
    padding-right:0px;
}
/* フッターCSS再適用 */
footer ul {
    padding: 0em;
}
footer li, footer p {
    line-height: normal;
}
footer p {
    font-size: 100%;
}
/* 製品ナビ */
nav ul {
    margin: 0;
    font-size: 14px;
}
nav li {
    margin:0;
    padding:0;
    line-height: 1.6;
    font-size: 14px;
}
nav p {
    margin:0;
}

/* h1 h2 h3 余白（GIG4のみになるようにmaincontents指定） */
.maincontents h1, .maincontents h2, .maincontents h3{
    margin-top: 30px!important;
}
/* h2の不要な余白はリセット*/
.wordindex .heading h2{
    margin-top: 0px!important;  
}
/* h2 h3 中央寄せを解除 */
h2, h3{
    text-align: left;
}
/* hタグフォントサイズ調整 */
.main-contents h2.u-mb-0{
    font-size: 1.6rem; 
}
/* hタグの文字色を黒字化 */
.main-contents h1 a:link, .main-contents h2 a:link, .main-contents h3 a:link{
    color: #182E40;
}
h4 {
    font-size: 1.6rem;
}
/* ulタグ初期化 */
ul.compact, .compact ul{
    list-style: disc;
}

/* 画像の表示設定を初期化 */
.main-contents img{
    width:auto;
    vertical-align: baseline; 
}
/* TOP画像サイズ調整 */
.main-contents .c-lyt-visual-a__visual{
    width:100%;
    padding-left:8px;
}
/* TOP文字領域サイズ調整 */
.main-contents .lf-hero-solution-a .lf-hero-contents-inner, .main-contents .lf-hero-solution-b .lf-hero-contents-inner, .main-contents .lf-hero-contents .lf-hero-contents-inner {
    width:100%;
    margin-right:0;
}

/* お知らせ一覧の表示改善 */
.main-contents .news {
    margin: auto auto auto auto;
}

/* visual用スタイル（中央揃いで表示） */
.hero-area-b.hero-area-vdi .visual>img, .hero-area-b.hero-area-z .visual>img, .hero-area-b .visual>a>img {
    margin: 0 calc(50% - 50vw);
}

/* 2列表示用スタイル */
.virtual-contact .p-lyt-contact-a .p-list-contact-a > li {
    width: 50%;
    padding: 0 2vw;
}

/* カテゴリの表示改善 */
.main-contents .category {
    width:auto;
    text-align: left;
    color: #000;

}

/* サイドナビのpタグ制御 */
.main-contents .right-slide-banner-a p{
    padding:0;
}

/* 追従ナビpadding制御 */
.main-contents .p-followLink-nav02 ul{
    padding-right:0;
}

/* 製品情報ページの「リリース&トピックス」の画像サイズ */
#topics .img img{
  width:305px;
}

/* 製品情報ページのタブの余白削除 */
.tab-list-d{
    padding-left:0px;
    padding-right:0px;
}

/* 箇条書き領域のサイズ初期化 */
.main-contents .icon-circle{
width: auto;
height: auto;
}

/* 表の表示改善 */
.main-contents th{
    padding:10px;
}
/* リンク下線追加 */
.main-contents a{
    text-decoration:underline;
}

/* GIG4対応　画像と文字を併記するdivタグの表示改善*/
.main-contents .maincontents div.grid3span div.col2span{
    width:650px;
    max-width: 100%;
}
.main-contents .maincontents div.grid3span{
    width:880px;
    max-width: 100%;
}
/* サイドメニューのpadding調整 */
.main-contents div.rb-f-righthov p {
    padding-left: 0;
    padding-right: 0;
}

/* ハンバーガーメニューの余白削除 */
.main-contents > div.section > div.section-inner > div.nav-structure-a > ul.toggle-content{
    padding-left: 0;
    padding-right: 0;
}

/* コンテンツエリア下の幅調整　*/
main.main-contents div.bodyarea div.contentsarea {
    padding-bottom: 10px;
}

/* 別CSSで liでn番目でmargin-right: 0pxがあたり、パンくずのスペースがなくなるので、回避対応 */
.breadcrumb-list li {
   display: flex;
   align-items: center;
   margin-right: 20px !important;
   font-size: 1.4rem;
}