@charset "shift_jis";
/* Updated 2024/04/02.T */
/* ----------------------------------
showbtn-wrap01
---------------------------------- */
.showbtn-wrap01{
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 98px;
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.95) 100%);
}
.showbtn-wrap01>button{
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 172px;
  height: 42px;
  border-radius: 40px;
  background: #fff;
  font-weight: bold;
  color: #004831;
  font-size: 1.6rem;
  box-shadow: 0 6px 8px rgba(20,29,29,0.08),0 0 4px rgba(20,29,29,0.05);
}
.showbtn-wrap01>button>.inr{
  position: relative;
  padding-right: 30px;
}
.showbtn-wrap01>button>.inr::after{
  display: block;
  content: '';
  position: absolute;
  right: 0;
  top: calc(50% - 12px);
  width: 24px;
  height: 24px;
  background: url(/kojin/direct/manual/toushin_nisa_shinki/imgs/index_ico_01.svg) no-repeat 0 0 / 100%;
}
.fn-overflow01.show .showbtn-wrap01{
  display: none;
}
/* ----------------------------------
.fn-slicknumber
---------------------------------- */
.fn-slicknumber .mnl-slide01_frame01{
  height: 100%;
  padding-bottom: 56px;
}
.fn-slicknumber .addNum{
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 1.6rem;
}
/* ----------------------------------
.js-manual-note
---------------------------------- */
.js-manual-note>ul>li{
  text-indent: -1em;
  padding-left: 1em;
}
.js-manual-note>ul>li:not(:first-child){
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  /* ----------------------------------
  fn-overflow01
  ---------------------------------- */
  .fn-overflow01 {
    position: relative;
    max-height: 492px;
    overflow: hidden;
  }
  .fn-overflow01 .mnl-step-block01:not(:first-child){
    opacity: 0;
    transition: opacity 0.3s 0s ease-out;
  }
  .fn-overflow01.show{
    overflow: visible;
    max-height: none;
  }
  .fn-overflow01.show .mnl-step-block01:not(:first-child){
    opacity: 1;
  }
  /* ----------------------------------
  card-box03
  ---------------------------------- */
  .card-box03>.inner>.body {
    width: 860px;
  }
}
@media screen and (max-width: 767px) {
  /* ----------------------------------
  showbtn-wrap01
  ---------------------------------- */
  .showbtn-wrap01{
    display: none;
  }
}
@media print{
  .print-row01 .mnl-step-block02_img01{
    width: 170px;
  }
  .print-row01 .title-heading02>.title>.inner {
    font-size: 2.0rem;
  }
}