@charset "UTF-8";
: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;
}
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%;
}
@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;
  }
}
.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(33.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(33.3% - 10px);
}

.col3L2,
.col3R2{
  width:66.6%;
  width:-webkit-calc( 99.9% * 0.666 - 10px );
  width:calc(66.5334% - 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;
  }
}
#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-inner .manual-header-logo a.model-name{
  color:#000;
}

#manual-header-btn{
  justify-content:flex-end;
  -webkit-justify-content:flex-end;
}

#manual-header-btn-search{
  text-align:center;
  width:34px;
  height:40px;
  padding-top:9px;
  margin-right:8px;
}

#manual-header-btn-search img{
  width:22px;
  height:auto;
}

#manual-header-btn-menu{
  width:34px;
  height:40px;
  cursor:pointer;
  transition:all 0.2s ease-in;
  padding-top:9px;
}

#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 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-inner .manual-header-logo a.model-name{
    vertical-align:-2px;
    pointer-events:none;
  }
  #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% - 96px);
    height:calc(100% - 10px);
    text-align:center;
    left:10px;
    padding-left:76px;
  }
  #manual-header-inner .manual-header-logo a.brand{
    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 a.model-name{
    height:auto;
    position:relative;
    top:0;
  }
  #manual-header-inner .manual-header-logo p{
    font-size:12px;
    display:block;
    line-height:1.3;
    letter-spacing:1px;
    margin-top:1px;
  }
  #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:5px;
  }
  .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.brand{
    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;
  }
}
@media (min-width: 769px){
  main{
    max-width:1160px;
    margin:0 auto;
  }
}
@media (max-width: 768px){
  main{
    padding-top:50px;
  }
}
#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);
  width:22px;
  height:auto;
}

#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 #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;
}

#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%;
  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-other{
  padding-bottom:30px;
}

#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-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-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;
  }
}
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-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);
  }
}
#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;
}
#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;
}
.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;
  }
  .ui-menu.ui-autocomplete{
    position:fixed;
    top:45px;
    max-height:calc(100vh - 100px);
    overflow-y:auto;
  }
}
@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;
  }
  .ui-menu.ui-autocomplete{
    max-height:calc(100vh - 150px);
    overflow-y:auto;
  }
}
#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;
  }
}
#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;
  }
}
#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;
  }
}
#manual-common-addinfo{
  margin-bottom:100px;
}

.history-browse,
.history-search,
.history-bookmark{
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
  position:relative;
}

.history-browse::before,
.history-search::before,
.history-bookmark::before{
  content:"";
  position:absolute;
  top:-1px;
  left:0;
  width:5px;
  height:1px;
  background-color:#000;
}

.history-browse p,
.history-search p,
.history-bookmark p{
  font-weight:bold;
}

.history-browse p img,
.history-search p img,
.history-bookmark p img{
  width:24px;
  vertical-align:-5px;
  margin-right:5px;
}

.history-browse ul li,
.history-search ul li,
.history-bookmark ul li{
  position:relative;
  border-top:1px solid #d3d3d3;
}

.history-browse ul li a,
.history-search ul li a,
.history-bookmark ul li a{
  color:#555;
  text-decoration:none;
}

.history-browse p.note,
.history-search p.note,
.history-bookmark p.note{
  font-weight:normal;
}

.question-state{
  display:none;
}

#manual-home .history-browse p.note,
#manual-home .history-search p.note,
#manual-home .history-bookmark p.note{
  font-weight:normal;
}

@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,
  .history-bookmark{
    width:calc(33.3333333333% - 20px);
  }
  .history-browse p,
  .history-search p,
  .history-bookmark p{
    font-size:1.6rem;
    padding:10px 0;
    letter-spacing:1px;
  }
  .history-browse ul li,
  .history-search ul li,
  .history-bookmark ul li{
    font-size:1.4rem;
    padding:6px 10px;
  }
  .history-browse ul li::before,
  .history-search ul li::before,
  .history-bookmark ul li::before{
    right:15px;
  }
  #manual-main .history-browse{
    width:100%;
  }
}
@media (max-width: 768px){
  #manual-common-addinfo{
    margin:0 20px 70px;
  }
  .history-browse,
  .history-search{
    width:100%;
    margin-bottom:50px;
  }
  .history-browse p,
  .history-search p,
  .history-bookmark p{
    font-size:1.6rem;
    padding:20px 0;
  }
  .history-browse p img,
  .history-search p img,
  .history-bookmark p img{
    width:18px;
    vertical-align:-2px;
  }
  .history-browse ul li,
  .history-search ul li,
  .history-bookmark ul li{
    font-size:1.4rem;
    padding:6px 20px 6px 10px;
  }
  .history-search p.note{
    padding:0 0 10px;
  }
}
#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:33.3333333333%;
  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;
  }
  #manual-home #manual-footer{
    position:fixed;
    width:100%;
    right:0;
    left:0;
    bottom:0;
    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;
  }
}
#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;
  }
}
#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;
  }
}
.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;
}
#page-top{
  display:none;
}
#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% - 61px);
  }
}
#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;
}
#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:33.3333333333%;
  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 0;
}

#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;
  padding-left:8px;
}

#manual-nav-global-other > ul:last-of-type > li:not(:last-child){
  margin-bottom:10px;
}
#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;
}
#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{
  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;
}
#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:940px;
    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;
  }
}
.manual-button-design-01{
  background-color:#fff;
  border:1px solid #ddd;
  border-radius:3px;
  box-shadow:0px 1px 0px 0px #999;
}
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;
}
span.highlight{
  background-color:#faff33;
}
#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 .navtitle{
  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;
  }
  _:-ms-lang(x)::backdrop, #manual-common-breadcrumb ul ul{
    width:400px;
  }
  _:-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;
  }
}
#manual-top{
  width:100vw;
  height:100vh;
}

#manual-top .terms-box{
  padding:2rem 0;
  margin:0 auto;
  transform:translateY(20vh);
  -ms-transform:translateY(20vh);
}

#manual-top .terms-headline{
  font-size:1.5rem;
  font-weight:bold;
  margin-bottom:1rem;
  text-align:center;
}

#manual-top .terms-text{
  padding-bottom:1rem;
  text-align:left;
}

#manual-top .terms-text .terms-term{
  padding-left:0;
}

#manual-top .terms-text .terms-term li{
  list-style:none;
  padding-left:1rem;
  text-indent:-1rem;
  font-size:1.1rem;
}

#manual-top .terms-text .terms-term li:last-child{
  margin-bottom:1rem;
}

#manual-top .terms-term li::before{
  content:"■";
}

#manual-top .terms-btn-wrapper{
  font-size:0;
}

#manual-top .terms-btn{
  display:inline-block;
  height:48px;
  padding:0;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  border:0;
  border-radius:2px;
  -webkit-box-shadow:1px 1px 1px rgba(4, 0, 0, 0.24);
  -moz-box-shadow:1px 1px 1px rgba(4, 0, 0, 0.24);
  box-shadow:1px 1px 1px rgba(4, 0, 0, 0.24);
  cursor:pointer;
}

#manual-top .terms-btn-primary{
  position:relative;
  width:calc(60% - 7px);
  margin-left:7px;
  background-color:#FB0D19;
  color:#fff;
  text-align:right;
  padding-right:60px;
}

#manual-top .terms-btn-primary:hover{
  background-color:#fff;
  color:#FB0D19;
}

#manual-top .terms-btn-primary::before{
  content:"";
  position:absolute;
  top:18px;
  bottom:19px;
  right:0;
  width:30px;
  border-left:1px dotted #fff;
  background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAQAAAD4iURRAAAAUUlEQVQY02P4f+H/mf8p/7kYsIH/EPDuf+9/FVySIPD3/7b/3v+ZsEtCwN3/Jf+FcUmCwLf/c/8b4ZKEgG1kSOI0FoeDcHoFRyBc+n8WV/ABANxw0lRFvm6GAAAAAElFTkSuQmCC") no-repeat center center;
  -webkit-background-size:7px auto;
  -moz-background-size:7px auto;
  -o-background-size:7px auto;
  background-size:7px auto;
}

#manual-top .terms-btn-primary:hover::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  border:1px solid #FB0D19;
  border-radius:2px;
}

#manual-top .terms-btn-secondary{
  position:relative;
  width:40%;
  color:#FB0D19;
  background-color:#ededed;
  text-align:left;
  padding-left:60px;
}

#manual-top .terms-btn-secondary::before{
  content:"";
  position:absolute;
  top:18px;
  bottom:19px;
  left:0;
  width:30px;
  border-right:1px dotted #ed1621;
  background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAXklEQVR4AWP4z8BALOYC4hQgPgPEF4jRoALEvUD8Doj/wzAuxUxA7A3E24D4L0wxPo3CQFwCxHeRFeHTaATEc4H4G0KSsMZt6IKUa6TcqZQHDuXRQXYCICfJnQXiSwBuBggtEw2+AwAAAABJRU5ErkJggg==") no-repeat center center;
  -webkit-background-size:7px auto;
  -moz-background-size:7px auto;
  -o-background-size:7px auto;
  background-size:7px auto;
}

body > div#manual-top{
  position:fixed;
  top:0;
  left:0;
  height:100vh;
  width:100vw;
  overflow:hidden;
  background-color:#fff;
  z-index:9999;
}

body#dark > div#manual-top{
  background-color:#292828;
  color:#666;
}
#manual-top{
  background-color:#000;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}

#manual-top .terms-box{
  max-width:1120px;
  background-color:#fff;
  padding:60px;
  transform:translateY(0);
  -ms-transform:translateY(0);
  overflow-y:auto;
  height:auto;
  max-height:100%;
}

#manual-top .terms-headline{
  font-size:3.2rem;
  margin-bottom:30px;
  text-align:left;
  color:#404A53;
}

#manual-top .terms-text{
  padding-bottom:0;
  margin-bottom:35px;
}

#manual-top .terms-text .terms-term{
  font-weight:400;
}

#manual-top .terms-text .terms-term li{
  font-size:2rem;
  line-height:1.7;
  padding-left:15px;
  text-indent:-15px;
  text-align:left;
  color:#424C55;
  margin-bottom:4px;
}

#manual-top .terms-text .terms-term li:last-child{
  margin-bottom:0;
}

#manual-top .terms-text .terms-term li::before{
  content:"";
  width:8px;
  height:8px;
  background-color:#424C55;
  display:inline-block;
  margin-right:6px;
  vertical-align:calc(0.5em - 6px);
}

#manual-top .terms-btn{
  font-size:2.8rem;
  height:70px;
}

#manual-top .terms-btn-secondary{
  background-color:#ededed;
  color:#FB0D19;
}

#manual-top .terms-btn-primary{
  width:calc(60% - 30px);
  margin-left:30px;
  margin-left:30px;
  margin-right:auto;
  color:#fff;
  background-color:#FB0D19;
  border-color:#FB0D19;
}

#manual-top .terms-btn-secondary:before,
#manual-top .terms-btn-primary:before{
  content:"";
  background-size:14px auto;
  height:26px;
  top:0;
  bottom:0;
  margin-top:auto;
  margin-bottom:auto;
  border-left-color:#fff;
}

#manual-top .terms-btn-primary:hover{
  color:#FB0D19;
}

#manual-top .terms-btn-secondary:hover{
  background-position:left bottom;
}

#manual-top .terms-btn-secondary:hover:after{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:1px;
  background:#FB0D19;
}

#manual-top .terms-btn-primary:hover:before{
  border-left:1px dotted #FB0D19;
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAWklEQVR4AWP4z8BwAYjPAHEyEHMBMQNhDCH+I+F3QNwNxMqkaUTgv0C8FYg9gZgJp0YC+DYQFwGxIGkaEfgrEM8CYgO4RjLwGnpoRDiV0sAhHB1UTwCXyElyAPAzB/LTWvF7AAAAAElFTkSuQmCC);
}

@media (max-width: 1120px){
  #manual-top{
    position:fixed;
    top:0;
    left:0;
    height:100vh;
    width:100vw;
    overflow:hidden;
    background-color:#fff;
    z-index:9999;
  }
  #manual-top .terms-box{
    transform:translateY(0);
    padding:40px 15px 120px;
  }
  #manual-top .terms-headline{
    font-size:2.4rem;
    line-height:1.4;
    text-align:center;
  }
  #manual-top .terms-text{
    padding-left:15px;
    padding-right:15px;
  }
  #manual-top .terms-text .terms-term li{
    font-size:1.4rem;
    font-weight:500;
    margin-bottom:8px;
  }
  #manual-top .terms-btn-wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
  }
  #manual-top .terms-btn-primary{
    width:calc(50% - 8px);
    margin-left:0;
    margin-right:0;
  }
  #manual-top .terms-btn-secondary{
    width:calc(50% - 8px);
  }
}
@media (max-width: 1120px){
  #manual-top .terms-btn{
    font-size:1.8rem;
    height:50px;
  }
  #manual-top .terms-btn-secondary{
    padding-left:40px;
  }
  #manual-top .terms-btn-primary{
    padding-right:40px;
  }
  #manual-top .terms-btn-secondary:before,
  #manual-top .terms-btn-primary:before{
    background-size:8px auto;
    height:18px;
  }
}
#customAlert{
  position:fixed;
  z-index:9999;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background-color:rgba(0, 0, 0, 0.5);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}

#customAlert .modal-content{
  background-color:#fff;
  width:60%;
  max-width:800px;
  height:auto;
  margin:auto;
  bottom:auto;
  position:absolute;
  left:0;
  right:0;
  text-align:center;
  color:var(--light-c-07);
  padding:30px 20px;
  line-height:1.4;
  overflow-y:auto;
  height:auto;
  max-height:calc(100% - 100px);
}

#customAlert .modal-content .modal-title{
  font-size:3.2rem;
  font-weight:700;
  margin-bottom:30px;
  color:#404A53;
}

#customAlert .modal-content p{
  font-size:2rem;
  font-weight:500;
}

#customAlert .modal-content .close-btn{
  font-size:2.8rem;
  cursor:pointer;
  margin-top:20px;
  padding:0 76px;
  border:none;
  background-color:#000;
  color:var(--light-c-02);
  border-radius:35px;
  height:70px;
  line-height:70px;
  position:relative;
}

#customAlert .modal-content .close-btn{
  background-color:#FB0D19;
  border-radius:0;
}

@media (max-width: 1120px){
  #customAlert .modal-content{
    width:calc(100% - 40px);
  }
  #customAlert .modal-content .modal-title{
    font-size:2.2rem;
    margin-bottom:20px;
  }
  #customAlert .modal-content p{
    font-size:1.8rem;
    line-height:1.7;
    text-align:left;
  }
  #customAlert .modal-content .close-btn{
    font-size:1.8rem;
    padding:0 47px;
    height:50px;
    line-height:50px;
  }
}
#loading{
  background-color:rgba(255, 255, 255, 0);
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index:999;
}
.tjp-progress-circular{
  position:absolute;
  width:40px;
  height:40px;
  border-radius:50%;
  overflow:hidden;
  left:0;
  right:0;
  top:0;
  bottom:0;
  margin:auto;
}

.tjp-progress-circular::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border-radius:50%;
  border:2px solid hsla(0, 0%, 85%, 0.8);
}

.tjp-progress-circular__panel{
  position:absolute;
  top:0;
  width:50%;
  height:100%;
  overflow:hidden;
}

.tjp-progress-circular__panel:first-child{
  left:50%;
}

.tjp-progress-circular__panel:nth-child(2){
  left:0;
}

.tjp-progress-circular__panel-inner{
  height:100%;
  left:0;
  overflow:hidden;
  position:absolute;
  top:0;
  width:100%;
}

.tjp-progress-circular__panel:first-child .tjp-progress-circular__panel-inner{
  animation:tjp-animation-spinner-leftside 0.9s linear infinite;
  transform-origin:left center;
}

.tjp-progress-circular__panel:nth-child(2) .tjp-progress-circular__panel-inner{
  animation:tjp-animation-spinner-rightside 0.9s linear infinite;
  transform-origin:right center;
}

.tjp-progress-circular__panel-inner-item{
  border:2px solid #000;
  border-radius:50%;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  height:100%;
  position:absolute;
  top:0;
  -webkit-transform-origin:center;
  transform-origin:center;
  width:200%;
}

.tjp-progress-circular__panel:first-child .tjp-progress-circular__panel-inner-item{
  left:-100%;
}

@-webkit-keyframes tjp-animation-spinner-leftside{
  0%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  25%, 50%{
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
  }
  75%, to{
    -webkit-transform:rotate(1turn);
    transform:rotate(1turn);
  }
}
@keyframes tjp-animation-spinner-leftside{
  0%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  25%, 50%{
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
  }
  75%, to{
    -webkit-transform:rotate(1turn);
    transform:rotate(1turn);
  }
}
@-webkit-keyframes tjp-animation-spinner-rightside{
  0%, 25%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  50%, 75%{
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
  }
  to{
    -webkit-transform:rotate(1turn);
    transform:rotate(1turn);
  }
}
@keyframes tjp-animation-spinner-rightside{
  0%, 25%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  50%, 75%{
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
  }
  to{
    -webkit-transform:rotate(1turn);
    transform:rotate(1turn);
  }
}