@charset "shift_jis";
/* Updated 2024/09/04,T */
/* Updated 2021/09/17,T */
html {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
body {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.title-background01>.inner>.body::before {
  background: url("/kojin/tenpo/seminar/imgs/index_bg_01_pc.png");
}
.content-block01.contArea02 {
  margin-top: 112px;
}
.contArea02 .stepBlk {
  display: flex;
  justify-content: space-between;
}
.contArea02 .stepBlk [class*="stepBox0"] {
  max-width: 384px;
  width: 100%;
  padding: 18px 0 16px;
  text-align: center;
  border: 1px solid #D5DEDB;
}
.contArea02 .stepBlk [class*="stepBox0"]:not(:first-child) {
  margin-left: 2%;
}
.contArea02 .stepBlk [class*="stepBox0"] .txt01 .txtDeco02 {
  padding: 4px 27px;
  font-size: 16px;
  color: #004831;
  font-weight: bold;
  background: #C5D800;
  border-radius: 50px;
}
.contArea02 .stepBlk [class*="stepBox0"] .img {
  margin-top: 15px;
}
.contArea02 .stepBlk [class*="stepBox0"] .txt02 {
  margin-top: 12px;
  font-weight: bold;
}
.content-block01 .contArea02 {
  padding: 0;
}
.card-section01>.inner>.body:not(:first-child) {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .title-background01>.inner>.body::before {
    background: url("/kojin/tenpo/seminar/imgs/index_bg_01_sp.png");
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center top;
  }
  .content-block01.contArea02 {
    margin-top: 93px;
  }
  .contArea02 .stepBlk {
    display: block;
  }
  .contArea02 .stepBlk [class*="stepBox0"] {
    margin: 0 auto;
  }
  .contArea02 .stepBlk [class*="stepBox0"]:not(:first-child) {
    margin: 22px auto 0;
  }
  .contArea02 .stepBlk [class*="stepBox0"] .txt01 .txtDeco02 {
    padding: 4px 27px;
    font-size: 16px;
    color: #004831;
    font-weight: bold;
    background: #C5D800;
    border-radius: 50px;
  }
  .contArea02 .stepBlk [class*="stepBox0"] .img {
    margin-top: 16px;
  }
  .contArea02 .stepBlk [class*="stepBox0"] .txt02 {
    margin-top: 12px;
    font-weight: bold;
  }
  .list-scroll01 {
    padding-right: 0 !important;
  }
  .list-scroll01>.list {
    padding-right: 4.8vw;
  }
  .label-mark01 {
    line-height: 1.5;
  }
  .card-section01.-gray01.content-block01 {
    width: calc(106% + 4.8vw);
    margin-left: -5.5%;
    box-sizing: border-box;
  }
  .card-section01.-gray01>.inner {
    padding: 25px 0 32px;
  }
}