body {
  background: url("/registration/assets/img/individual/bg_sp.jpg") no-repeat top center/contain, #496da6;
}

body.is-conf_comp {
  background: #f6f6f6;
}
.individual-wrap {
  margin: 45.7vw auto 0;
  background: #fcfcfc;
  border-radius: 8px 8px 0 0;
}

.individual-wrap.is-conf_comp {
  margin-top: 0;
  border-radius: 0;
  box-shadow: 6px 5px 12px rgba(0,0,0,0.12), -6px 5px 12px rgba(0,0,0,0.12);
}

.individual-box-01 {
  margin: 0;
}

.individual-box-01__header {
  text-align: center;
}

.individual-box-01__header img {
  width: 91%;
}

.individual-box-01__lyt {
  display: flex;
  justify-content: space-between;
  margin: 15px -3vw 0;
}

.individual-box-01__lyt .tile-01, .individual-box-01__lyt .tile-02 {
  width: 49.72%;
  text-align: center;
}

.individual-box-01__lyt .icon-01, .individual-box-01__lyt .icon-02 {
  display: block;
  margin: 0 auto;
}

.individual-box-01__lyt .txt-container {
  border-bottom: 1px solid #ff2441;
}

.individual-box-01__lyt .txt-container .txt-01, .individual-box-01__lyt .txt-container .txt-02 {
  display: block;
  padding: 0;
  width: 96%;
  margin: 0 auto 9px;
}

.individual-box-01__lyt .tile-01 {
  padding: 46px 0;
  background: linear-gradient(to left, #e3e9f3 80%, #fcfcfc);
}

.individual-box-01__lyt .tile-01 a {
  max-width: 130px;
}

.individual-box-01__lyt .tile-01 .icon-01 {
  max-width: 130px;
}

.individual-box-01__lyt .tile-01 .txt-container {
  width: 80%;
  margin: 20px auto 0;
}

.individual-box-01__lyt .tile-01 .txt-container .txt-01 {
  margin-top: 4px;
}

.individual-box-01__lyt .tile-02 {
  padding: 41px 0;
  background: linear-gradient(to right, #e3e9f3 76%, #fcfcfc);
}

.individual-box-01__lyt .tile-02 a {
  max-width: 130px;
}

.individual-box-01__lyt .tile-02 .icon-02 {
  max-width: 130px;
}

.individual-box-01__lyt .tile-02 .txt-container {
  width: 46%;
  margin: 15px auto 0;
}

.individual-box-01__btn-01 {
  text-align: center;
  margin: 30px 0 0;
}

.individual-box-01__btn-01.outside {
  text-align: center;
  margin: 31px 0;
}

.individual-box-01__btn-02 {
  text-align: center;
  margin: 22px 0 0;
}

.individual-box-02 {
  margin: 20px auto 0;
}

@media screen and (min-width: 768px) {
  body {
    background: url("/registration/assets/img/individual/bg_pc.jpg") no-repeat top center/contain, #496da6;
  }
  .individual-wrap {
    margin: 400px auto 0;
    max-width: 1080px;
    border-radius: 16px 16px 0 0;
  }
  .individual-box-01__header {
    margin: 20px 0 0;
  }
  .individual-box-01__header img {
    max-width: 480px;
  }
  .individual-box-01__lyt {
    max-width: 1000px;
    margin: 23px auto 0;
  }
  .individual-box-01__lyt .tile-01, .individual-box-01__lyt .tile-02 {
    max-width: 500px;
    width: 49.9%;
  }
  .individual-box-01__lyt .icon-01, .individual-box-01__lyt .icon-02 {
    margin: 0 11px 0 0;
  }
  .individual-box-01__lyt .txt-container {
    border-bottom: 2px solid #ff2441;
    padding: 0 2px;
  }
  .individual-box-01__lyt .txt-container .txt-01, .individual-box-01__lyt .txt-container .txt-02 {
    width: unset;
  }
  .individual-box-01__lyt .tile-01 a {
    text-align: center;
    max-width: 220px;
  }
  .individual-box-01__lyt .tile-01 .icon-01 {
    margin: 0 auto;
    max-width: 220px;
  }
  .individual-box-01__lyt .tile-01 .txt-container {
    margin: 0;
    max-width: 150px;
  }
  .individual-box-01__lyt .tile-02 a {
  max-width: 220px;
  }
  .individual-box-01__lyt .tile-02 .icon-02 {
    max-width: 220px;
    margin: 0 auto;
  }
  .individual-box-01__lyt .tile-02 .txt-container {
    width: auto;
    max-width: 85px;
    margin-top: 23px;
  }
  .individual-box-01__lyt .tile-02 .txt-container .txt-02 {
    margin-top: -19px;
  }
  .individual-box-01__btn-01 {
    margin: 80px 0 0;
  }
  .individual-box-01__btn-01.outside {
    margin: 56px 0;
  }
  .individual-box-01__btn-02 {
    margin: 56px 0 0;
  }
  .individual-box-02 {
    margin: 80px auto 0;
  }
}