.s_access {
  padding: 200px 0 115px;
}
.s_access .s_ttl {
  color: #b5b6b6;
  font-family: DNPShueiMGoStd-B, sans-serif;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  font-size: 1.6rem;
  letter-spacing: 0.2em;
}
.s_access .s_ttl::before {
  content: "";
  display: block;
  width: 315px;
  height: 110px;
  background: url("../img/access_ttl1.png") no-repeat center top/315px;
  margin: 0 auto 37px;
}
.s_access .s_lead {
  margin: 165px auto 0;
  border: 2px solid rgba(247, 187, 158, 0.8);
  background: #fff;
  width: 590px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 50px 0 40px;
  display: inline-block;
  vertical-align: top;
  -webkit-box-shadow: 5px 5px 0 0 rgba(247, 187, 158, 0.3);
  box-shadow: 5px 5px 0 0 rgba(247, 187, 158, 0.3);
  position: relative;
}
.s_access .s_lead::before {
  content: "";
  display: block;
  width: 220px;
  height: 113px;
  background: url("../img/guide_bg1.png") no-repeat center top/215px 113px;
  position: absolute;
  top: -113px;
  left: 50%;
  margin-left: -110px;
}
.s_access .s_lead .ttl {
  font-family: DNPShueiMGoStd-B, sans-serif;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  font-size: 2rem;
  line-height: 1.75;
}
.s_access .s_lead .ttl::before {
  content: "";
  display: block;
  margin: 0 auto 30px;
  width: 100%;
  height: 13px;
  background: url("../img/access_ttl2.png") no-repeat center top/contain;
}
.s_access .s_lead .info {
  margin-top: 35px;
  font-size: 1.4rem;
  line-height: 1.71;
}
.s_access .s_lead .access {
  margin-top: 10px;
  font-size: 1.2rem;
  line-height: 1.67;
}
.s_access .step_list {
  width: 760px;
  margin: 95px auto 0;
}
.s_access .step_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  background: rgba(247, 187, 158, 0.1);
}
.s_access .step_list li + li {
  margin-top: 64px;
}
.s_access .step_list li + li::before {
  content: "";
  display: block;
  position: absolute;
  left: calc(50% - 8px);
  top: -44px;
  width: 16px;
  height: 26px;
  background: url("../img/arr_pi.svg") no-repeat center center/contain;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.s_access .step_list p {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: left;
  padding: 25px 28px;
  font-size: 1.4rem;
  line-height: 1.93;
}

@media screen and (max-width: 600px) {
  .s_access {
    padding: 54px 0 50px;
  }
  .s_access .s_ttl {
    font-size: 1.1rem;
  }
  .s_access .s_ttl::before {
    width: 223px;
    height: 78px;
    background: url("../img/access_ttl1.png") no-repeat center top/223px;
    margin: 0 auto 24px;
  }
  .s_access .s_lead {
    width: 86.7%;
    height: auto;
    padding: 40px 0;
    margin: 125px auto 0;
  }
  .s_access .s_lead::before {
    width: 160px;
    height: 83px;
    background: url("../img/guide_bg1.png") no-repeat center top/158px 83px;
    top: -83px;
    margin-left: -80px;
  }
  .s_access .s_lead .ttl {
    font-size: 1.8rem;
  }
  .s_access .s_lead .ttl::before {
    margin: 0 auto 25px;
  }
  .s_access .s_lead .info {
    margin-top: 12px;
    font-size: 1.2rem;
    line-height: 1.67;
  }
  .s_access .s_lead .access {
    margin-top: 10px;
    font-size: 1.1rem;
  }
  .s_access .step_list {
    width: 80%;
    margin: 45px auto 0;
  }
  .s_access .step_list li {
    display: block;
  }
  .s_access .step_list li + li {
    margin-top: 40px;
  }
  .s_access .step_list li + li::before {
    left: calc(50% - 6px);
    top: -30px;
    width: 12px;
    height: 20px;
  }
  .s_access .step_list img {
    width: 100%;
    height: auto;
  }
  .s_access .step_list p {
    padding: 15px 20px;
  }
}