@charset "UTF-8";

h1 {
  text-align: center;
  justify-content: center;
}

.bg--white {
  background-color: #ffffff;
}

.bg--blue {
  background-color: #e6f1fa;
}

.cobalt-txt {
  color: #00417E;
}

.merit-link {
  height: 27px;
  position: relative;
  top: 10px;
}

@media (max-width: 1019px) {
  .merit-img {
    width: 100%;
  }

  .merit-link {
    padding: 20px 0;
    height: 40px;
  }

}

.document-white {
  max-width: 220px;
}

.document-no-plus img {
  max-width: 200px;
  width: auto;
}

.document-plus img {
  max-width: 300px;
  width: auto;
}

.document-plus::before {
  position: absolute;
  top: 50%;
  left: -40px;
  height: 26px;
  width: 26px;
  content: "";
  display: block;
  background: url(/account/u18/imgs/ico_plus.svg) 0 0 no-repeat;
}

.document-box-pc {
  margin: 0 auto;
  width: 100%;
  display: flex;
  justify-content: space-between;
  max-width: 920px;
}

.document-white2 {
  position: relative;
}

@media (max-width: 1199px) and (min-width: 1020px){

  .document-no-plus img {
    width: 80%;
  }

  .document-plus img {
    width: 80%;
    position: relative;
    left: 10%;
    right: 0;
  }

  .document-plus::before {
    left: -4%;
  }


  .personal-flow-small {
    width: 48%;
  }

  .personal-flow-small_2 {
    width: 48%;
  }

}



@media (max-width: 1019px) {
  .document-white-sp {
    text-align: center;
  }

  .document-img-sp {
    margin-top: 20px;
    width: 80%;
  }
}

.document-flow{
  height: auto;
}

.document-flow-inner{
  margin: 0 100px;
  padding: 20px 0 10px;
}

.flow-year {
  position: relative;
  top: 30px;
}

.document-flow-white {
  height: 112px;
}

.document-flow-white img {
  position: relative;
  top: 34px;
}

.document-flow-white-2 {
  max-width: 450px;
  padding-left: 0;
  padding-right: 0;
  height: 96px;
  background-color: #ffffff;
}

.document-flow-white-2-head {
  max-width: 450px;
  position: relative;
  left: -10px;
  background-color: #ffffff;
}

.under_13 {
  height: 83px !important;
}

.over_13 {
  height: 63px !important;
  padding: 0 !important;
  font-size: 14px;
}

.document-result {
  margin-bottom: 0 !important;
}

.document-flow-small-box {
  top: 6px;
}

.document-flow-small {
  height: 80px;
}

.document-flow-small .column__sm--06 {
  height: 40px;
}

.document-flow-small img {
  position: relative;
  top: 6px;
}


.personal-flow-box {
  height: 300px;
  padding: 30px 10%;
  margin: 20px auto 40px;
}

.personal-flow-box .cobalt-txt {
  position: relative;
  top: 30px;
}

.personal-top-box {
  justify-content: space-between;
  height: 110px;
}

.personal-under-box {
  justify-content: space-between;
}

.personal-flow-small {
  width: 48%;
  height: 110px;
}

.personal-flow-small img {
  position: relative;
  top: 28px;
}

.personal-flow-small_2 {
  width: 49%;
  height: 110px;
  padding-top: 0 !important;
  align-content: center;
}

.personal-flow-small_2 p {
  margin-bottom: 0 !important;
}

@media (max-width: 1019px) {
  .document-box-sp {
    height: auto;
    padding: 30px 4%;
  }

  .personal-flow-box {
    height: auto;
    padding: 0 4% 30px;
  }

  .document-box-sp-small {
    height: 100px;
  }

  .document-box-sp-small .cobalt-txt {
    position: relative;
    top: 10px;
  }

  .document-box-sp-small-blue {
    margin-top: 20px;
  }

  .document-box-sp-small-blue:last-child {
    margin-bottom: 0 !important;
  }

  .year-sp img {
    position: relative;
    top: 6px;
  }

  .trader-sp img {
    position: relative;
    top: 11px;
  }

  .personal-under-box {
    margin-bottom: 0 !important;
  }

  .personal-flow-box .cobalt-txt {
    top: 40px;
  }

  .personal-flow-small_2 {
    width: 48%;
  }

  .personal-flow-small img {
    top: 42px;
  }

  .accordion__label-title {
    color: #000000 !important;
  }

  .flow-btn {
    font-size: 13px;
  }
}

@media (max-width: 496px) {
  .document-sp-br {
    display: none;
  }

  .flow-btn {
    padding: 8px 16px;
  }
}

.h3-first::before {
  position: absolute;
  top: 2px;
  left: -54px;
  height: 23px;
  width: 50px;
  content: "";
  display: block;
  background: url(/account/u18/imgs/ico_01.svg) 0 0 no-repeat;
}

.h3-second::before {
  position: absolute;
  top: 2px;
  left: -54px;
  height: 23px;
  width: 50px;
  content: "";
  display: block;
  background: url(/account/u18/imgs/ico_02.svg) 0 0 no-repeat;
}

.h3-first, .h3-second {
  position: relative;
  left: 54px;
}


/*PIP動画*/

@media screen and (max-width: 1019px) {

  .video.pip-video div{
    margin: 0 auto;
    max-height: 360px;
    height: auto !important;
  }

  .video.pip-video div a{
    height: auto;
  }
}