/* Add 2026.3.4 */
@media print, screen and (min-width: 768px) {
 .lead--center{
   font-size:2.4rem;
 }
}
@media print, screen and (max-width: 767.98px) {
 .lead--center{
   font-size:1.8rem;
 }
}

/* ----------------------------- */
/* 2025.12.16 Add  */
/* 2026.2.4 Mod  */

@media print, screen and (min-width: 1024px) {
.c-step_box {
  width:100%; /*80%*/
  padding: 30px 40px;
  }
}

.c-step__dt {
  padding: 0px 0px;  /*18px 14px;*/
  background-color:#fff;
  /*background-color: #0a41a6;*/  /*タイトル部分　背景色変更*/
  border:solid 1px #333;
}

@media print, screen and (min-width: 1024px) {
  .c-step__dt {
    padding: 0px 0px; /*24px 20px;*/
  }
}

.c-step__dtNum, .c-step__dtTitle {
  display: inline-block;
}

.c-step__dtNum {
  color: #fff; /*#0a41a6*/
  font-size: 2.2rem; /*1.6 */
  /* letter-spacing: 2px; */
  font-family: Helvetica Neue,Helvetica;
  background-color: #0a41a6;
  padding: 15px 10px;
  font-weight:700; /*追加*/
}

@media print, screen and (min-width: 1024px) {
  .c-step__dtNum {
    font-size: 3.0rem;  /*font-size: 2.2rem;*/
    font-weight: 700;  /* 追加 */
    padding: 15px;
  }
}

.c-step__dtTitle {
  color: #000; /*#000*/
  font-size: 1.8rem; /*1.6 */
  font-weight: bold;
  background-color: #fff;
}

@media print, screen and (min-width: 1024px) {
  .c-step__dtTitle {
    font-size: 2.2rem;
  }
}

/* .c-step__dtNum + .c-step__dtTitle { */
  .c-step__dtTitle {
  margin-left: 10px;
}

@media print, screen and (min-width: 1024px) {
  /* .c-step__dtNum + .c-step__dtTitle { */
    .c-step__dtTitle {
    margin-left: 15px;
  }
}

.c-step__dd {
  margin-bottom: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  position: relative;
  /*background-color:#c9e2ff;*/ /*背景色追加*/
  margin-left:0px; /*位置調整*/
}

.c-step__txt {
  margin-bottom: 20px;
  font-size: 1.4rem;
  line-height: 1.6;
  padding: 0 10px;  /*2025.12.22 追加*/
}

@media print, screen and (min-width: 1024px) {
  .c-step__txt {
    font-size: 1.6rem;  /* 1.5rem  2025.12.22 変更*/
  }
}

.c-step__space {
  padding-left: 50px;
}

@media print, screen and (min-width: 1024px) {
  .c-step__space {
    padding-left: 105px; /*145px*/
  }
}

.c-step__space2 {
  padding-left: 14px;
}

@media print, screen and (min-width: 1024px) {
  .c-step__space2 {
    padding-left: 20px;
  }
}

.c-step__arrow {
  position: relative;
  /* background-color: #fff; */
}

.c-step__arrow:before {
  position: absolute;
  content: '';
  top: 0;
  left: 40px;  /* 34*/
  width: 12px;  /*6*/
  height: 100%;
  background:  #ccc; /*#abccfc;*/
}

@media print, screen and (min-width: 1024px) {
  .c-step__arrow:before {
    left: 51px; /*55*/
  }
}

.c-step__arrow:after {
  content: '';
  width: 0;
  height: 0;
  border-top: 30px solid #ccc; /*#abccfc;*/ /*矢印の高さ  */
  border-right: 15px solid transparent;  /*矢印の右側  */
  border-left: 15px solid transparent;   /*矢印の左側  */
  /* border-top: 30px solid #abccfc;
  border-right: 11px solid transparent;
  border-left: 11px solid transparent; */
  position: absolute;
  left: 31px; /*22*/
  /* bottom: 0; */
  /* background-color: #fff; */
}

@media print, screen and (min-width: 1024px) {
  .c-step__arrow:after {
    left: 42px; /*43*/
  }
}

.c-step__title {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 8px;
  display: inline-block;
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
  min-width: 116px;
  background-color: #5686de;
}

@media print, screen and (min-width: 1024px) {
  .c-step__title {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 15px;
    font-size: 2.2rem;
    min-width: 255px;
  color: #fff;
  }
}

.c-step__image {
  margin-left: 0;
  margin-right: auto;
  max-width: 100%;
  width: auto;
}

@media print, screen and (min-width: 1024px) {
  .c-step__image {
    margin-left: auto;
    margin-right: 0;
  }
}
/* -------------------------------------------------------------- */