@charset "utf-8";
.contents {
  padding: 80px 0;
}
.contents .textarea p {
  font-size: 16px;
  line-height: 1.8em;
}
.contents h3 {
  position: relative;
  font-size: 30px;
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho",
    "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E",
    "MS P明朝", "MS PMincho", serif;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .contents h3 {
    font-size: 24px;
  }
}

.contents-inner {
  position: relative;
}
.step-box {
  position: absolute;
  left: 0;
  top: -6px;
}
.step-box p {
  color: #36ab89;
  font-size: 36px;
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho",
    "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E",
    "MS P明朝", "MS PMincho", serif;
}
.step-box p span {
  color: #fff;
  font-size: 16px;
  line-height: 1.8em;
  background-color: #36ab89;
  display: inline-block;
  padding: 5px 10px 3px;
  margin-right: 5px;
  margin-bottom: 5px;
  vertical-align: text-bottom;
}
.step-box .iconarea {
  color: #36ab89;
  position: absolute;
  left: 5px;
}
.step-box .iconarea i {
  display: block;
  text-align: center;
}
.step-box .iconarea .fa-circle {
  font-size: 10px;
  margin-top: 5px;
}
.step-box .iconarea .fontello-1-arrow1-w2-down {
  font-size: 50px;
  line-height: 1em;
}
.contents-inner .textarea {
  padding-left: 100px;
}

.contents02 {
  background-image: url("../../images/flow/contents01-bg.jpg");
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.contents04 {
  background-image: url("../../images/flow/contents03-bg.jpg");
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.contents06 {
  background-image: url("../../images/flow/contents05-bg.jpg");
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.contents08 {
  background-image: url("../../images/flow/contents07-bg.jpg");
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.contents08 .step-box p,
.contents08 .textarea h3 {
  color: #ff7f35;
}
.contents08 .step-box p span {
  background-color: #ff7f35;
}

@media (max-width: 767px) {
  .step-box {
    position: inherit;
    left: inherit;
    top: inherit;
  }
  .contents-inner .textarea {
    padding-left: inherit;
  }
  .step-box .iconarea {
    display: none;
  }
  .contents h3 {
    margin-bottom: 20px;
  }
}

/* ------------------------------
20250404 追記
------------------------------ */
.t-underline {
  text-decoration: underline;
}