@charset "UTF-8";
/* CSS Document For app */
/* CSS Document */
:root {
  --light-c-01: #E3E6ED; /*背景色 メイン*/
  --light-c-02: #FFFFFF; /*ボタン メイン*/
  --light-c-03: #F2F3F7; /*背景色 メニュー（左カラム）*/
  --light-c-04: #DBDEE5; /*背景色 メニューリスト*/
  --light-c-05: #446BEC; /*アクティブ*/
  --light-c-06: #43454F; /*テキスト 見出し*/
  --light-c-07: #373737; /*テキスト 本文*/
  --light-c-08: #F8F8F8; /*テキスト アクティブ*/
  --light-c-09: #BFC8CE; /*線色*/
  --light-c-10: #E2CB00; /*背景色 注意アイコン*/
  --light-c-11: #D68B00; /*背景色 警告アイコン*/
  --light-c-12: #43454F; /*背景色 知識アイコン*/
  --light-c-13: #43454F; /*アイコン メイン*/
  --light-c-14: #F8F8F8; /*アイコン サブ*/
  --light-c-15: #4E5160; /*アイコン 本文装飾*/
  --light-c-16: #DBDEE5; /*ボタン サイドメニュー開閉*/
  --light-c-17: #D5D6DC; /*背景色 検索ボックス*/
  --light-c-18: #D03946; /*アイコン ビジュアル検索 マーカー*/
  --dark-c-01: #121415; /*背景色 メイン*/
  --dark-c-02: #4E5160; /*ボタン メイン*/
  --dark-c-03: #2A2C35; /*背景色 メニュー（左カラム）*/
  --dark-c-04: #212227; /*背景色 メニューリスト*/
  --dark-c-05: #446BEC; /*アクティブ*/
  --dark-c-06: #F8F8F8; /*テキスト 見出し*/
  --dark-c-07: #CACACA; /*テキスト 本文*/
  --dark-c-08: #F8F8F8; /*テキスト アクティブ*/
  --dark-c-09: #4E5160; /*線色*/
  --dark-c-10: #E2CB00; /*背景色 注意アイコン*/
  --dark-c-11: #D68B00; /*背景色 警告アイコン*/
  --dark-c-12: #4E5160; /*背景色 知識アイコン*/
  --dark-c-13: #F8F8F8; /*アイコン メイン*/
  --dark-c-14: #F8F8F8; /*アイコン サブ*/
  --dark-c-15: #4E5160; /*アイコン 本文装飾*/
  --dark-c-16: #212227; /*ボタン サイドメニュー開閉*/
  --dark-c-17: #121415; /*背景色 検索ボックス*/
  --dark-c-18: #D03946; /*アイコン ビジュアル検索 マーカー*/
}

/* Header Logo Image Adjustment */
/*
    規約画面のボタンの装飾
    細かい調整が必要なので、mixinを利用する
*/
/**
    24mmで追加されたもの
*/
/*------------------------------------------------------

    [color] light

------------------------------------------------------*/
/* base.css の配色設定をlightモードとします */
/*------------------------------------------------------

    [color] dark mode
    base.css

------------------------------------------------------*/
#dark {
  color: #c4c4c4;
  background-color: #292828;
}

#dark #manual-header {
  background-color: #3a3838;
}

/* header */
#dark #manual-header-inner .manual-header-logo p {
  color: #ddd;
}

#dark #manual-header-inner .manual-header-logo a.model-name {
  color: #ddd;
}

#dark #manual-header-search form[name=search-form] {
  border-color: #434343;
}

#dark #manual-header-search form[name=search-form] .keywords {
  background-color: #292828;
  color: #ddd;
}

#dark #manual-header-search form[name=search-form] .keywords::placeholder {
  color: #999;
}

/* sp global navi*/
#dark #manual-nav-global {
  background-color: #292828;
}

#dark #manual-nav-global-chapter a {
  color: #c4c4c4;
}

#dark #manual-nav-global-other {
  border-color: #434343;
}

#dark #manual-nav-global-other a {
  color: #c4c4c4;
}

#dark #manual-nav-global-config a {
  color: #c4c4c4;
}

#dark #manual-nav-global .close button {
  color: #c4c4c4;
}

/* breadcrumb */
#dark #manual-common-breadcrumb > ul > li {
  color: #c4c4c4;
}

#dark #manual-common-breadcrumb > ul > li:not(:last-child)::after {
  border-top-color: #888;
  border-right-color: #888;
}

#dark #manual-common-breadcrumb > ul > li > a {
  color: #45a1f3;
}

#dark #manual-common-breadcrumb ul ul {
  background-color: #3a3838;
}

#dark #manual-common-breadcrumb ul ul li.active span {
  border-bottom-color: #888;
  color: #c4c4c4;
}

#dark #manual-common-breadcrumb ul ul li a {
  color: #c4c4c4;
}

#dark #manual-common-breadcrumb ul ul li a:hover span {
  border-bottom-color: #888;
}

/* footer */
#dark #manual-footer-layout-othernav {
  background-color: transparent;
}

#dark #manual-footer-layout-othernav a {
  color: #c4c4c4;
}

#dark #manual-footer-about-use ul li a {
  color: #c4c4c4;
}

/* left column */
#dark #manual-nav-chapter .title {
  color: #c4c4c4;
}

#dark #manual-nav-chapter .title a {
  color: #c4c4c4;
}

#dark #manual-nav-chapter ul li a {
  color: #c4c4c4;
}

#dark #manual-nav-chapter ul li.active > a + div.scroll {
  color: #c4c4c4;
  background-color: #292828;
  border-color: #434343;
}

#dark #manual-nav-chapter ul li.active::after { /*background-color: #888;*/ }

#dark .manual-nav-bg {
  background-color: #292828;
}

#dark .manual-nav-bg.alpha {
  background-color: rgba(41, 40, 40, 0.9);
}

#dark main.hierarchy #manual-nav-chapter ~ div::after {
  background-color: rgba(41, 40, 40, 0.9);
}

#dark #manual-nav-other a {
  color: #c4c4c4;
}

#dark #manual-nav-config a {
  color: #c4c4c4;
}

#dark #manual-nav-about a {
  color: #c4c4c4;
}

/* home */
#dark #manual-home-layout-main p {
  color: #c4c4c4;
}

#dark #manual-home-layout-emergency a {
  color: #c4c4c4;
}

#dark #manual-home-layout-emergency {
  border-color: #434343;
}

#dark #manual-home-layout-emergency .inner::before {
  background: #888;
}

#dark #manual-home-layout-emergency .manual-button-design-01 {
  border: 1px solid #515151;
}

#dark .history-browse, #dark .history-search, #dark .history-bookmark {
  border-color: #434343;
}

#dark .history-browse::before, #dark .history-search::before, #dark .history-bookmark::before {
  background: #888;
}

#dark .history-browse ul li, #dark .history-search ul li, #dark .history-bookmark ul li {
  border-color: #434343;
}

#dark .history-browse ul li a, #dark .history-search ul li a, #dark .history-bookmark ul li a {
  color: #c4c4c4;
}

#dark #manual-home-search {
  background-color: #3a3838;
}

#dark #manual-home-search form[name=search-form] {
  border-color: #434343;
}

#dark #manual-home-search form[name=search-form] .keywords {
  background-color: #292828;
  color: #ddd;
}

#dark #manual-home-search form[name=search-form] .keywords::placeholder {
  color: #999;
}

/* footer */
#dark #manual-footer {
  color: #c4c4c4;
}

#dark #manual-home #manual-footer {
  background-color: #292828;
}

#dark #link-language {
  background-color: #292828;
}

#dark #link-language a {
  color: #c4c4c4;
}

/* common */
#dark #manual-common-pagetitle h1 {
  color: #c4c4c4;
}

#dark #manual-common-pagetitle.scroll {
  background-color: #292828;
}

#dark .manual-button-design-01 {
  background: #3a3838;
  border-color: #515151;
  box-shadow: 0px 1px 0px 0px #000;
}

/* manual-top */
body#dark > div#manual-top {
  background-color: #000;
}

/*------------------------------------------------------

    [color] dark mode
    index.css

------------------------------------------------------*/
#dark .manual-index-chapter-title03 {
  color: #c4c4c4;
}

#dark .manual-index-btn {
  background-color: #292828;
}

#dark .manual-index-chapter-body table th {
  background-color: #3a3838;
}

#dark .manual-index-chapter-head {
  background-color: #3a3838;
}

#dark .manual-index-chapter-head h2 {
  color: #c4c4c4;
}

#dark .manual-index-chapter-body ul li a {
  color: #c4c4c4;
}

/* terms */
#dark .manual-index-layout-terms-nav li {
  color: #c4c4c4;
  background: #292828;
}

#dark .manual-index-layout-terms-nav li.active {
  background-color: #888;
  color: #c4c4c4;
}

#dark #manual-index.terms .manual-index-chapter-body > ul > li > ul > li > a {
  color: #c4c4c4;
}

#dark #manual-index.terms .manual-index-chapter-body > ul > li > ul > li ul li a {
  color: #c4c4c4;
}

/* bookmark */
#dark #manual-index.bookmark .manual-index-chapter-body > div a {
  color: #c4c4c4;
}

#dark #manual-index.bookmark .manual-index-chapter-body > div {
  border-color: #434343;
}

/* readlater */
#dark #manual-index.readlater .manual-index-chapter-body > div a {
  color: #c4c4c4;
}

#dark #manual-index.readlater .manual-index-chapter-body > div {
  border-color: #434343;
}

/* search */
#dark #manual-index.search .manual-content-wrapper > ul li a {
  color: #c4c4c4;
}

#dark #manual-index.search .manual-content-wrapper > ul li a span.highlight,
#dark span.highlight {
  color: #000;
}

#dark a span.highlight {
  color: #45a1f3;
}

/* setting */
#dark #manual-index.setting .manual-index-chapter-body h3 {
  color: #c4c4c4;
}

#dark #manual-index.setting .manual-index-chapter-body h4 {
  color: #c4c4c4;
}

#dark #manual-index.setting input.time {
  color: #ddd;
  background-color: #434343;
  border-color: #434343;
}

#dark #manual-index.setting .manual-button-design-01 {
  color: #c4c4c4;
  background-color: #3a3838;
  border-color: #515151;
  box-shadow: 0px 1px 0px 0px #000;
}

#dark .segment {
  box-shadow: 0px 1px 0px 0px #000;
}

#dark .segment_button {
  color: #c4c4c4;
  background-color: #3a3838;
  border-color: #515151;
}

#dark :checked + .segment_button {
  color: #333;
  background-color: #c4c4c4;
}

/* lamp */
/* inquire */
#dark #manual-index.inquire .manual-content-wrapper > ul li a {
  color: #c4c4c4;
}

@media (min-width: 769px) {
  #dark #manual-index.terms .manual-index-chapter-body > ul > li p {
    background-color: #3a3838;
  }
}
@media (max-width: 768px) {
  #dark #manual-index.terms .manual-index-chapter-body > ul > li p {
    background-color: #3a3838;
  }
}
/*------------------------------------------------------

  [color] dark mode
  contents.css

------------------------------------------------------*/
#dark #manual-content-operation-button-menu {
  color: #c4c4c4;
  background-color: #3a3838;
}

#dark #manual-content-operation-button {
  border-color: #434343;
  border-left: none;
  border-right: none;
}

#dark #manual-content-operation-button div {
  color: #c4c4c4;
}

#dark #manual-content-localnav {
  border-color: #434343;
}

#dark #manual-content-localnav ul li a {
  color: #c4c4c4;
}

#dark #manual-main .manual-content-wrapper a {
  color: #45a1f3;
}

#dark .manual-content-subtitle {
  background-color: #3a3838;
}

#dark .manual-content-subtitle h2 {
  color: #c4c4c4;
}

#dark .manual-content-btn {
  background-color: #292828;
}

#dark .manual-content-body h3 {
  background-color: #292828;
  border-color: #434343;
}

#dark .section-title {
  color: #c4c4c4;
}

#dark .manual-content-body h4 {
  color: #c4c4c4;
}

/* setting */
#dark .question-state {
  border-color: #434343;
}

#dark .question-state::before {
  background-color: #888;
}

#dark .question-state > div {
  border-color: #434343;
}

#dark .question-state .colwrap a {
  color: #c4c4c4;
}

/* warning */
#dark .manual-body-warning-head > h3 {
  background-color: #ffa500;
}

#dark .manual-body-warning-body dl dt {
  color: #c4c4c4;
}

/* notice */
#dark .manual-body-notice-head > h3 {
  background-color: #fcee21;
}

#dark .manual-body-notice-body dl dt {
  color: #c4c4c4;
}

/* note */
#dark .manual-body-note {
  border-color: #434343;
}

#dark .manual-body-note-head {
  border-color: #434343;
}

/* related link */
#dark .friend-links span.link-label {
  color: #c4c4c4;
  border-color: #434343;
}

/* dl/dt/dd */
#dark .manual-body-note-body dl dt {
  color: #c4c4c4;
}

/* table */
#dark #manual-main .manual-content-wrapper table th {
  background-color: #3a3838;
}

/* troublebody */
#dark #manual-main .manual-content-wrapper .troublebody .condition.colwrap {
  background-color: #3a3838;
}

#dark #manual-main .manual-content-wrapper .troublebody .condition.colwrap .title {
  color: #c4c4c4;
}

/*------------------------------------------------------

  [color] dark mode
  info.css

------------------------------------------------------*/
#dark #manual-info .manual-info-body {
  background-color: #3a3838;
}

#dark #manual-info.contact .manual-info-body address .tel a {
  color: #c4c4c4;
}

#dark #manual-info .manual-content-wrapper a {
  color: #45a1f3;
}

#dark #manual-info.contact .manual-info-body address .tel {
  background: url("../img_common/icon_fc_dk.png") no-repeat left 7px;
  background-size: 28px auto;
}

/* 404 */
#dark #manual-info.page404 .manual-info-body {
  background-color: transparent;
}

/*------------------------------------------------------

  [color] dark mode
  visualindex.css

------------------------------------------------------*/
#dark #vi-main .slider-arrow-area {
  background-color: #3a3838;
  border-color: transparent;
}

#dark #vi-main .slider-arrow-area .slider-arrow {
  background-color: #3a3838;
}

#dark #vi-main .slider-arrow-area.slider-prev span,
#dark #vi-main .slider-arrow-area.slider-next span {
  border-left-color: #aaa;
  border-top-color: #aaa;
}

#dark #vi-sub {
  background-color: #3a3838;
}

#dark #vi-main #vi-tabs .vi-tab {
  background-color: #f4f4f4;
  color: #333;
}

#dark #vi-main #vi-tabs .vi-tab.on {
  background-color: #888;
  color: #fff;
}

/* modal */
#dark #vi-modal #modal-index {
  color: #c4c4c4;
}

#dark #vi-modal #modal-index #modal-header {
  background-color: #292827;
  border-bottom-color: #434343;
}

#dark #vi-modal #modal-index #modal-header #modal-close div div {
  background-color: #aaa;
}

#dark #vi-modal #modal-index #modal-list .modal-link {
  color: #c4c4c4;
}

#dark #vi-modal #modal-index #modal-list .modal-link::after {
  border-left-color: #c4c4c4;
}

#dark #vi-modal #modal-index #modal-list {
  background-color: rgba(41, 40, 39, 0.97);
}

@media (min-width: 769px) {
  #dark #vi-modal #modal-index #modal-list .modal-link:hover .modal-text:after {
    background-color: #eb0a1e;
  }
}
/*------------------------------------------------------

  [color] dark mode
  loading-animation

------------------------------------------------------*/
#dark #searching {
  background-color: rgba(0, 0, 0, 0.5);
}

#dark .tjp-progress-circular__panel-inner-item {
  border-color: #fff;
}

/*------------------------------------------------------

    [font-size] large, extra large
    base.css

------------------------------------------------------*/
/* footer */
body.large #manual-footer-layout-othernav ul li,
body.x-large #manual-footer-layout-othernav ul li {
  width: 100%;
  text-align: left;
}

body.large #manual-footer-layout-othernav ul li:not(:last-child),
body.x-large #manual-footer-layout-othernav ul li:not(:last-child) {
  margin-bottom: 5px;
}

/* left colum */
body.large #manual-nav-chapter ul li::before {
  top: 7px;
}

body.x-large #manual-nav-chapter ul li::before {
  top: 9px;
}

body.large #manual-nav-global-other ul li,
body.x-large #manual-nav-global-other ul li {
  width: 100%;
  text-align: left;
}

/* list decoration:triangle */
body.large li.tri::before {
  border-width: 4px 0 4px 6px;
}

body.x-large li.tri::before {
  border-width: 5px 0 5px 7px;
}

/*------------------------------------------------------

    [font-size] large, extra large
    index.css

------------------------------------------------------*/
/* term */
body.large .manual-index-layout-terms-nav li {
  height: 36px;
  line-height: 36px;
}

body.x-large .manual-index-layout-terms-nav li {
  height: 40px;
  line-height: 40px;
}

body.large #manual-index.terms .manual-index-chapter-body > ul > li p {
  height: 42px;
  line-height: 42px;
}

body.x-large #manual-index.terms .manual-index-chapter-body > ul > li p {
  height: 44px;
  line-height: 44px;
}

body.large #manual-index.terms .manual-index-chapter-body > ul > li > ul > li ul li::before {
  top: 7px;
}

body.x-large #manual-index.terms .manual-index-chapter-body > ul > li > ul > li ul li::before {
  top: 9px;
}

@media (max-width: 768px) {
  /* term */
  body.large #manual-index.terms .manual-index-chapter-body > ul > li p {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  body.x-large #manual-index.terms .manual-index-chapter-body > ul > li p {
    width: 44px;
    height: 44px;
    line-height: 44px;
  }
  body.large #manual-index.terms .manual-index-chapter-body > ul > li > ul > li ul li::before {
    top: 13px;
  }
  body.x-large #manual-index.terms .manual-index-chapter-body > ul > li > ul > li ul li::before {
    width: 10px;
    height: 4;
    top: 18px;
  }
}
/*------------------------------------------------------

    [font-size] large, extra large
    contents.css

------------------------------------------------------*/
/* list-style-upper-alpha */
body.large #manual-main .manual-content-wrapper .list-style-upper-alpha > li::before {
  width: 22px;
  height: 22px;
  line-height: 22px;
  top: 4px;
}

body.x-large #manual-main .manual-content-wrapper .list-style-upper-alpha > li::before {
  width: 26px;
  height: 26px;
  line-height: 26px;
  top: 6px;
}

/* xref */
body.large #manual-main .manual-content-wrapper a .xref.xref-topic::before {
  border-width: 4px 0 4px 8px;
  top: 10px;
}

body.x-large #manual-main .manual-content-wrapper a .xref.xref-topic::before {
  border-width: 6px 0 6px 10px;
  top: 12px;
}

/* breadcrumb */
body.x-large #manual-common-breadcrumb {
  line-height: 16px;
  padding: 12px 0;
}

/* list */
body.large #manual-main .manual-content-wrapper ul.list-style-en-dash > li::before {
  top: 12px;
}

body.x-large #manual-main .manual-content-wrapper ul.list-style-en-dash > li::before {
  width: 10px;
  height: 4px;
  top: 15px;
}

body.x-large #manual-main .manual-content-wrapper ul.choices > li::before {
  width: 12px;
  height: 12px;
  top: 12px;
}

/* fig */
body.large figcaption.title::before {
  top: 10px;
}

body.x-large figcaption.title::before {
  top: 12px;
}

/* warning */
body.large .manual-body-warning-body dl dt::before {
  width: 16px;
  height: 16px;
  top: 9px;
}

body.x-large .manual-body-warning-body dl dt::before {
  width: 20px;
  height: 20px;
  top: 11px;
}

/* note */
body.large .manual-body-note-body dl dt::before {
  width: 16px;
  height: 16px;
  top: 9px;
}

body.x-large .manual-body-note-body dl dt::before {
  width: 20px;
  height: 20px;
  top: 11px;
}

/* troublebody */
body.large .troublebody .cause .title.section-title {
  padding-left: 24px;
}

body.large .troublebody .cause .title.section-title::before {
  width: 16px;
  height: 16px;
  top: 9px;
}

body.large .troublebody .cause > *:not(.title) {
  padding-left: 24px;
}

body.x-large .troublebody .cause .title.section-title {
  padding-left: 28px;
}

body.x-large .troublebody .cause .title.section-title::before {
  width: 20px;
  height: 20px;
  top: 11px;
}

body.x-large .troublebody .cause > *:not(.title) {
  padding-left: 28px;
}

body.large .troublebody .remedy .title.section-title {
  padding-left: 24px;
}

body.large .troublebody .remedy > *:not(.title) {
  padding-left: 24px;
}

body.x-large .troublebody .remedy .title.section-title {
  padding-left: 28px;
}

body.x-large .troublebody .remedy > *:not(.title) {
  padding-left: 28px;
}