@charset "UTF-8";
/* CSS Document For base */
/* Header Logo Image Adjustment */
/* 規約画面のボタンの装飾 細かい調整が必要なので、mixinを利用する */
/* CSS Document */
/*------------------------------------------------------
	common
------------------------------------------------------*/
body { font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ＭＳ Ｐゴシック","MS PGothic",Osaka,Verdana,sans-serif; color: #333; line-height: 1.5; background-color: #fff; overflow: hidden; }
.container { width: 100%; margin-left: auto; margin-right: auto; position: relative; padding: 0 10px 0 10px; }
ul { list-style: none; }
ol { list-style: decimal; }
img { vertical-align: bottom; width: auto; max-width: 100%; height: auto; }
.pc { display: block; }
.tab { display: none; }
.sp { display: none; }
main { display: block; }
html.is-fixed { overflow: hidden; position: fixed; }
body.is-fixed { height: 100%; }
/*------------------------------------------------------
	layout
------------------------------------------------------*/
@media (min-width: 769px) { html { overflow-x: auto; overflow-y: scroll; }
  body { margin-top: 54px; }
  .container { max-width: 1100px; } }
@media screen and (min-width: 769px) and (max-width: 1180px) { header { padding-left: 20px; padding-right: 20px; }
  main { padding-left: 10px; padding-right: 10px; } }
@media (max-width: 768px) { .container { margin-left: 20px; margin-right: 20px; width: auto; }
  .pc { display: none; }
  .tab { display: block; } }
@media (max-width: 480px) { .container { margin-left: 10px; margin-right: 10px; }
  .sp { display: block; } }
/*------------------------------------------------------
	flexbox
------------------------------------------------------*/
.colwrap { display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; align-items: stretch; -webkit-align-items: stretch; align-content: stretch; -webkit-align-content: stretch; }
.flex-left { justify-content: flex-start; -webkit-justify-content: flex-start; }
.flex-right { justify-content: flex-end; -webkit-justify-content: flex-end; }
.flex-center { justify-content: center; -webkit-justify-content: center; }
.flex-align-center { align-items: center; -webkit-align-items: center; }
.col2-1 { width: 50%; width: -webkit-calc(50% - 10px); width: calc(50% - 10px); }
.col3-1 { width: 33.3%; width: -webkit-calc(99.9% / 3 - 10px); width: calc(99.9% / 3 - 10px); }
.col4-1 { width: -webkit-calc( 25% - 10px); width: calc( 25% - 10px); }
.colwrap .img { text-align: center; }
.colwrap .img img { width: auto; max-width: 100%; }
.col3L1, .col3R1 { width: 33.3%; width: -webkit-calc(99.9% / 3 - 10px); width: calc(99.9% / 3 - 10px); }
.col3L2, .col3R2 { width: 66.6%; width: -webkit-calc( 99.9% * 0.666 - 10px); width: calc( 99.9% * 0.666 - 10px); }
@media (max-width: 768px) { .col2-1 { width: 100%; }
  .col3-1 { width: 50%; width: -webkit-calc(50% - 10px); width: calc(50% - 10px); }
  .col4-1 { width: 50%; width: -webkit-calc(50% - 10px); width: calc(50% - 10px); }
  .col3L1, .col3R1, .col3L2, .col3R2 { width: 100%; margin-bottom: 15px; }
  .col2-1:first-child { margin-bottom: 15px; } }
/*------------------------------------------------------
    header
------------------------------------------------------*/
#manual-header { position: relative; z-index: 100; background-color: #f6f6fa; }
#manual-header-inner .manual-header-logo a { text-decoration: none; display: inline-block; }
#manual-header-inner .manual-header-logo p { letter-spacing: 3px; font-weight: bold; color: #000; }
#manual-header-btn { justify-content: flex-end; -webkit-justify-content: flex-end; }
#manual-header-btn-search { text-align: center; width: 34px; height: 42px; padding-top: 6px; margin-right: 8px; }
#manual-header-btn-search img { width: 22px; height: auto; }
#manual-header-btn-menu { width: 34px; height: 42px; cursor: pointer; transition: all 0.2s ease-in; padding-top: 6px; }
#manual-header-btn-menu span { display: block; width: 70%; height: 3px; background: #888888; margin-bottom: 6px; margin-left: auto; margin-right: auto; transition: all 0.2s ease-out; }
#manual-header-btn-menu span:first-child { top: 7px; }
#manual-header-btn-menu span:nth-child(2) { top: 20px; }
#manual-header-btn-menu span:last-child { top: 26px; }
#manual-header-btn-menu.open span:first-child { transform: rotate(45deg) translateY(6px) translateX(6px); }
#manual-header-btn-menu.open span:nth-child(2) { opacity: 0; }
#manual-header-btn-menu.open span:last-child { transform: rotate(-45deg) translateX(7px) translateY(-7px); }
@media (min-width: 769px) { #manual-header { position: fixed; left: 0; top: 0; width: 100%; }
  #manual-header-inner { max-width: 1160px; height: 54px; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; margin: 0 auto; position: relative; }
  #manual-header-inner .manual-header-logo { height: 54px; line-height: 10px; display: inline-block; position: relative; }
  #manual-header-inner .manual-header-logo a { vertical-align: 30%; }
  #manual-header-inner .manual-header-logo img { max-height: 31px; vertical-align: middle; }
  #manual-header-inner .manual-header-logo p { font-size: 1.7rem; display: inline-block; position: relative; margin-top: 11px; }
  #manual-header-btn { display: none; } }
@media (max-width: 768px) { #manual-header { position: fixed; width: 100%; left: 0; top: 0; z-index: 100; }
  #manual-header-inner { position: relative; padding: 5px 10px; height: 50px; text-align: center; }
  #manual-header-inner .manual-header-logo { position: absolute; width: calc(100% - 90px); height: calc(100% - 16px); text-align: center; left: 10px; padding-left: 70px; }
  #manual-header-inner .manual-header-logo a { height: auto; position: absolute; left: 0; top: 5px; right: auto; }
  #manual-header-inner .manual-header-logo img { width: auto; max-height: 30px; }
  #manual-header-inner .manual-header-logo p { font-size: 12px; display: block; line-height: 1.3; letter-spacing: 1px; margin-top: 3px; }
  #manual-header-inner .manual-header-logo p span { font-size: 14px; display: block; }
  #manual-header-inner .manual-header-logo p span:first-of-type { letter-spacing: 0; }
  #manual-header-btn { z-index: 1; position: absolute; right: 8px; top: 8px; }
  .left-handed #manual-header-btn { left: 8px; right: auto; flex-direction: row-reverse; -webkit-flex-direction: row-reverse; }
  .left-handed #manual-header-btn-search { margin-right: 0; margin-left: 6px; }
  .left-handed #manual-header-inner .manual-header-logo a { right: 0; left: auto; }
  .left-handed #manual-header-inner .manual-header-logo { right: 10px; left: auto; padding-right: 70px; padding-left: 0; } }
@media (max-width: 350px) { #manual-header-btn-search { margin-right: 2px; }
  #manual-header-inner .manual-header-logo img { height: auto; } }
/*------------------------------------------------------
    main
------------------------------------------------------*/
@media (min-width: 769px) { main { max-width: 1160px; margin: 0 auto; } }
@media (max-width: 768px) { main { padding-top: 50px; } }
/*------------------------------------------------------
    [manual-nav]
    manual-nav-chapter
------------------------------------------------------*/
#manual-nav-chapter { padding: 24px 0 30px; }
#manual-nav-chapter .title { font-size: 1.6rem; font-weight: bold; margin-bottom: 30px; letter-spacing: 2px; }
#manual-nav-chapter .title a { position: relative; padding-left: 28px; }
#manual-nav-chapter .title a:hover::before { content: ''; position: absolute; width: calc(100% - 28px); height: 1px; background-color: #ff0000; bottom: 1px; right: 0; }
#manual-nav-chapter .title img { position: absolute; left: 0; top: calc(50% - 13px); }
#manual-nav-chapter ul { font-size: 1.3rem; }
#manual-nav-chapter ul li { width: 100%; margin-bottom: 12px; line-height: 1.4; }
#manual-nav-chapter ul li.shortdesc { line-height: 1.6; margin-bottom: 20px; border-bottom: 1px solid #ccc; padding-bottom: 10px; }
#manual-nav-chapter ul li:last-child { margin-bottom: 0; }
#manual-nav-chapter a { color: #555; text-decoration: none; position: relative; display: inline-block; border-bottom: 1px solid transparent; }
main.hierarchy #manual-nav-column { /*height: auto;*/ }
main.hierarchy #manual-nav-column #mCSB_1_container { overflow: visible; }
main.hierarchy #manual-nav-column #mCSB_1 { overflow: visible; }
main.hierarchy #manual-nav-chapter { border-bottom-color: transparent; }
main.hierarchy #manual-nav-chapter ~ div { position: relative; border-bottom-color: transparent; }
main.hierarchy #manual-nav-chapter ~ div::after { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(255, 255, 255, 0.6); }
#manual-nav-chapter ul li::before { top: 5px; }
#manual-nav-chapter ul li a { position: relative; z-index: 1; /*line-height: 20px;*/ }
#manual-nav-chapter > ul { position: relative; }
#manual-nav-chapter > ul > li { border-bottom: 1px solid transparent; }
#manual-nav-chapter ul li a:hover, #manual-nav-chapter ul li.active > a { border-bottom: 1px solid #ff0000; }
#manual-nav-chapter ul li.active::after { content: ''; position: absolute; width: 100%; /*height: 1px; background-color: #ccc; border: none;*/ left: 10px; bottom: 0; border-bottom: 1px solid #ccc; }
#manual-nav-chapter ul li a:hover::before, #manual-nav-chapter ul li.active > a::before { content: ''; width: 10px; height: 100%; border-bottom: 1px solid #ff0000; position: absolute; left: -10px; bottom: -1px; }
#manual-nav-chapter ul li.active > a + div.scroll { position: fixed; width: 300px; background-color: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 20px 20px 30px; z-index: 11; top: 54px; box-shadow: 0px 1px 0px 0px #999; height: calc(100vh - 54px); max-height: -webkit-fill-available; }
#manual-nav-chapter ul li.active > a + div.scroll > ul { display: block; }
#manual-nav-chapter ul li.active > a + div.scroll ul.show { display: block; }
#manual-nav-chapter ul li.active div.scroll.mCS_destroyed ul.show { display: none; }
#manual-nav-chapter > ul ul { display: none; }
#manual-nav-chapter > ul > li > ul { left: 200px; box-shadow: 0px 1px 0px 0px #999; }
#manual-nav-chapter > ul > li > ul > li > ul { left: 265px; }
#manual-nav-chapter > ul > li.active > a + div.scroll a { padding-right: 1em; }
.manual-nav-bg { position: fixed; width: 100%; height: 100%; background-color: #fff; z-index: 10; }
.manual-nav-bg.alpha { background-color: rgba(255, 255, 255, 0.9); }
@media (min-width: 769px) { #manual-nav-column { width: 220px; display: block !important; height: calc(100vh - 54px); z-index: 11; position: fixed; top: 54px; }
  .manual-nav-bg { top: 54px; }
  #manual-nav-chapter { padding-right: 5px; } }
@media (max-width: 768px) { #manual-nav-column { display: none; } }
/*------------------------------------------------------
    [manual-nav]
    manual-nav-other
------------------------------------------------------*/
#manual-nav-other { padding-bottom: 30px; /* border-bottom: 1px solid #ddd; */ }
#manual-nav-other ul li { position: relative; }
#manual-nav-other ul li:not(:last-child) { margin-bottom: 10px; }
#manual-nav-other img { width: 18px; height: auto; vertical-align: -3px; margin-right: 4px; }
#manual-nav-other a { color: #555; display: block; height: 100%; text-decoration: none; }
@media (min-width: 769px) { #manual-nav-other ul li { width: 100%; font-size: 1.3rem; }
  #manual-nav-other a:hover { text-decoration: underline; }
  #manual-nav-other ul li p { margin-bottom: 5px; }
  #manual-nav-other ul ul li { font-size: 1.1rem; }
  #manual-nav-other ul ul li:not(:last-child) { margin-bottom: 8px; } }
@media (max-width: 768px) { #manual-nav-other ul li { width: 50%; font-size: 1.2rem; } }
/*------------------------------------------------------
    [manual-nav]
    manual-nav-config
------------------------------------------------------*/
#manual-nav-config { padding-bottom: 30px; }
#manual-nav-config ul li { line-height: 1.4; position: relative; }
#manual-nav-config img { width: 18px; height: auto; vertical-align: -3px; margin-right: 4px; }
#manual-nav-config a { color: #555; display: block; height: 100%; text-decoration: none; }
@media (min-width: 769px) { #manual-nav-config ul li { width: 100%; font-size: 1.3rem; }
  #manual-nav-config a:hover { text-decoration: underline; } }
@media (max-width: 768px) { #manual-nav-config ul li { width: 50%; font-size: 1.2rem; } }
/*------------------------------------------------------
    [manual-nav]
    manual-nav-about
------------------------------------------------------*/
#manual-nav-about ul li { position: relative; }
#manual-nav-about ul li:not(:last-child) { margin-bottom: 10px; }
#manual-nav-about ul li a { color: #555; text-decoration: none; }
#manual-nav-about ul li img { width: 12px; height: auto; margin-left: 4px; vertical-align: -1px; }
@media (min-width: 769px) { #manual-nav-about { margin-bottom: 30px; }
  #manual-nav-about ul li { width: 100%; font-size: 1.3rem; }
  #manual-nav-about ul li a:hover { text-decoration: underline; } }
@media (max-width: 768px) { #manual-nav-about { display: none; } }
/*------------------------------------------------------
    [manual-nav]
    manual-nav-btn-config
------------------------------------------------------*/
ul#manual-nav-btn-config { margin-bottom: 0; }
@media (max-width: 768px) { ul#manual-nav-btn-config { margin-top: 10px; box-shadow: 0px 1px 0px 0px #aaa; }
  ul#manual-nav-btn-config li { width: 100%; } }
/*------------------------------------------------------

------------------------------------------------------*/
.manual-content-wrapper { word-wrap: break-word; overflow-wrap: break-word; }
@media (min-width: 769px) { #manual-home { padding-bottom: 40px; }
  .manual-wrapper { width: calc(100% - 60px); margin: 0 auto 20px; }
  .manual-content-wrapper { width: 100%; max-width: 880px; margin-left: auto; margin-right: auto; }
  main > *:not([id^="manual-nav-"]) { width: 100%; position: relative; height: 100%; padding-left: 220px; max-width: 1160px; margin-left: auto; margin-right: auto; } }
@media screen and (min-width: 769px) and (max-width: 1180px) { .manual-wrapper { width: calc(100% - 40px); } }
/*------------------------------------------------------
    search
------------------------------------------------------*/
#manual-header-search { border-bottom: 1px solid #ccc; padding: 8px; }
#manual-header-search form[name="search-form"] { position: relative; border-radius: 3px; overflow: hidden; }
#manual-header-search form[name="search-form"] .keywords { width: 100%; height: 36px; padding: 0 44px 0 10px; font-size: 1.4rem; border: none; }
#manual-header-search form[name="search-form"] .btn-search { position: absolute; right: 0; top: 0; height: 36px; background: url("../img_common/icon_search.svg") no-repeat left center; width: 40px; height: 100%; background-size: 18px auto; background-position: 15px 8px; border: none; overflow: hidden; text-indent: 40px; white-space: nowrap; }
/* home search */
#manual-home-search { background-color: #f2f2f2; padding: 8px; }
#manual-home-search form[name="search-form"] { position: relative; border-radius: 6px; overflow: hidden; }
#manual-home-search form[name="search-form"] .keywords { width: 100%; height: 36px; padding: 0 44px 0 10px; font-size: 1.4rem; border: none; }
#manual-home-search form[name="search-form"] .btn-search { position: absolute; right: 0; top: 0; height: 36px; background: url("../img_common/icon_search.svg") no-repeat left center; width: 40px; height: 100%; background-size: 18px auto; background-position: 15px 8px; border: none; overflow: hidden; text-indent: 40px; white-space: nowrap; }
/* suggest */
.ui-menu { font-size: 1.4rem; }
.ui-menu .ui-menu-item { padding: 3px 5px; }
@media (min-width: 769px) { #manual-header-search { position: absolute; top: 0; right: 0; width: 30%; max-width: 300px; border-bottom: none; z-index: 100; }
  #manual-header-search form[name="search-form"] { border: 1px solid #ddd; }
  #manual-home-search { display: none !important; } }
@media (max-width: 768px) { #manual-header-search { display: none; padding: 10px; }
  #manual-home #manual-header-search { display: block; position: relative; }
  #manual-home-search { display: none; } }
/*------------------------------------------------------
    manual-home-layout-main
------------------------------------------------------*/
#manual-home-layout-main ul li { text-align: center; }
#manual-home-layout-main a:not(.colwrap) { display: block; }
#manual-home-layout-main a { text-decoration: none; color: #333; height: 100%; }
#manual-home-layout-main p { font-weight: bold; letter-spacing: 1px; line-height: 1.1; }
@media (min-width: 769px) { #manual-home-layout-main { margin-top: 40px; margin-bottom: 40px; }
  #manual-home-layout-main ul li { width: calc( 33.3% - 10px); max-width: 275px; }
  #manual-home-layout-main .img { padding: 25px 0; }
  #manual-home-layout-main .img img { width: 80px; }
  #manual-home-layout-main p { font-size: 1.6rem; padding: 0 20px 20px 20px; }
  #manual-home-layout-main p::before { right: 15px; } }
@media (max-width: 768px) { #manual-home-layout-main { padding: 18px; }
  #manual-home-layout-main ul li { width: calc(33.3% - 10px); }
  #manual-home-layout-main .img { padding: 10px 10px; }
  #manual-home-layout-main .img img { width: 60px; }
  #manual-home-layout-main p { font-size: 1.2rem; font-weight: bold; padding: 0 10px 15px; }
  #manual-home-layout-main p::before { top: calc(50% - 6px); } }
@media (max-width: 480px) { #manual-home-layout-main ul li { width: calc(33.3% - 5px); }
  #manual-home-layout-main p { font-size: 1.2rem; font-weight: bold; padding: 0 5px 5px; } }
/*------------------------------------------------------
    emergency
------------------------------------------------------*/
#manual-home-layout-emergency { position: relative; }
#manual-home-layout-emergency p { font-size: 1.6rem; font-weight: bold; letter-spacing: 1px; padding: 10px 0; }
#manual-home-layout-emergency p img { vertical-align: -3px; margin-right: 5px; }
#manual-home-layout-emergency ul li { text-align: center; }
#manual-home-layout-emergency a { display: block; height: 100%; text-decoration: none; color: #666; }
#manual-home-layout-emergency .manual-button-design-01 { font-weight: bold; background: #ffeded; border: none; padding: 5px 0; }
@media (min-width: 769px) { #manual-home-layout-emergency { margin-bottom: 30px; }
  #manual-home-layout-emergency p { font-size: 1.6rem; }
  #manual-home-layout-emergency ul li { font-size: 1.4rem; width: calc( 50% - 20px); }
  #manual-home-layout-emergency a { padding: 15px 10px; } }
@media (max-width: 768px) { #manual-home-layout-emergency { margin: 0 20px 30px; }
  #manual-home-layout-emergency p { margin-bottom: 4px; }
  #manual-home-layout-emergency ul li { font-size: 1.2rem; width: calc( 50% - 10px); }
  #manual-home-layout-emergency a { padding: 10px 5px; } }
/*------------------------------------------------------
    ページ共通パーツ breadcrumb
------------------------------------------------------*/
#manual-common-breadcrumb { line-height: 16px; padding: 7px 0; }
#manual-common-breadcrumb ul li { color: #aaa; font-size: 1rem; padding: 0; text-indent: 0; }
#manual-common-breadcrumb ul li:not(:last-child)::after { content: '/'; padding: 0 0.5em; }
#manual-common-breadcrumb ul li:not(:last-child) { margin-bottom: 0; }
@media (max-width: 768px) { #manual-common-breadcrumb { display: none; } }
/*------------------------------------------------------
    ページ共通パーツ addinfo
------------------------------------------------------*/
#manual-common-addinfo { margin-bottom: 100px; }
.history-browse, .history-search { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; position: relative; }
.history-browse::before, .history-search::before { content: ''; position: absolute; top: -1px; left: 0; width: 5px; height: 1px; background-color: #000; }
.history-browse p, .history-search p { font-weight: bold; }
.history-browse p img, .history-search p img { width: 24px; vertical-align: -5px; margin-right: 5px; }
.history-browse ul li, .history-search ul li { position: relative; border-top: 1px solid #d3d3d3; }
.history-browse ul li a, .history-search ul li a { color: #555; text-decoration: none; }
.history-browse p.note, .history-search p.note { font-weight: normal; }
.question-state { border-top: 1px solid #ddd; position: relative; }
.question-state::before { content: ''; position: absolute; top: -1px; left: 0; width: 5px; height: 1px; background-color: #000; }
.question-state > p { font-size: 1.6rem; font-weight: bold; margin-bottom: 0; }
.question-state > p img { width: 24px; vertical-align: -5px; margin-right: 5px; }
.question-state > div { border-top: 1px solid #d3d3d3; }
.question-state > div p { text-align: center; font-size: 1.4rem; color: #555; }
.question-state .colwrap a { color: #555; text-align: center; font-size: 1.6rem; font-weight: bold; text-decoration: none; width: calc(50% - 20px); max-width: 160px; height: 32px; line-height: 32px; margin: 0 10px; }
@media (min-width: 769px) { #manual-common-addinfo { display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; align-items: stretch; -webkit-align-items: stretch; align-content: stretch; -webkit-align-content: stretch; }
  .history-browse, .history-search { width: calc(50% - 20px); }
  .history-browse p, .history-search p { font-size: 1.6rem; padding: 10px 0; letter-spacing: 1px; }
  .history-browse ul li, .history-search ul li { font-size: 1.4rem; padding: 6px 10px; }
  .history-browse ul li::before, .history-search ul li::before { right: 15px; }
  .question-state { width: calc(50% - 20px); position: relative; /*right: -20px;*/ }
  .question-state > p { padding: 10px 0; letter-spacing: 1px; }
  .question-state > div { padding: 30px 10px 10px; } }
@media (max-width: 768px) { #manual-common-addinfo { margin: 0 20px 70px; }
  .history-browse { width: 100%; margin-bottom: 50px; }
  .history-browse p, .history-search p { font-size: 1.6rem; padding: 20px 0; }
  .history-browse p img, .history-search p img { width: 18px; vertical-align: -2px; }
  .history-browse ul li, .history-search ul li { font-size: 1.4rem; padding: 6px 20px 6px 10px; }
  .history-search p.note { padding: 0 0 10px; }
  .question-state { width: 100%; }
  .question-state > p { padding: 20px 10px; }
  .question-state > div { padding: 20px 10px; }
  .question-state > p img { width: 18px; vertical-align: -2px; } }
/*------------------------------------------------------
    footer
------------------------------------------------------*/
#manual-copy img { max-height: 24px; }
#manual-footer-layout-othernav { background-color: #f2f2f2; padding: 30px 10px 30px; }
#manual-footer-layout-othernav ul li { font-size: 1.3rem; width: 50%; text-align: center; }
#manual-footer-layout-othernav ul li:last-child { display: none; }
#manual-footer-layout-othernav img { width: 20px; vertical-align: middle; }
#manual-footer-layout-othernav a { color: #666; text-decoration: none; }
@media (min-width: 769px) { #manual-copy { font-size: 1.2rem; padding: 5px 10px; text-align: right; margin-bottom: 0 !important; }
  #manual-copy img { margin-right: 10px; }
  #manual-footer-layout-othernav { display: none; }
  /* home */
  #manual-home #manual-footer { position: fixed; width: 100%; right: 0; left: 0; bottom: 0; background-color: #fff; padding-left: 220px; max-width: 1160px; margin-left: auto; margin-right: auto; z-index: 20; }
  .is-fixed #manual-home #manual-footer { z-index: auto; } }
@media (max-width: 768px) { #manual-footer-layout-body { padding: 10px; position: relative; }
  #manual-copy a { display: block; margin-bottom: 5px; }
  #manual-copy span { display: block; } }
/*------------------------------------------------------
    [footer]
    manual-footer-about-use
------------------------------------------------------*/
#manual-footer-about-use { margin-bottom: 15px; }
#manual-footer-about-use ul { justify-content: flex-start; -webkit-justify-content: flex-start; }
#manual-footer-about-use ul li { white-space: nowrap; width: 100%; font-size: 1.3rem; }
#manual-footer-about-use ul li:not(:last-child) { margin-bottom: 5px; }
#manual-footer-about-use ul li a { color: #555; text-decoration: none; }
#manual-footer-about-use ul li img { width: 12px; height: auto; margin-left: 5px; vertical-align: -1px; }
@media (min-width: 769px) { #manual-footer-about-use { display: none; } }
@media (max-width: 480px) { #manual-footer-about-use ul li { letter-spacing: -1px; } }
/*------------------------------------------------------
    [footer]
    link-language
------------------------------------------------------*/
#link-language { position: absolute; font-size: 1.4rem; }
#link-language a { color: #555; text-decoration: none; }
#link-language img { width: 16px; height: auto; margin-right: 4px; vertical-align: -3px; }
#link-language a:hover { text-decoration: underline; }
@media (min-width: 769px) { #link-language { left: 0; bottom: 0; width: 220px; padding: 5px 0; background-color: #fff; z-index: 20; }
  .is-fixed #link-language { z-index: auto; } }
@media screen and (min-width: 769px) and (max-width: 1180px) { #manual-home #link-language { padding-left: 10px; } }
@media (max-width: 768px) { #link-language { right: 10px; top: 56px; } }
/*------------------------------------------------------
    scroll bar
------------------------------------------------------*/
.mCSB_inside > .mCSB_container { margin: 0 !important; }
.mCSB_scrollTools { width: 4px; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #333; background-color: rgba(0, 0, 0, 0.8); }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #333; background-color: rgba(0, 0, 0, 0.6); }
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #333; background-color: rgba(0, 0, 0, 0.6); }
.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; }
/*------------------------------------------------------
    pageTop
------------------------------------------------------*/
#page-top { position: fixed; bottom: 20px; right: 20px; font-size: 1.4rem; z-index: 999; }
#page-top a { background: #666; text-decoration: none; color: #fff; width: 50px; padding: 10px 0; text-align: center; display: block; border-radius: 3px; opacity: 0.8; }
@media (min-width: 769px) { #page-top a:hover { text-decoration: none; background: #999; } }
/*------------------------------------------------------
    [nav-global]
    nav-global-main
------------------------------------------------------*/
#manual-nav-global-main { padding: 16px 10px; }
#manual-nav-global-main ul li { width: 100%; text-align: center; }
#manual-nav-global-main a:not(.colwrap) { display: block; }
#manual-nav-global-main a { text-decoration: none; height: 100%; position: relative; }
#manual-nav-global-main a::after { content: ''; position: absolute; right: 8px; top: calc(50% - 5px); width: 10px; height: 10px; border-top: 2px solid #999; border-right: 2px solid #999; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#manual-nav-global-main .img { width: 46px; }
#manual-nav-global-main .img img { width: 60px; }
#manual-nav-global-main p { font-size: 1.4rem; margin: 0; text-align: left; color: #666; font-weight: bold; padding-right: 30px; }
@media (min-width: 769px) { #manual-nav-global { display: none; } }
@media (max-width: 768px) { #manual-nav-global { display: none; position: fixed; width: 100%; top: 50px; left: 0; z-index: 10; background-color: transparent; overflow-y: auto; }
  #manual-nav-global-main ul li:not(:last-child) { margin-bottom: 8px; }
  #manual-nav-global-main .img { padding: 10px 8px; border-right: 1px solid #d3d3d3; }
  #manual-nav-global-main p { width: calc(100% - (46px + 15px)); } }
#manual-nav-global-chapter { margin: 0 20px; padding: 30px 0 0; position: relative; }
#manual-nav-global-chapter .title { font-size: 2rem; font-weight: bold; margin-bottom: 30px; letter-spacing: 2px; }
#manual-nav-global-chapter .title a { position: relative; padding-left: 28px; }
#manual-nav-global-chapter .title img { position: absolute; left: 0; top: calc(50% - 13px); }
#manual-nav-global-chapter ul { font-size: 1.6rem; }
#manual-nav-global-chapter ul li { width: 100%; }
#manual-nav-global-chapter ul li:not(:last-child) { margin-bottom: 8px; }
#manual-nav-global-chapter ul li.tri:before { top: 0.5em; }
#manual-nav-global-chapter ul li.active.tri:before { transform: rotate(90deg); }
#manual-nav-global-chapter ul li:last-child { margin-bottom: 20px; }
#manual-nav-global-chapter a { color: #555; text-decoration: none; position: relative; }
#manual-nav-global-chapter ul li.shortdesc { line-height: 1.6; margin-top: 10px; margin-bottom: 15px; border-bottom: 1px solid #ccc; padding-bottom: 10px; }
#manual-nav-global-chapter > ul ul { display: none; }
#manual-nav-global-chapter > ul > li > ul { margin-top: 15px; margin-bottom: 15px; }
#manual-nav-global-chapter > ul > li > ul > li > ul { margin-top: 15px; margin-bottom: 15px; }
/*------------------------------------------------------
    [nav-global]
    nav-global-other
------------------------------------------------------*/
#manual-nav-global-other { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0 20px; padding: 10px 0; }
#manual-nav-global-other ul li { position: relative; width: 50%; font-size: 1.2rem; }
#manual-nav-global-other img { vertical-align: -6px; margin-right: 4px; }
#manual-nav-global-other a { color: #333; display: block; height: 100%; padding: 8px 20px 8px 8px; }
#manual-nav-global-other > ul li p { font-size: 1.6rem; margin-bottom: 5px; }
#manual-nav-global-other > ul:first-of-type { border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 20px; }
#manual-nav-global-other > ul:last-of-type li { width: 100%; }
#manual-nav-global-other > ul:last-of-type li a { padding-top: 0; padding-bottom: 0; margin-bottom: 8px; text-decoration: none; }
#manual-nav-global-other > ul:last-of-type > li:not(:last-child) { margin-bottom: 10px; }
/*------------------------------------------------------
    [nav-global]
    nav-global-btn-config
------------------------------------------------------*/
#manual-nav-global-config { margin: 0 20px; padding: 10px 0; }
#manual-nav-global-config ul li { position: relative; width: 100%; font-size: 1.2rem; }
#manual-nav-global-config img { vertical-align: -3px; margin-right: 4px; }
#manual-nav-global-config a { color: #333; display: block; height: 100%; padding: 8px 20px 8px 8px; }
/*------------------------------------------------------
    [nav-global]
    close
------------------------------------------------------*/
#manual-nav-global .close { text-align: center; padding: 20px 0; }
#manual-nav-global .close button { padding: 5px 20px; font-size: 1.6rem; color: #333; }
/*------------------------------------------------------
    text-size-adjust
------------------------------------------------------*/
#text-size-adjust { border-bottom: 2px solid #ccc; }
#text-size-adjust p { font-size: 1.6rem; }
#text-size-adjust ul li { margin: 10px; }
#text-size-adjust ul li a { display: block; font-size: 1.6rem; }
/*------------------------------------------------------
    [common]
    pagetitle
------------------------------------------------------*/
#manual-common-pagetitle { line-height: 1.2; }
#manual-common-pagetitle.scroll { padding: 0; position: fixed; left: 0; top: 0; z-index: 1; background-color: #fff; }
#manual-common-pagetitle h1 { color: #000; transition-property: padding-bottom; transition-duration: 0.15s; }
@media (min-width: 769px) { #manual-common-pagetitle.scroll { right: 0; top: 54px; left: 220px; width: calc(100% - 220px); max-width: calc(1160px - 220px); margin: auto; padding: 0 30px; }
  #manual-common-pagetitle.scroll h1 { padding: 10px 0; }
  #manual-common-pagetitle h1 { padding: 5px 0 35px; font-size: 3.2rem; } }
@media (max-width: 768px) { #manual-common-pagetitle h1 { font-size: 2.8rem; padding: 30px 20px; }
  #manual-common-pagetitle.scroll { top: 50px; left: 0 !important; width: 100%; background-color: #fff; }
  #manual-common-pagetitle.scroll h1 { padding: 10px 20px; font-size: 2rem; } }
/*------------------------------------------------------
    [common]
    button
------------------------------------------------------*/
.manual-button-design-01 { background-color: #fff; border: 1px solid #ddd; border-radius: 3px; box-shadow: 0px 1px 0px 0px #999; }
/*------------------------------------------------------
    [common]
    list decoration
------------------------------------------------------*/
li.tri { position: relative; padding-left: 0.7em; }
li.tri::before { content: ''; top: calc(50% - 5px); left: 0; height: 0; width: 0; border-style: solid; border-width: 3px 0 3px 5px; border-color: transparent transparent transparent #888888; position: absolute; }
/*------------------------------------------------------
  [common]
  search highlight
------------------------------------------------------*/
span.highlight { background-color: #faff33; }
/*------------------------------------------------------
  [common]
    perfect-scrollbar
------------------------------------------------------*/
/*.ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x { height: 4px; background-color: #333;}
.ps__rail-x { height: 0;}
.ps__thumb-x { background-color: rgba(0,0,0,0.8); height: 4px;}
*/
/* 2020/01/30, 2020/02/05, 2020/02/06 修正分 */
/* あたらしいパンクズリンク */
#manual-common-breadcrumb { line-height: normal; }
#manual-common-breadcrumb > ul > li { font-size: 1.3rem; color: #555; }
#manual-common-breadcrumb > ul > li:not(:last-child)::after { content: ''; display: inline-block; width: 6px; height: 6px; border-top: 1px solid #666; border-right: 1px solid #666; -webkit-transform: rotate(45deg); transform: rotate(45deg); padding: 0; margin: 0 8px 1px 5px; }
#manual-common-breadcrumb ul ul { display: none; position: absolute; background-color: #eeeeee; width: 100%; max-width: 400px; right: 0; padding: 20px 20px; z-index: 1; box-shadow: 3px 3px 3px -3px #999; }
#manual-common-breadcrumb ul ul li { font-size: 1.4rem; padding-left: 0.8em; }
#manual-common-breadcrumb ul ul li:not(:last-child) { margin-bottom: 14px; }
#manual-common-breadcrumb ul ul li::before { top: 0.5em; }
#manual-common-breadcrumb ul ul li::after { display: none; }
#manual-common-breadcrumb ul ul li a { color: #555; text-decoration: none; }
#manual-common-breadcrumb ul ul li span { display: inline-block; line-height: 1.2; border-bottom: 1px solid transparent; }
#manual-common-breadcrumb ul ul li a:hover span { border-bottom-color: #ff0000; }
#manual-common-breadcrumb > ul > li > a { padding-bottom: 1em; color: #0062ba; }
#manual-common-breadcrumb ul ul.active { display: block; }
#manual-common-breadcrumb ul ul li.active span { color: #555; border-bottom-color: #ff0000; }
@media (min-width: 769px) { #manual-common-breadcrumb > ul > li > a:hover + ul { display: block !important; }
  #manual-common-breadcrumb ul ul:hover { display: block; }
  #manual-common-breadcrumb > ul > li { position: relative; }
  #manual-common-breadcrumb ul ul { width: max-content; right: auto; left: 0; }
  /* Edge 2 */
  _:-ms-lang(x)::backdrop, #manual-common-breadcrumb ul ul { width: 400px; }
  /* IE11 */
  _:-ms-lang(x)::-ms-backdrop, #manual-common-breadcrumb ul ul { width: 400px; } }
@media (max-width: 768px) { #manual-common-breadcrumb { display: block; padding-left: 10px; padding-right: 10px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
  #manual-common-breadcrumb > ul { justify-content: flex-start; -webkit-justify-content: flex-start; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; }
  #manual-common-breadcrumb ul ul { width: 80%; left: 0; right: 0; margin: auto; }
  #manual-common-breadcrumb ul ul li { font-size: 1.2rem; white-space: normal; } }