@charset "utf-8";

/* ----------------------------
  common settings
------------------------------- */

* {
    margin: 0;
    -webkit-text-size-adjust: 100%;
}

html {
    font-size: 14px;
    font-family: source-han-sans-japanese, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    height: 100%;
}

html[lang="ko"] {
    font-family: source-han-sans-korean, 돋움, dotum, Arial, sans-serif !important;
}

html[lang="en"] {
    font-size: 16px;
    font-family: myriad-pro, helvetica, Arial, meiryo, sans-serif;
}

body {
    height: 100%;
}

html[lang="en"] #contents p,
html[lang="en"] #contents li {
    line-height: 1.3em;
    word-break: break-word;
}

html[lang="en"] #contents .framed_outer p,
html[lang="en"] #contents .framed_outer ol li,
html[lang="en"] #contents .framed_outer ul li {
    word-break: initial;
}


/* ----------------------------
  frame
------------------------------- */

#main_contents {
    display: flex;
    height: 100%;
    flex-direction: column;
}

#contents {
    padding: 0.25rem 0.5rem;
    overflow-y: auto;
    flex-grow: 1;
    max-width: -webkit-fill-available;
    margin-bottom: 0.5rem;
}

.mnl-layout-container.of-main #contents {
    overflow-y: initial;
}


/* ----------------------------
  header
------------------------------- */

.chapter_title {
    margin-left: 42.520pt;
    text-indent: -42.520pt;
    margin-bottom: 49.000pt;
    word-spacing: 0.250em;
    font-weight: bold;
    font-size: 27.0pt;
    color: #233b59;
}

.chapter_title .chapter_num {
    font-size: 100%;
    font-weight: bold;
    padding-left: 24pt;
}

.FM_01_01_HL1_5,
.header_level1 {
    margin-bottom: 5.000pt;
    word-spacing: 0.250em;
    font-weight: bold;
    font-size: 23.0pt;
    color: #233b59;
}

.header_level2 {
    text-indent: 5pt;
    margin-top: 23.000pt;
    margin-bottom: 9.000pt;
    word-spacing: 0.250em;
    font-weight: bold;
    font-size: 19.0pt;
    color: #ffffff;
    background-color: #233b59;
}

.header_level3 {
    text-indent: 5pt;
    margin-top: 34.000pt;
    margin-bottom: 8.000pt;
    word-spacing: 0.250em;
    font-weight: bold;
    font-size: 17.0pt;
    color: #ffffff;
    background-color: #3675f2;
}

.header_level4 {
    text-indent: 10pt;
    margin-top: 24.000pt;
    margin-bottom: 5.000pt;
    word-spacing: 0.250em;
    font-weight: bold;
    font-size: 16.0pt;
    color: #233b59;
    border-left: 8pt solid #223a59;
}

.header_level4_num {
    margin-left: 28.346pt;
    text-align: left;
    text-indent: -28.346pt;
    margin-top: 24.000pt;
    margin-bottom: 6.000pt;
    word-spacing: 0.250em;
    font-weight: bold;
    font-size: 16.0pt;
    color: #233b59;
}

.header_level5 {
    text-align: justify;
    margin-top: 17.000pt;
    margin-bottom: 1.000pt;
    word-spacing: 0.250em;
    font-weight: bold;
    font-size: 12.0pt;
    color: #3675f2;
}

.header_level6 {
    margin-left: 14.173pt;
    text-align: justify;
    margin-top: 6.000pt;
    margin-bottom: 2.000pt;
    word-spacing: 0.250em;
    font-weight: bold;
    font-size: 12.0pt;
    color: #233b59;
}

.header_level7 {
    margin-left: 14.173pt;
    text-align: justify;
    margin-top: 4.000pt;
    margin-bottom: 2.000pt;
    word-spacing: 0.250em;
    font-weight: bold;
    font-size: 10.0pt;
    color: #3675f2;
}

.header_Warranty {
    margin-left: 14.173pt;
    text-indent: -14.173pt;
    margin-top: 18.000pt;
    margin-bottom: 4.000pt;
    word-spacing: 0.250em;
    font-weight: bold;
    font-size: 12.0pt;
    color: #233b59;
}


/* ----------------------------
  body
------------------------------- */

.body,
.body_ind {
    margin-top: 1.000pt;
    word-spacing: 0.250em;
    font-size: 10.0pt;
}

.body_dot {
    margin-left: 9.921pt;
    text-indent: -7.087pt;
    word-spacing: 0.250em;
    font-size: 9.0pt;
}

.body_bold {
    word-spacing: 0.250em;
    font-weight: bold;
    font-size: 9.0pt;
}

.body_bold_dot {
    margin-left: 9.921pt;
    text-indent: -7.087pt;
    word-spacing: 0.250em;
    font-weight: bold;
    font-size: 9.0pt;
}

.body_ind {
    margin-left: 14.173pt;
}

.body_ind_dash {
    margin-left: 28.346pt;
    text-align: left;
    text-indent: -11.339pt;
    margin-top: 1.000pt;
    word-spacing: 0.250em;
    font-size: 10.0pt;
}

.body_ind_dot {
    margin-left: 28.346pt;
    text-indent: -8.504pt;
    margin-top: 2.000pt;
    word-spacing: 0.250em;
    font-size: 10.0pt;
}

.body_ind_bold {
    margin-left: 9.921pt;
    word-spacing: 0.250em;
    font-weight: bold;
    font-size: 9.0pt;
}

.body_ind_bold_dash {
    margin-left: 20pt;
    text-align: left;
    text-indent: -7pt;
    margin-top: 1.000pt;
    word-spacing: 0.250em;
    font-weight: bold;
    font-size: 9.0pt;
}

.body_ind_num {
    margin-left: 2.5em;
    text-align: left;
    text-indent: -1.0rem;
    margin-top: 2.000pt;
    word-spacing: 0.250em;
    font-size: 10.0pt;
}

.body_numlist {
    margin-left: 14.173pt;
    text-indent: -14.173pt;
    margin-top: 2.000pt;
    word-spacing: 0.250em;
}

.body_numlist_free {
    margin-left: 1.5em;
    text-indent: -1.0rem;
    margin-top: 2.000pt;
    word-spacing: 0.250em;
    font-size: 10.0pt;
}

.body_numlist_free span:not([class]),
.body_ind_num span:not([class]) {
    display: none;
}

.table_head_left,
.table_head_c {
    word-spacing: 0.250em;
    font-weight: bold;
    font-size: 8.0pt;
    color: #233b59;
}

.table_head_c {
    text-align: center;
}

.table_body,
.table_body_center {
    word-spacing: 0.250em;
    font-size: 8.0pt;
}

.table_body_center {
    text-align: center;
}

.table_body_dot {
    margin-left: 9.921pt;
    text-indent: -7.087pt;
    word-spacing: 0.250em;
    font-size: 8.0pt;
}

.table_body_ind {
    margin-left: 9.921pt;
    word-spacing: 0.250em;
    font-size: 8.0pt;
}

.table_body_ind_dot {
    margin-left: 19.843pt;
    text-indent: -7.087pt;
    word-spacing: 0.250em;
    font-size: 8.0pt;
}

.cell_symbol_icon,
.cell_symbol_icon_upper {
    text-align: center;
    word-spacing: 0.250em;
    font-size: 2.0pt;
    line-height: 0px !important;
}

.asterisk {
    margin-left: 14.173pt;
    text-indent: -14.173pt;
    margin-top: 1.000pt;
    word-spacing: 0.250em;
    font-size: 9.0pt;
}

.asterisk_ind {
    margin-left: 28.346pt;
    text-indent: -14.173pt;
    margin-top: 1.000pt;
    word-spacing: 0.250em;
    font-size: 9.0pt;
}

.warranty_code {
    text-align: right;
}


/* ----------------------------
  step
------------------------------- */

.step {
    margin-left: 14.173pt;
    text-indent: -14.173pt;
    margin-top: 10.000pt;
    margin-bottom: 2.000pt;
    word-spacing: 0.250em;
    font-weight: bold;
    font-size: 10.0pt;
    color: #233b59;
}

.step_sub {}


/* ----------------------------
  table
------------------------------- */

#contents table {
    border-collapse: collapse;
    margin: 0.5rem 0;
}

#contents table td {
    border: solid 1px #000;
    padding: 4px;
    vertical-align: top;
}

.table_small,
.table_small_ind,
.table_small2,
.table_small_ind2 {
    width: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.table_fit,
.table_fit_ind,
.table_fit2,
.table_fit_ind2 {
    width: 98%;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 100%;
    height: auto;
}

.table_fit_ind,
.table_fit_ind2,
.table_small_ind,
.table_small_ind2,
.table_point_ind,
.table_ref_ind {
    margin-left: 5mm !important;
}

.table_small tr:first-child td,
.table_small_ind tr:first-child td,
.table_fit tr:first-child td,
.table_fit_ind tr:first-child td,
.table_small2 tr:first-child td,
.table_small_ind2 tr:first-child td,
.table_fit2 tr:first-child td,
.table_fit_ind2 tr:first-child td {
    background-color: #C8CDCD;
}

.table_small2 tr:nth-child(2) td,
.table_small_ind2 tr:nth-child(2) td,
.table_fit2 tr:nth-child(2) td,
.table_fit_ind2 tr:nth-child(2) td {
    background-color: #C8CDCD;
}

.table_small td:first-child,
.table_small_ind td:first-child,
.table_fit td:first-child,
.table_fit_ind td:first-child,
.table_small2 td:first-child,
.table_small_ind2 td:first-child,
.table_fit2 td:first-child,
.table_fit_ind2 td:first-child {
    border-left: none !important;
}

.table_small td:last-child,
.table_small_ind td:last-child,
.table_fit td:last-child,
.table_fit_ind td:last-child,
.table_small2 td:last-child,
.table_small_ind2 td:last-child,
.table_fit2 td:last-child,
.table_fit_ind2 td:last-child {
    border-right: none !important;
}

.table_safty,
.table_point,
.table_point_ind,
.table_ref,
.table_ref_ind {
    width: 98%;
    max-width: 100%;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    height: auto;
    padding: 2.00pt;
}

.table_safty td:first-child {
    width: 48pt;
    vertical-align: middle !important;
}

.table_point td:first-child,
.table_point_ind td:first-child,
.table_ref td:first-child,
.table_ref_ind td:first-child {
    width: 48pt;
}

.table_point td,
.table_point_ind td,
.table_ref td,
.table_ref_ind td {
    border: none !important;
    padding: 5px;
}

.table_point td:last-child,
.table_point_ind td:last-child {
    border-top: solid 1px #000 !important;
    border-bottom: solid 1px #000 !important;
}

.table_point td:first-child,
.table_point_ind td:first-child {
    width: 48pt;
    vertical-align: middle;
}

.table_free {
    margin-top: 4px;
    margin-bottom: 4px;
}

.table_free_center {
    margin-left: auto !important;
    margin-right: auto !important;
}

.table_free td,
.table_free_center td {
    border: none !important;
    vertical-align: middle !important;
}

.table_free_center_5row {
    width: 94%;
    margin-left: auto !important;
    margin-right: auto !important;
}

.table_free_center_5row td {
    width: 20%;
    border: none !important;
}

.index .table_fit td:first-child {
    min-width: 240px;
    min-height: 2.0rem;
    vertical-align: middle !important;
}


/* ----------------------------
  illust
------------------------------- */

.image,
.image_center,
.image_ind {
    margin-top: 2.000pt;
    margin-bottom: 8.000pt;
    word-spacing: 0.250em;
    font-family: Arial;
    font-size: 2.0pt;
}

.image_center {
    margin-left: 0.000pt;
    margin-right: 0.000pt;
    text-align: center;
}

.image_ind {
    text-indent: 14.173pt;
}

img {
    height: 1.5rem;
}

.image img,
.image_center img,
.image_ind img {
    max-width: 98%;
    height: auto;
    zoom: 20%;
}

.image img[src$=".svg"],
.image_center img[src$=".svg"],
.image_ind img[src$=".svg"] {
    zoom: 133.3%;
}

.index .image_center img {
    zoom: 100%;
}


/* ----------------------------
  char
------------------------------- */

.chapter_num {
    padding-left: 4pt;
}

.char_symbol {
    font-family: symbol;
}

.char_TimesNewRoman {
    font-family: 'Times New Roman';
}

.char_Arial {
    font-family: Arial;
    font-weight: bold;
    color: #233b59;
}

.char_upper {
    font-size: 60%;
    vertical-align: super;
}

.char_Wingdings {
    display: inline-block;
    height: 1.0rem;
    width: 1.0rem;
}

.char_stepnumber,
.char_stepnumber10 {
    font-family: Arial;
    font-weight: bold;
    font-size: 14.0pt;
    color: #3675f2;
}

.char_stepnumber10 {
    margin-left: -0.6rem;
    padding-right: 0.6rem;
}

.char_stepnumber .chapter_num {
    padding-left: 7pt;
}

.char_bold_blue {
    font-weight: bold;
    color: #3675f2;
}

.char_bold {
    font-weight: bold;
}


/* ----------------------------
  page navigation
------------------------------- */

#pageTransition {
    height: 2.5rem;
    border-top: solid 1px #A0A0A0;
    background-color: #fff;
    position: sticky;
    bottom: -1.5rem;
    vertical-align: middle;
    padding-bottom: 1.0rem;
    margin-bottom: -1.41rem;
}

#page_prev a,
#page_next a {
    margin: 0.25rem 1rem 0;
    font-size: 18px;
}

#page_prev a {
    float: left;
}

#page_next a {
    float: right;
}


/* ----------------------------
  Go to Top
------------------------------- */

#go_to_top {
    text-align: right;
    position: sticky;
    bottom: 2.5rem;
    z-index: 1;
}

#go_to_top span {
    background: rgb(249, 222, 222);
    border: solid 1px red;
    border-radius: 0.5rem;
    padding: 0.25rem 0.5rem;
    display: inline-block;
}

#go_to_top a,
#go_to_top a:visited,
#go_to_top a:hover {
    text-decoration: none;
    color: #404040;
    font-size: 1.0rem;
}

#go_to_top.fadeout {
    opacity: 0;
    z-index: -1;
    animation: fadeOut 0.8s linear 0s 1 normal;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
        z-index: 1;
    }
    100% {
        opacity: 0;
        z-index: -1;
    }
}

#go_to_top.float {
    position: fixed;
    right: 1.0rem;
}


/* ----------------------------
  other
------------------------------- */

#contents p a[id] {
    scroll-margin-top: 0.5rem;
}

.hidden {
    display: none !important;
}


/* ----------------------------
  print settings
------------------------------- */

@media print {
    * {
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }
    #go_to_top {
        display: none;
    }
    #main_contents {
        display: block;
    }
    #contents {
        padding: 0.25rem 0.5rem;
        overflow-y: initial;
    }
    #contents img {
        max-width: initial;
    }
}