/********************signup*******************************/

.container-signup {
  overflow: hidden;
}

.merit-header01 {
  display: block;
}

.merit-header02 {
  display: none;
}

.top-title-box .moz-title {
  font-size: 2rem;
  text-align: center;
  color: #3B4043;
  font-weight: 700;
  line-height: 1.3;
  margin: 2rem 0 0.666rem;
}

.top-title-box {
  position: absolute;
  top: 75px;
  left: 50%;
  transform: translateX(-50%);
}

.pc-label-posi-re {
  position: relative;
  display: block;
}

.pc-label-posi-re::before {
  position: absolute;
  top: -1.5rem;
  right: -0.3rem;
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url(https://pokewaku.jp/wp-content/themes/blankslate-child/img/pc-label-item-1.png) no-repeat;
  background-size: contain;
}

@media screen and (min-width:1200px) {
  .merit-header01 {
      display: none;
  }

  .merit-header02 {
      display: block;
  }
}

.office-maintitle-2 {
  background-color: #fff;
  border-radius: 50% 50% 0 0;
  display: block;
  padding-bottom: 1rem;
  padding-top: 5rem;
}

.office-maintitle-2 .moz-title {
  font-size: 1.466rem;
  text-align: center;
  color: #3B4043;
  font-weight: 700;
  line-height: 1.3;
  margin: 2rem 0 0.666rem;
}

.title-merit-main-moz-orange {
  color: #FF7600;
  font-weight: 900;
  position: relative;
  line-height: 1.5;
}

.title-merit-main-moz-orange::before {
  position: absolute;
  content: url(/wp-content/themes/blankslate-child/img/pokeko.svg);
  top: -40px;
  left: 40%;
}

@media screen and (min-width:1200px) {
  .office-maintitle-2 .moz-title {
      font-size: 2rem;
  }
}

.merit-header-img {
  height: 300px;
  object-fit: cover;
  width: 100%;
}

.merit-header01 {
  display: block;
}

@media screen and (min-width:1200px) {
  .merit-header01 {
      display: none;
  }

  .office-maintitle-2 {
      border-radius: 40% 40% 0 0;
      padding-bottom: 2.5rem;
      padding-top: 9rem;
      margin-bottom: -9rem;
  }
}

/*--通勤or在宅選択--*/

.sign-tu-zai-wrap {
  display: block;
  position: relative;
  margin: 1rem 0 2rem;
}

.sign-tu-zai-wrap-h2 {
  display: block;
  position: relative;
  background-color: #FFF4E3;
  font-size: 1.22rem;
  font-weight: bold;
  line-height: 1.2;
  height: 40px;
  letter-spacing: .2rem;
  text-align: center;
  margin-bottom: 1rem;
}

.sign-tu-zai-wrap-h2 span {
  display: inline-block;
  position: absolute;
  background-color: #fff;
  padding: 0 1rem;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.sign-tu-zai-wrap-h2 .sign-step01,
.sign-tu-zai-wrap-h2 .sign-step02 {
  width: 220px;
}

.sign-tu-zai-wrap-h2 .sign-step03 {
  width: 290px;
  padding-top: 10px;
  height: 40px;
}

.sign-tu-zai-wrap-h2 span::before {
  content: "";
  display: inline-block;
  position: absolute;
  background-color: #fff;
  padding: 0 1rem;
  width: 60px;
  height: 20px;
  top: -1.6rem;
  left: 55%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.sign-tu-zai-wrap-h2 .sign-step01::before {
  background: url(/assets/images/sign-step1.svg) no-repeat;
  background-size: contain;
}

.sign-tu-zai-wrap-h2 .sign-step02::before {
  background: url(/assets/images/sign-step2.svg) no-repeat;
  background-size: contain;
}

.sign-tu-zai-wrap-h2 .sign-step03::before {
  background: url(/assets/images/sign-step3.svg) no-repeat;
  background-size: contain;
}

.sign-tu-zai-wrap-h2 .sign-step04::before {
  background: url(/assets/images/sign-step4.svg) no-repeat;
  background-size: contain;
}

.sig-bot-box {
  border: 1px solid #D9D9D9;
  border-radius: 10px;
  background-color: #fff;
  display: inline-block;
  position: relative;
}

#tukin-chat:checked+.sig-bot-box-chat,
#pc-btn:checked+.sig-bot-box-pc-pc,
#sp-btn:checked+.sig-bot-box-pc-sp,
#pc-btn:checked+.sig-bot-box-pc-pc-2,
#sp-btn:checked+.sig-bot-box-pc-sp-2 {
  background-color: #F584B7;
}

.sig-bot-box-chat:hover,
.sig-bot-box-pc-pc:hover,
.sig-bot-box-pc-sp:hover,
.sig-bot-box-pc-pc-2:hover,
.sig-bot-box-pc-sp-2:hover {
  background-color: #F584B7;
}

#zaitaku:checked+.sig-bot-boxtu-zai,
#tukin:checked+.sig-bot-boxtu-tu {
  background-color: #FFCA74;
}

.sig-bot-boxtu-zai:hover,
.sig-bot-boxtu-tu:hover {
  background-color: #FFCA74;
}

#tell:checked+.sig-bot-box-tel {
  background-color: #70D990;
}

.sig-bot-box-tel:hover {
  background-color: #70D990;
}

#vchat:checked+.sig-bot-box-vr {
  background-color: #A85DCC;
}

.sig-bot-box-vr:hover {
  background-color: #A85DCC;
}

#tukin-chat:checked~label>.sig-step2-bot-box-p-tucha::before,
#pc-btn:checked~label>.sig-step2-bot-box-p-pc::before,
#sp-btn:checked~label>.sig-step2-bot-box-p-sp::before,
#zaitaku:checked~label>.sig-step2-bot-box-p-zai::before,
#tukin:checked~label>.sig-step2-bot-box-p-tu::before,
#vchat:checked~label>.sig-step2-bot-box-p-vr::before,
#tell:checked~label>.sig-step2-bot-box-p-tel::before {
  content: "";
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  background: url(/assets/images/cheak-sig-2.svg) no-repeat;
  background-size: contain;
}

.sig-step2-bot-box-p-tel,
.sig-step2-bot-box-p-tucha {
  padding-bottom: .4rem;
}

#tukin-chat:checked~label>.sig-step2-bot-box-p-tucha::before,
#vchat:checked~label>.sig-step2-bot-box-p-vr::before,
#tell:checked~label>.sig-step2-bot-box-p-tel::before {
  top: .6rem;
  left: -2.3rem;
}

#pc-btn:checked~label>.sig-step2-bot-box-p-pc::before,
#sp-btn:checked~label>.sig-step2-bot-box-p-sp::before {
  top: .4rem;
  left: -2.3rem;
}

#zaitaku:checked~label>.sig-step2-bot-box-p-zai::before,
#tukin:checked~label>.sig-step2-bot-box-p-tu::before {
  top: .6rem;
  left: -2.3rem;
}

.sig-bot-boxtu-zai,
.sig-bot-boxtu-tu {
  width: 170px;
  height: 70px;
  margin: 2rem .5rem;
}

.sig-bot-flexbox {
  display: flex;
  justify-content: center;
  position: relative;
}

.sig-bot-box>.sig-bot-p-tu,
.sig-bot-box>.sig-bot-p-zai {
  font-size: 1.8rem;
  position: relative;
  text-align: center;
  display: inline-block;
  margin: 0 auto;
  left: 60%;
  top: 30%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  line-height: 1;
  font-weight: bold;
}

.sig-bot-box>.sig-bot-p-tu span,
.sig-bot-box>.sig-bot-p-zai span {
  font-size: .6rem;
  font-weight: 400;
  letter-spacing: -1px;
}

.sig-bot-box>.sig-bot-p-tu::before,
.sig-bot-box>.sig-bot-p-zai::before {
  position: absolute;
  content: "";
  top: -.2rem;
  left: -3rem;
}

.sig-bot-box>.sig-bot-p-tu::before {
  background: url(/assets/images/ilast-train-a-1c.svg) no-repeat;
  background-size: contain;
  width: 2.8rem;
  height: 2.3rem;
}

.sig-bot-box>.sig-bot-p-zai::before {
  background: url(/assets/images/ilast-house-a-1c.svg) no-repeat;
  background-size: contain;
  width: 2.8rem;
  height: 2.3rem;
}

.inp-tu,
.inp-zai {
  display: none;
}

/*step2*/

.sig-step2-h3,
.sig-step2-h3-tel,
.sig-step2-h3-vr {
  color: #1f1f1f;
  font-size: 1.26rem;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px #1f1f1f dashed;
  padding: 1rem 0 .66rem;
  position: relative;
}

.sig-step2-h3::before,
.sig-step2-h3-tel::before,
.sig-step2-h3-vr::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 5rem;
  height: 2rem;
  left: 39%;
  top: -.33rem;
}

.sig-step2-flexbox {
  display: flex;
  align-items: center;
  padding: .66rem 0 0;
  justify-content: space-evenly;
}

.sig-step2-flexbox-p,
.sig-step2-flexbox-span {
  display: block;
  text-align: left;
}

.sig-step2-flexbox-p {
  display: block;
  text-align: left;
  border-bottom: 1px #aaa dotted;
  padding-bottom: .66rem;
  margin-bottom: .66rem;
}

.sig-step2-flexbox>div {
  width: 60%;
}

.sig-step2-flexbox-p span:first-child {
  margin-top: .33rem;
  border-top: 1px dotted #aaa;
  padding-top: .33rem;
}

.sig-step2-flexbox-span {
  color: #FF7976;
  font-size: .8rem;
  font-weight: bold;
}

.sig-step2-flexbox-span>span {
  color: #1f1f1f;
}

.sig-step2-flexbox-img {
  display: block;
  height: 90px;
}

.sig-bot-box-pc-sp,
.sig-bot-box-pc-pc {
  width: 170px;
  height: 50px;
  margin: .66rem .3rem;
  text-align: center;
  padding-top: .5rem;
}

.sig-bot-box-pc-sp-2,
.sig-bot-box-pc-pc-2 {
  width: 100%;
  height: 50px;
  margin: 0rem auto;
  text-align: center;
  padding-top: .5rem;
}

.sig-step2-bot-box-p-tucha,
.sig-step2-bot-box-p-zai,
.sig-step2-bot-box-p-tu,
.sig-step2-bot-box-p-sp,
.sig-step2-bot-box-p-pc,
.sig-step2-bot-box-p-vr,
.sig-step2-bot-box-p-tel {
  font-size: 1.33rem;
  font-weight: bold;
  text-align: center;
  /* padding-top: .5rem;*/
  display: inline-block;
  position: relative;
}

.sig-step2-bot-box-p-vr {
  line-height: 1.1;
}

.sig-step2-bot-box-p-tucha span,
.sig-step2-bot-box-p-zai span,
.sig-step2-bot-box-p-tu span,
.sig-step2-bot-box-p-sp span,
.sig-step2-bot-box-p-pc span,
.sig-step2-bot-box-p-vr span,
.sig-step2-bot-box-p-tel span {
  font-size: 1rem;
  font-weight: 400;
}

.sig-bot-box-chat,
.sig-bot-box-chat2,
.sig-bot-box-tel,
.sig-bot-box-vr,
.sig-bot-box-tel,
.sig-bot-box-tel {
  width: 100%;
  height: 50px;
  margin: .66rem auto;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.sig-bot-box-mg-1 {
  margin-top: 0.5rem;
}

.sig-bot-box-mg-2 {
  margin-top: 0.3rem;
}

.fs-13 {
  font-size: 13px;
}

.sig-flexbox {
  display: flex;
  flex-direction: column;
}

.sig-step2-input {
  display: none;
}

/*必要事項記入欄*/

.sig-matome,
.sig-matome2,
.sig-matome3 {
  max-width: 380px;
  margin: 0 auto 0;
  padding: 1rem;
  width: 100%;
}

.sig-matome-chat {
  background-color: #FFEBF4;
  display: inline-block;
  width: 100%;
}

.sig-matome-tel {
  background-color: #EBFFF1;
  display: inline-block;
  width: 100%;
}

.sig-touroku-mox dl {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  margin: 1.6rem 0 .66rem;
}

.sig-touroku-mox dt {
  font-size: 1.06rem;
  letter-spacing: .3rem;
  font-weight: bold;
  padding-bottom: .3rem;
  padding-left: .66rem;
}

.sig-touroku-mox dt>span {
  font-size: .93rem;
  font-weight: 400;
}

.sig-touroku-mox dd,
.sig-q-dd,
.sig-agreement-dd {
  margin: .33rem 0 0;
  width: 100%;
}

.sig-touroku-inp01 {
  border: 1px solid #aaa;
  width: 100%;
  height: 50px;
}

.sig-touroku-inp02 {
  border: 1px solid #aaa;
  width: 50%;
  height: 50px;
}

.sig-touroku-inp02+.sig-touroku-inp03,
.sig-touroku-inp03+.sig-touroku-inp03,
.sig-touroku-inp04+.sig-touroku-inp05,
.sig-touroku-inp05+.sig-touroku-inp05,
.sig-touroku-inp05+.sig-touroku-inp04 {
  margin-left: .3rem;
}

.sig-touroku-inp03 {
  border: 1px solid #aaa;
  width: 22%;
  height: 50px;
}

.sig-touroku-inp04 {
  border: 1px solid #aaa;
  width: 30%;
  height: 50px;
}

.sig-touroku-inp05 {
  border: 1px solid #aaa;
  width: 16%;
  height: 50px;
}

.sig-touroku-inp01,
.sig-touroku-inp02,
.sig-touroku-inp03,
.sig-touroku-inp04,
.sig-touroku-inp05 {
  padding: 0.66rem;
}

/*20211214 高さを200px→130pxへ変更*/
.sig-touroku-inp06 {
  border: 1px solid #aaa;
  width: 100%;
  height: 130px;
  line-height: 1.6;
  padding: .714rem;
}

.sig-touroku-h3 {
  font-size: 1.1rem;
  text-align: center;
  display: block;
  position: relative;
  margin: 1rem auto 3rem;
  line-height: 1.1;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #eee;
  padding: .5rem 0;
}

.sig-touroku-h3::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 30px;
  height: 67px;
  top: -.65rem;
  left: -3rem;
}

.sig-touroku-h3::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 30px;
  height: 67px;
  top: -.65rem;
  right: -3rem;
}

.sig-touroku-h3-span1 {
  color: #FF7600;
  /* font-size: 1.33rem;*/
}

.sig-touroku-h3-span2 {
  font-size: .66rem;
  font-weight: 400;
}

.sig-Mandatory,
.sig-Mandatory-2 {
  position: relative;
  font-size: 1.33rem;
}

.sig-Mandatory::after,
.sig-Mandatory-2::after {
  position: absolute;
  content: "必須";
  background-color: #FF7976;
  padding: .2rem .6rem;
  color: #fff;
  font-weight: 400;
  margin-left: 1rem;
  width: 3rem;
  border-radius: .2rem;
  text-align: center;
  font-size: 1rem;
}

.sig-Mandatory::after {
  top: -.2rem;
}

.sig-Mandatory-2::after {
  top: 0;
}

/*他*/
.sig-agreement-btn {
  text-align: center;
  margin: 1rem auto 0;
  font-weight: bold;
  display: block;
  font-size: 1.14rem;
  background-color: #eee;
  padding: .35rem;
  border-bottom: 3px solid #bbb;
}

.sig-personal,
.sig-agreement {
  text-align: center;
  border-bottom: 1px solid #1f1f1f;
  padding-bottom: .3rem;
  margin: 1rem auto;
}

.sig-agreement-div,
.sig-agreement-p {
  overflow: auto;
  width: 100%;
  max-width: 1200px;
  height: 200px;
  padding: .6rem;
  font-size: .93rem;
  border: 1px solid #aaa;
  margin: 0 auto;
}

.sig-agr-h2 {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #1f1f1f;
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
  margin-top: 1rem;
}

.sig-agreement-dd {
  display: none;
}

#sig-agreement:checked~.sig-agreement-dd {
  display: block;
}

#sig-agreement:checked~.sig-agreement-btn {
  border-bottom: none
}

#sig-agreement02:checked~.sig-agreement-dd {
  display: block;
}

#sig-agreement02:checked~.sig-agreement-btn {
  border-bottom: none
}

.sig-button-end a {
  font-size: 1.57rem;
  color: #ffffff;
  font-weight: 700;
  position: relative;
  text-decoration: none;
}

.sig-button-end {
  background: transparent linear-gradient(270deg, #FFCA74 0%, #FFAD1C 49%, #FCC257 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 40px;
  padding: 1rem;
  width: 70%;
  margin: 3rem auto;
  max-width: 560px;
  display: block;
  text-align: center;
}

.sig-button-end a::after {
  content: '';
  display: inline-block;
  position: absolute;
  vertical-align: middle;
  width: 1.33rem;
  height: 1.33rem;
  background-repeat: no-repeat;
  right: -2.6rem;
  top: 25%;
}

.sig-q {
  max-width: 1200px;
  padding-left: .66rem;
  font-size: 1.06rem;
}

.sig-agreement-dl,
.sig-personal-dl,
.sig-q-dl {
  margin: 1.6rem auto;
  max-width: 1200px;
}

.agreement-box {
  max-width: 1200px;
  margin: 1rem auto;
  text-align: center;
  padding-right: 4rem;
}

/*pc-idスタイル*/

.sig-nav {
  border-top: 2px solid #aaa;
  border-bottom: 2px solid #aaa;
  padding: .33rem 0;
  margin: 0 auto 1rem;
  font-size: 1rem;
  font-weight: 400;
  text-align: center;
  display: block;
  width: 100%;
  color: #ccc;
  letter-spacing: .2rem;
}

.sig-nav span {
  color: #ff7600;
  position: relative;
  /*padding: 0 1rem;*/
  font-weight: bold;
}

.uplord-flexbox {
  display: flex;
  justify-content: center;
}

.uplord-flexbox-img {
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem .5rem;
  border: 1px solid #aaa;
  margin: .33rem;
  width: 100%;
  max-width: 300px;
}

.sig-upload-file input[type="file"] {
  display: block;
  /*position: absolute;*/
  left: -300px;
  top: 0;
  margin: 0;
  width: 200px;
  height: 100%;
  font-size: 10px;
  cursor: pointer;
  background-color: transparent;
  overflow: hidden;
  position: fixed;
}

.sig-up-sample {
  height: 170px;
  object-fit: contain;
  width: 100%;
}

.sig-upload-p {
  text-align: center;
  background-color: #ff7600;
  padding: 0.2rem 1rem;
  border-radius: 1rem;
  color: #fff;
  width: 100%;
  display: block;
  max-width: 260px;
  margin: 0 auto;
}

.sig-upload-p-span {
  position: relative;
  left: -.5rem;
}

.sig-upload-p-span::after {
  content: "";
  display: inline-block;
  position: absolute;
  background-color: #fff;
  width: 1rem;
  height: 1rem;
  top: 0.2rem;
  right: -0.7rem;
  transform: translateX(50%);
  background: url(/assets/images/signup/icon_sig_upload.svg) no-repeat;
  background-size: contain;
}

.up-load-h2 {
  margin-top: 2rem;
  text-align: center;
  font-weight: bold;
  letter-spacing: 3px;
  font-size: 1.2rem;
}

.up-load-h2-p {
  margin: 1rem auto 4rem;
  text-align: justify;
  max-width: 900px;
  padding: 0 2rem;
}

.sign-upload-wrap-h2 {
  display: block;
  position: relative;
  background-color: #FFF4E3;
  font-size: 1.22rem;
  font-weight: bold;
  line-height: 1.2;
  height: 40px;
  letter-spacing: .2rem;
  text-align: center;
  margin-bottom: 1rem;
}

.sign-upload-wrap-h2 span {
  display: inline-block;
  position: absolute;
  background-color: #fff;
  padding: 0 1rem;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 66%;
  max-width: 250px;
}

.sign-upload-wrap-h2 span::before {
  content: "";
  display: inline-block;
  position: absolute;
  background-color: #fff;
  padding: 0 1rem;
  width: 60px;
  height: 20px;
  top: -1.6rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.sign-upload-wrap-h2 .sign-step04::before {
  background: url(/assets/images/sign-step4.svg) no-repeat;
  background-size: contain;
}

.sign-upload-wrap-h2 .sign-comp::before {
  background: url(/assets/images/sign-completed.svg) no-repeat;
  background-size: contain;
}

.acd-check,
.acd-check2,
.acd-check3,
.acd-check-a,
.acd-check-b,
.acd-check-c {
  display: none;
}

.acd-label {
  text-align: left;
  background: #FFD4E8;
  color: #1f1f1f;
  display: block;
  margin-bottom: 0;
  padding: 10px;
  position: relative;
  margin-top: 1rem;
  border-top: 2px solid #FFEBF5;
  padding-left: 2rem;
  border-radius: 10px 0 0 0;
}

.acd-label-a {
  text-align: left;
  background: #FF7976;
  color: #fff;
  display: block;
  margin-bottom: 0;
  padding: 10px;
  position: relative;
  margin-top: 1rem;
  border-top: 2px solid;
  padding-left: 2.66rem;
  /*230410 2.66→1.5に変更*/
  border-top: 2px solid #FCA5A3;
}

.acd-label:after {
  box-sizing: border-box;
  content: "";
  display: block;
  padding: 10px 23px;
  position: absolute;
  right: -1rem;
  top: .8rem;
  background: url(/assets/images/sig-id-img-arrow01.svg) no-repeat;
  background-size: contain;
}

.acd-label-a:after {
  box-sizing: border-box;
  content: "";
  display: block;
  padding: 10px 23px;
  position: absolute;
  right: -.2rem;
  top: 2rem;
  /*230410 0.8rem→2remに変更*/
  background: url(/wp-content/themes/blankslate-child/assets/images/sig-id-img-arrow01.svg) no-repeat;
  background-size: contain;
}

.sig-imgup-Desc-box {
  display: flex;
  flex-direction: column;
}

.acd-content {
  display: none;
  height: 0;
  opacity: 0;
  padding: 0 10px;
  transition: .5s;
  visibility: hidden;
}

.acd-content-a {
  display: none;
  height: 0;
  opacity: 0;
  padding: 0;
  transition: .5s;
  visibility: hidden;
  margin-top: 1rem;
}

.acd-check:checked+.acd-label,
.acd-check2:checked+.acd-label,
.acd-check3:checked+.acd-label {
  background-color: #FFB9D9;
}

.acd-check-a:checked+.acd-label-a {
  background-color: #FF5C58;
}

.acd-check:checked+.acd-label:after,
.acd-check2:checked+.acd-label:after,
.acd-check3:checked+.acd-label:after,
.acd-check-a:checked+.acd-label-a:after,
.acd-check-b:checked+.acd-label-b:after,
.acd-check-c:checked+.acd-label-c:after {
  background: url(/assets/images/sig-id-img-arrow02.svg) no-repeat;
  background-size: contain;
}

.acd-check:checked+.acd-label+.acd-content,
.acd-check2:checked+.acd-label+.acd-content,
.acd-check3:checked+.acd-label+.acd-content {
  height: auto;
  opacity: 1;
  padding: 1rem;
  visibility: visible;
  background-color: #FFFCED;
  display: flex;
}

.acd-check2:checked+.acd-label+.acd-content-bbb {
  height: auto;
  opacity: 1;
  visibility: visible;
  background-color: #FFFCED;
  padding-bottom: 1rem;
}

.acd-check-a:checked+.acd-label-a+.acd-content-a {
  height: auto;
  opacity: 1;
  padding: 0;
  visibility: visible;
  background-color: #FFF;
  display: block;
}

.sig-imgup-Desc-img {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 1rem 0;
  flex-direction: column;
  align-items: center;
}

.sig-imgup-Desc-img img,
.sig-imgup-Desc-img-add img {
  padding: .66rem;
}

.sig-imgup-Desc {
  padding: 0 .66rem .66rem;
}

.sig-imgup-Desc span {
  color: red;
}

.upload-none-h2 {
  font-size: 1rem;
  display: inline-block;
  color: #fff;
}

/*.acd-check3-h3 {
font-size: 1rem;
font-weight: bold;
}
*/

.sig-imgup-Desc-h2,
.acd-check3-h3 {
  font-size: 1rem;
  font-weight: 400;
  padding-left: 1.66rem;
  display: inline-block;
  position: relative;
}

.sig-imgup-Desc-h2::before,
.acd-check3-h3::before {
  content: "";
  display: inline-block;
  padding: 10px 23px;
  position: absolute;
  left: -1rem;
  top: -1.66rem;
  background: url(/assets/images/icon-sig-check.svg) no-repeat;
  background-size: contain;
  width: 2rem;
  height: 1.3rem;
}

.acd-check-b,
.acd-check-c {
  margin-top: 0;
  position: relative;
}

.acd-content-bb {
  max-width: 800px;
  min-height: 300px;
  position: relative;
  opacity: 1;
}

.acd-content-bbb {
  display: block;
  height: 0;
  opacity: 0;
  padding: 0 10px;
  transition: .5s;
  visibility: hidden;
  overflow: hidden;
}

/*.sig-imgup-Desc-botan-flex {
display: flex;
justify-content: space-around;
}*/

.acd-content-b,
.acd-content-c {
  display: none;
  background: #fff;
  height: auto;
  opacity: 0;
  padding: 0 10px;
  transition: .5s;
  clear: both;
  /*   visibility: hidden;*/
}

#acd-check-b:checked~#sig-imgup-Desc-naka01,
#acd-check-c:checked~#sig-imgup-Desc-naka02 {
  display: block;
  height: auto;
  opacity: 1;
  padding: 1rem;
  visibility: visible;
  background-color: #FFEDF5;
  border-left: 2px solid #FFFCED;
  border-right: 2px solid #FFFCED;
}

.acd-label-b,
.acd-label-c {
  text-align: left;
  background: #eee;
  color: #1f1f1f;
  display: block;
  float: left;
  width: calc(100%/2);
  padding: 10px 2.8rem 10px 1rem;
  position: relative;
  border-top: 2px solid #FFEBF5;
  font-size: .8rem;
  border-radius: 10px 10px 0 0;
  margin: 1rem 0 0;
  border-top: 2px solid #FFFCED;
  border-left: 2px solid #FFFCED;
  border-right: 2px solid #FFFCED;
}

.acd-check-b:checked+.acd-label-b,
.acd-check-c:checked+.acd-label-c {
  background: #FFEDF5;
}

.sig-imgup-Desc-h2-b {
  font-size: .8rem;
  font-weight: bold;
}

.acd-label-b:after,
.acd-label-c:after {
  box-sizing: border-box;
  content: "";
  display: block;
  padding: 10px 23px;
  position: absolute;
  right: -1.3rem;
  top: .6rem;
  background: url(/assets/images/sig-id-img-arrow01.svg) no-repeat;
  background-size: contain;
}

.sig-imgup-Desc-none-img {
  margin: 2rem auto 1rem;
  object-fit: contain;
  max-width: 400px;
  width: 300px;
  text-align: center;
  display: block;
}

.uplord-img-h3 {
  color: #ff7600;
}

.sig-acd-content-ul li {
  border-bottom: 1px solid #ccc;
  padding: .66rem 0 1rem;
}

.sig-acd-content-ul li:last-child {
  border-bottom: none;
}

.sig-acd-content-ul li span {
  font-weight: bold;
  color: #ff7600;
  padding-right: .33rem;
}

.sig-imgup-Desc-img-h4 {
  font-size: 1.2rem;
  color: #ff7600;
  margin-bottom: 1rem;
}

.uplod-ok-img,
.uplod-ng-img {
  display: inline-block;
  position: relative;
  margin: 0 auto;
  width: 45%;
}

.uplod-ok-img::before {
  box-sizing: border-box;
  content: "";
  display: inline-block;
  padding: 10px 23px;
  position: absolute;
  left: -1.3rem;
  top: .6rem;
  background: url(/assets/images/signup-ok.svg) no-repeat;
  background-size: contain;
}

.uplod-ng-img::after {
  box-sizing: border-box;
  content: "";
  display: inline-block;
  padding: 10px 23px;
  position: absolute;
  right: -1.3rem;
  top: .6rem;
  width: 5rem;
  height: 5rem;
  background: url(/assets/images/signup-ng.svg) no-repeat;
  background-size: contain;
}

.sig-up-btn {
  background: transparent linear-gradient(270deg, #FFCA74 0%, #FFAD1C 49%, #FCC257 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 40px;
  padding: 1rem;
  width: 90%;
  margin: 2rem auto;
  max-width: 560px;
  display: block;
  text-align: center;
}

.sig-up-btn-retake {
  background: #7095E1;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px;
  padding: 1rem;
  width: 80%;
  margin: 2rem auto 0;
  max-width: 360px;
  display: block;
  text-align: center;
}

/*sig-up-btn-retake {
  background: #7095E1;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px;
  padding: 1rem;
  width: 80%;
  margin: 4rem auto 0;
  max-width: 360px;
  display: block;
  text-align: center;
}
*/

.sig-up-btn span,
.sig-up-btn-retake a {
  font-size: 1.2rem;
  color: #ffffff;
  font-weight: 700;
  position: relative;
  text-decoration: none;
}

.sig-up-btn span::after {
  content: '';
  display: inline-block;
  position: absolute;
  vertical-align: middle;
  background-size: contain;
  background-image: url(/assets/images/white_right.svg);
  width: 1.33rem;
  height: 1.33rem;
  background-repeat: no-repeat;
  right: -2.6rem;
  top: 25%;
}

.sig-modal-flex,
.sig-modal-flex02 {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.sig-modal-flex-id {
  display: flex;
  justify-content: center;
  flex-direction: row;
}

/*モーダル*/

.sig-modal-box {
  background-color: #eee;
  margin: 0 auto;
  position: relative;
  width: 100%;
  padding: .5rem;
  height: auto;
}

.sig-modal-inner {
  background-color: #fff;
  padding: .5rem;
  position: relative;
  width: 100%;
  height: auto;
  text-align: center;
  max-width: 1200px;
  margin: 0 auto;
  border-radius: 1rem;
  border: 1px solid;
}

.sig-modal-h2 {
  font-size: 1.28rem;
  position: relative;
  display: inline-block;
  margin: 1rem;
}

.sig-modal-h2 span {
  position: relative;
  display: inline-block;
  color: #FF7976;
}

.sig-modal-h2 span::before {

  display: inline-block;
  position: absolute;
  right: -2rem;
  top: -5rem;
  width: 12rem;
  height: 5rem;
  background: url(/assets/images/confirm.svg) no-repeat;
  background-size: contain;
}

.sig-modal-dl {
  display: flex;
  border-bottom: 1px dashed #ccc;
  padding: 0.85rem 0;
  justify-content: space-between;
}

.sig-modal-flex02>.sig-modal-dl:last-of-type {
  display: flex;
  border-bottom: 1px dashed #ccc;
  padding: 0.85rem 0;
  flex-direction: column;
}

.sig-modal-dl-id {
  display: flex;
  border-bottom: 1px dashed #ccc;
  padding: 0.85rem 0;
  justify-content: space-between;
  flex-direction: column;
  align-content: space-around;
  width: 50%;
  align-items: center;
}

.sig-modal-dl dt,
.sig-modal-dl-id dt {
  font-size: 1rem;
  font-weight: bold;
  text-align: left;
}

.sig-modal-dl dt span,
.sig-modal-dl-id dt span {
  color: #FF7976;
}

.sig-modal-dl dd,
.sig-modal-dl-id dd {
  padding: 0;
  text-align: left;
  word-break: break-all;
  margin-left: .5rem;
}

.sig-modal-dl dd img,
.sig-modal-dl-id dd img {
  max-width: 300px;
  margin: 0 auto;
  width: 100%;
  display: block;
  height: 150px;
  object-fit: contain;
}

.vchat-box-btn,
.tell-box-btn {
  padding: .66rem 0;
  margin: .66rem 0 0;
  text-align: left;
  position: relative;
}

.vchat-box-btn {
  background-color: #A85DCC;
  border-bottom: 5px solid #F2EBFF;
}

.tell-box-btn {
  background-color: #70D990;
  border-bottom: 5px solid #EBFFF1;
}

.vchat-box-btn::after,
.tell-box-btn::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 1.66rem;
  height: 1.66rem;
  top: 1rem;
  right: 1rem;
}

.vchat-box-btn::after {
  background: url(/assets/images/icon-arrow-sig-vr.svg) no-repeat;
  background-size: contain;
}

.tell-box-btn::after {
  background: url(/assets/images/icon-arrow-sig-tel.svg) no-repeat;
  background-size: contain;
}

.vchat-box-btn-p,
.tell-box-btn-p {
  display: inline-block;
  font-weight: 400;
  position: relative;
  line-height: 1.2;
  padding-left: 5.5rem;
  color: #fff;
  vertical-align: middle;
}

.vchat-box-btn-p::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 4rem;
  height: 4rem;
  top: -.33rem;
  left: 1rem;
  background: url(/assets/images/img-vb-support2.png) no-repeat;
  background-size: contain;
}

.tell-box-btn-p::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 4rem;
  height: 3.6rem;
  top: -1rem;
  left: 1.6rem;
  background: url(/assets/images/pokeko-tel01.svg) no-repeat;
  background-size: contain;
}

.sig-matome-vchat {
  background-color: #EDEBFF;
  display: flex;
  width: 100%;
}

.sig-matome-tel {
  background-color: #EBFFF1;
  display: flex;
  width: 100%;
}

#vchat-box:checked~.sig-matome-vchat,
#tell-box:checked~.sig-matome-tel {
  display: block;
}

.sig-matome-vchat,
.sig-matome-tel {
  display: none;
}

.sig-vr-tel-flexbox {
  display: flex;
  flex-direction: column;
}

.sig-alert {
  color: red;
  font-size: .93rem;
  padding: .33rem;
}

.sig-button-end-no {
  background-color: #ccc;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 40px;
  padding: 1rem;
  width: 70%;
  margin: 3rem auto .33rem;
  max-width: 560px;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 1.57rem;
}

/*1登録完了ページ*/

.sign-comp-box {
  text-align: center;
  margin: 3rem 2rem;
}

.sign-comp-flex {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.sign-comp-flex p {
  text-align: center;
}

.sign-comp-img-box {
  margin: 2rem 0;
}

.sign-comp-company-box {
  background-color: #FFF4E3;
  padding: .4rem 1rem 1rem;
}

.sign-comp-dl {
  display: flex;
  margin: 1rem 2rem;
  flex-direction: column;
  align-items: center;
}

.sign-comp-dl dt {
  font-size: 1.06rem;
  letter-spacing: .1rem;
}

.sign-comp-dl dd:first-of-type {
  border-bottom: 1px dashed #aaa;
  padding-bottom: .4rem;
  margin-bottom: .4rem;
}

.sig-chat-p-block-320-a {
  display: block;
}

.sig-chat-p-block-320-b {
  display: none;
}

.sig-imgup-Desc-p {
  border-top: 1px dashed #1f1f1f;
  padding-top: 1rem;
  margin-top: 1rem;
}

.sig-imgup-box01 {
  margin: 2rem 0;
}

.sig-id-step-table {
  width: 100%;
}

.sig-imgup-Desc-img-add {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 1rem 0;
  flex-direction: column;
  align-items: center;
}

.sig-imgup-Desc-img-add-warp {
  margin: 0 auto;
}

.sig-acd-content-dl>dt {
  font-size: 1.33rem;
  font-weight: bold;
  color: #ff7600;
  text-align: center;
}

.sig-acd-content-dl>dd {
  font-size: 1rem;
  text-align: center;
  border-bottom: 1px dashed #aaa;
  padding-bottom: .33rem 0;
  margin: 0 0 .33rem;
}

.sig-acd-content-dl dd:last-of-type {
  border-bottom: none;
}

.sig-id-bigan-dt::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 4rem;
  height: 3.6rem;
  top: 30%;
  left: 15%;
  background: url(/assets/images/pokeko-tel01.svg) no-repeat;
  background-size: contain;
  transform: translate(-50%, -50%);
}

.sig-id-bigan-dd {
  background-color: #fff;
  padding: .66rem;
  margin: 0;
  text-align: justify;
}

.sig-id-bigan-dt {
  padding: .66rem;
  position: relative;
  font-size: 1.2rem;
  padding-left: 4rem;
  text-align: center;
  margin-top: 2rem;
  display: inline-block;
}

.sig-id-step-table tr {
  border-bottom: 1px dashed #1f1f1f;
  width: 100%;
  padding-bottom: .33rem;
  display: inline-block;
  font-size: 1.2rem;
}

.sig-id-step-table tr:last-of-type {
  border-bottom: none;
}

.sig-id-step-table tr th {
  width: 90px;
  color: #ff7600;
  text-align: left;
}

.sig-id-step-table tr td {
  text-align: left;
  vertical-align: top;
  font-size: 1rem;
}

.line-#aaa {
  border-top: 1px solid #aaa;
}

/*1登録完了ページーーーーーend*/

/*pcスタイル*/

@media screen and (min-width:1200px) {

  .sig-modal-dl dd img,
  .sig-modal-dl-id dd img {
      height: 250px;
  }

  .sig-modal-dl,
  .sig-modal-dl-id {
      display: block;
      border-bottom: none;
      padding: 0;
      margin: 1rem 1rem 0;
  }

  .sig-modal-h2 {
      margin: 6rem auto 3rem;
  }

  .sig-modal-box {
      padding: 2rem;
  }

  .sig-modal-h2 span::before {
      content: "";
      display: inline-block;
      position: absolute;
      right: -2rem;
      top: -5rem;
      width: 12rem;
      height: 5rem;
      background: url(/assets/images/confirm.svg) no-repeat;
      background-size: contain;
  }

  .sig-modal-dl dt,
  .sig-modal-dl-id dt {
      font-size: 1rem;
      font-weight: bold;
      padding-bottom: .66rem;
      text-align: left;
      border-bottom: 1px dashed #ccc;
      margin-bottom: .66rem;
  }

  .sig-modal-dl dd,
  .sig-modal-dl-id dd {
      margin: .33rem 0 1rem;
      padding: 1rem;
      text-align: left;
      word-break: break-all;
  }

  .sig-touroku-h3-span2 {
      font-size: 1rem;
  }

  .uplord-flexbox {
      margin-top: 3rem;
  }

  .sign-tu-zai-wrap-h2 .sign-step01,
  .sign-tu-zai-wrap-h2 .sign-step02 {
      width: 38rem;
      height: 3rem;
  }

  .sign-tu-zai-wrap-h2 {
      font-size: 2rem;
  }

  .sign-tu-zai-wrap-h2 span::before {
      width: 120px;
      height: 40px;
      top: -3rem;
      left: 50%;
  }

  .sign-tu-zai-wrap {
      margin: 4rem 0 3rem;
  }

  .sig-bot-boxtu-zai,
  .sig-bot-boxtu-tu {
      width: 270px;
      height: 120px;
      margin: 6rem 2rem 4rem;
  }

  .sig-bot-box>.sig-bot-p-tu,
  .sig-bot-box>.sig-bot-p-zai {
      font-size: 2.6rem;
      left: 62%;
  }

  .sig-bot-box>.sig-bot-p-tu::before,
  .sig-bot-box>.sig-bot-p-zai::before {
      top: -.4rem;
      left: -4rem;
  }

  .sig-bot-box>.sig-bot-p-tu span,
  .sig-bot-box>.sig-bot-p-zai span {
      font-size: 1rem;
  }

  .sig-bot-box>.sig-bot-p-tu::before,
  .sig-bot-box>.sig-bot-p-zai::before {
      width: 3.8rem;
      height: 3.3rem;
  }

  .sig-flexbox {
      flex-direction: row;
      justify-content: center;
      margin-bottom: 10rem;
      display: flex;
  }

  .sig-matome {
      margin: 5rem auto 5rem auto;
  }

  .sig-matome2,
  .sig-matome3 {
      margin: 5rem auto 5rem 2rem;
  }

  .sign-tu-zai-wrap-h2 .sign-step03 {
      width: 650px;
      height: 3rem;
  }

  .sig-touroku-h3 {
      font-size: 1.66rem;
      margin: 5rem auto 3rem;
  }

  .sig-touroku-h3>span:first-child {
      font-size: 1.66rem;
      font-weight: bold;
  }

  /*.sig-touroku-h3 span {
    font-size: 1.1rem;
  }*/
  .sig-touroku-h3::before {
      width: 40px;
      height: 90px;
      left: -4rem;
  }

  .sig-touroku-h3::after {
      width: 40px;
      height: 90px;
      top: -.65rem;
      right: -4rem;
  }

  .sig-touroku-mox dd {
      width: 35%;
      margin-right: 12rem;
  }

  .sig-touroku-mox dt {
      font-size: 1.33rem;
      width: 30%;
      padding-right: 5.3rem;
      padding-left: 0;
      text-align: right;
  }

  .sig-touroku-mox dl {
      flex-direction: row;
      align-items: center;
      justify-content: center;
  }

  .sig-agreement-dl,
  .sig-personal-dl {
      flex-direction: column !important;
  }

  .sig-Mandatory::after {
      top: .1rem;
  }

  .sig-q {
      max-width: 1200px;
      /* margin: 0 auto;*/
      padding-left: 2rem;
      font-size: 1.3rem;
  }

  .sig-personal,
  .sig-agreement {
      padding-bottom: .3rem;
      margin: 3rem auto;
      font-size: 1.22rem;
  }

  .sig-agreement-dl,
  .sig-personal-dl,
  .sig-q-dl {
      margin: 3rem auto;
  }

  .sig-matome,
  .sig-matome2,
  .sig-matome3 {
      max-width: 360px;
  }

  .sig-bot-box-pc-sp,
  .sig-bot-box-pc-pc {
      width: 220px;
  }

  .sig-bot-box-pc-sp-2,
  .sig-bot-box-pc-pc-2 {
      width: 100%;
  }

  .sig-imgup-Desc-img img {
      height: 100px;
      padding: 0 1rem;
  }

  .sig-imgup-Desc-img-add img {
      height: 100px;
      padding: 0 1rem;
  }

  .sig-imgup-Desc-h2 {
      font-size: 1.66rem;
      text-align: center;
  }

  .acd-label,
  .acd-label-a {
      text-align: center;
  }

  .acd-label:after {
      right: 18rem;
      top: 1rem;
      padding: 16px 23px;
  }

  .upload-none-h2 {
      font-size: 1.66rem;
  }

  .acd-label-a:after {
      right: 25rem;
      top: 1rem;
      padding: 16px 23px;
  }

  .sig-imgup-Desc-h2-b {
      font-size: 1.1rem;
  }

  .flex-row {
      flex-direction: row;
  }

  .sig-imgup-Desc-none-img {
      max-width: 300px;
  }

  .acd-check3-h3 {
      font-size: 1.66rem;
  }

  .sig-imgup-Desc-img0pokeko01 {
      height: 300px !important;
  }

  .acd-label-b:after,
  .acd-label-c:after {
      display: none;
  }

  .sign-upload-wrap-h2 span {
      max-width: 460px;
      height: 60px;
      font-size: 1.66rem;
      line-height: 1.8;
  }

  .up-load-h2 {
      font-size: 1.22rem;
  }

  .sig-modal-flex {
      flex-direction: row;
  }

  .sig-vr-tel-flexbox {
      flex-direction: row;
  }
  .sig-responsive-pc-width33 {
      width: 33%;
  }
  .sig-responsive-pc-width50 {
      width: 50%;
  }
  .sig-responsive-pc-width66 {
      width: 66%;
  }

  .vchat-box-btn,
  .tell-box-btn {
      margin: 0;
  }

  .sig-alert {
      margin-bottom: -1rem;
      font-size: 1.14rem;
  }

  .vchat-box-btn,
  .tell-box-btn {
      display: none;
  }

  .sig-matome-vchat,
  .sig-matome-tel {
      display: block !important;
  }


  .sig-chat-p-block-320-a {
      display: none;
  }

  .sig-chat-p-block-320-b {
      display: block;
      border-top: 1px dashed #1f1f1f;
      padding-top: .66rem;
  }

  .sig-step2-flexbox-p {
      border-bottom: none;
  }

  .sig-tel-pc1200 {
      padding: 1.2rem 0;
  }

  .sig-tel-pc1200-b {
      padding-top: 1.2rem;
      padding-bottom: .7rem;
  }

  .sig-matome3 {
      margin: 5rem auto 5rem auto;
  }

  .sig-imgup-Desc-img {
      border-right: 1px dashed #1f1f1f;
      display: flex;
      width: 60%;
      padding-right: 2rem;
      margin-right: 1rem;
  }

  #acd-check-b:checked~#sig-imgup-Desc-naka01,
  #acd-check-c:checked~#sig-imgup-Desc-naka02 {
      display: flex;
      align-items: center;
  }

  .sign-upload-wrap-h2 span {
      padding: 1rem 1rem;
      top: -.8rem;
      max-width: 640px;
  }

  .sign-upload-wrap-h2 span::before {
      width: 100px;
      height: 50px;
      top: -2rem;
  }

  .up-load-h2 {
      font-size: 1.66rem;
  }

  .up-load-h2-p {
      margin: 1rem auto 7rem;
  }

  .sig-imgup-Desc-p {
      font-size: 1.2rem;
      margin-bottom: 4rem;
  }

  .sig-id-step-table {
      width: 40%;
  }

  .sig-imgup-box01 {
      border-right: none;
      width: 100%;
  }

  .sig-id-step-table tr td {
      font-size: 1.2rem;
  }

  .sig-id-bigan-dt {
      font-size: 1.4rem;
  }

  .sig-imgup-Desc-img-h4 {
      font-size: 1.66rem;
  }

  .sig-imgup-Desc-img-add {
      width: 100%;
  }

  .sig-add-al-p {
      padding-bottom: 1rem;
      font-size: 1.22rem;
      border-bottom: 1px dashed;
  }

  .sig-imgup-Desc-img-add-warp {
      margin: 2rem auto 4rem;
      display: flex;
  }

  .sig-upload-p {
      font-size: 1.2rem;
  }

  .uplord-flexbox-img {
      max-width: 360px;
  }

  .sig-button-end a {
      font-size: 1.66rem;
  }

  .sig-up-btn span,
  .sig-up-btn-retake a {
      font-size: 1.66rem;
  }

  .sig-imgup-Desc-img-add-warp {
      display: flex;
  }
  
}

@media screen and (max-width: 320px) {
  .uplord-flexbox {
      flex-direction: column;
      align-items: center;
  }

  .uplod-ok-img,
  .uplod-ng-img {
      width: 49%;
  }

  .sign-upload-wrap-h2 span {
      width: 76%;
  }

  .acd-label-a {
      padding-left: .8rem;
  }

  .acd-label-a:after {
      right: -1rem;
  }

  .sig-up-btn span,
  .sig-up-btn-retake a {
      font-size: 1rem;
  }

  .sig-nav {
      font-size: .9rem;
  }

  .sign-comp-dl {
      margin: 1rem 0;
  }

  .sig-chat-p-block-320-a {
      display: none;
  }

  .sig-chat-p-block-320-b {
      display: block;
      border-top: 1px dashed #1f1f1f;
      padding-top: .66rem;
  }

  .sig-step2-flexbox-p {
      border-bottom: none;
  }

  .sig-imgup-Desc-none-img {
      width: 240px;
  }

  .sig-id-bigan-dt {
      font-size: 1rem;
      padding-left: 2.5rem;
  }

  .sig-id-bigan-dt::before {
      left: 0rem;
  }

  .sig-imgup-Desc-img img,
  .sig-imgup-Desc-img-add img {
      width: 85px;
  }

  .sig-imgup-box01 {
      margin: 0;
  }

  .sig-imgup-Desc-img0pokeko01 {
      width: 100% !important;
  }

  .uplod-ok-img,
  .uplod-ng-img {
      width: 45% !important;
  }

  .up-load-h2 {
      font-size: 1.2rem;
  }

  .sign-comp-box {
      margin: 3rem .33rem;
  }
}

.hide {
  display: none;
}

.sig-modal-overlay {
  position: fixed;
  z-index: 90000;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  background-color: #111;
  opacity: 0.3;
}

.sig-modal-box {
  position: fixed;
  z-index: 100000;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  background-color: #FFF;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  width: 100%;
  max-height: 100%;
  max-width: 900px;
}

.sig-step2-bot-box-p-vr {
  line-height: 1;
  text-align: left;
  padding: 0;
}

.sig-vch-p01 {
  font-size: 1rem;
  font-weight: 400;
}

.sig-pro {
  border: none;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.sig-pro th,
.sig-pro td {
  width: 100%;
  display: block;
}

.sig-pro td {
  padding-bottom: 2rem;
}

.sig-pro th {
  text-align: left;
  font-size: 1.06rem;
  letter-spacing: .3rem;
  font-weight: bold;
  padding-bottom: .3rem;
  padding-left: .66rem;
  position: relative;
}

.sig-pro th span {
  font-size: .93rem;
  font-weight: 400;
}

.sig-pro th::after {
  position: absolute;
  content: "必須";
  background-color: #FF7976;
  padding: .2rem .6rem;
  color: #fff;
  font-weight: 400;
  margin-left: 1rem;
  width: 3rem;
  border-radius: .66rem;
  text-align: center;
  font-size: 1rem;
  top: -.2rem;
}

.sig-pro-inp01,
.sig-pro-inp02,
.sig-pro-inp03,
.sig-pro-inp04,
.sig-pro-inp05 {
  border: 1px solid #aaa;
  height: 50px;
}

.sig-pro-inp01::placeholder,
.sig-pro-inp02::placeholder,
.sig-pro-inp03::placeholder,
.sig-pro-inp04::placeholder,
.sig-pro-inp05::placeholder {
  color: #ddd;
}

.sig-pro-inp01 {
  width: 100%;
  margin-left: .1rem;
  font-size: 1.14rem;
  padding-left: .5rem;
}

.sig-pro-inp02 {
  width: 50%;
  margin-left: .1rem;
  font-size: 1.14rem;
  padding-left: .5rem;
}

.sig-pro-inp03 {
  width: 22%;
  margin-left: .1rem;
  font-size: 1.14rem;
  padding-left: .5rem;
}

.sig-pro-inp04 {
  width: 30%;
  margin-left: .1rem;
  font-size: 1.14rem;
  padding-left: .5rem;
}

.sig-pro-inp05 {
  width: 16%;
  margin-left: .1rem;
  font-size: 1.14rem;
  padding-left: .5rem;
}

.audition-text {
  font-size: 1em;
  color: #FF7976;
  padding-top: .66rem;
}

@media screen and (min-width:1200px) {
  .sig-pro th {
      width: 25%;
      display: table-cell;
  }

  .sig-pro td {
      width: 100%;
      display: block;
  }

  .sig-pro th::after {
      top: .5rem;
  }

  .sig-pro-inp02 {
      width: 54.7%;
  }

  .sig-pro-inp04 {
      width: 33.1%;
  }

  .audition-text {
      font-size: 1.2rem;
  }

  .sig-touroku-inp06 {

      height: 200px;

  }

  .ScrollTop.isActive {
      width: 22rem;
  }

}

/* 職種別 注意事項 */

.sig-notice-overlay {
  position: fixed;
  z-index: 90000;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  background-color: #111;
  opacity: 0.3;
}

.sig-notice-box {
  position: fixed;
  z-index: 100000;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  background-color: #FFF;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  width: 90%;
  max-height: 90%;
  max-width: 900px;
}

.sig-notice-box-h2 {
  display: block;
  border-bottom: 1px solid #1f1f1f;
  padding-bottom: 1rem;
  margin: 0 auto;
  padding: 1rem;
}

.sig-notice-box-h2-span {
  position: relative;
  font-size: 1.28rem;
  line-height: 1.2;
  display: inline-block;
  padding-left: 3.5rem;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.sig-notice-box-h2-span::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 3rem;
  height: 3rem;
  top: 0;
  left: 0;
  background: url(/assets/images/caution-mark-red.svg) no-repeat;
  background-size: contain;
}

.vr-qa-set-li {
  margin-left: -15px;
  font-feature-settings: "palt";
  list-style: decimal-leading-zero !important;
  padding-left: 4rem;
}

.vr-qa-set-li li {
  border-bottom: 1px dashed #ccc;
  line-height: 1.2;
  padding: .71rem 0;
}

.sig-notice-box-p {
  padding: .71rem 0;
}

.vr-qa-set-li-span {
  color: #ff7976;
  line-height: 1.2;
  font-size: .85rem;
  padding: 1rem;
}

@media screen and (min-width:768px) {
  .sig-notice-box-h2-span::before {
      top: -.6rem;
  }
}

/* 職種別 注意事項   end  */

/* 210914 */

.sig-notice-cross {
  margin: .35rem .35rem -1rem auto;
  padding: .2rem;
  width: 28px;
  height: 28px;
}

/*loding ui*/

.sig-loader {
  margin: 100px auto;
  font-size: 25px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

@-webkit-keyframes load5 {

  0%,
  100% {
      box-shadow: 0em -2.6em 0em 0em #ff7600, 1.8em -1.8em 0 0em rgba(255, 118, 0, 0.2), 2.5em 0em 0 0em rgba(255, 118, 0, 0.2), 1.75em 1.75em 0 0em rgba(255, 118, 0, 0.2), 0em 2.5em 0 0em rgba(255, 118, 0, 0.2), -1.8em 1.8em 0 0em rgba(255, 118, 0, 0.2), -2.6em 0em 0 0em rgba(255, 118, 0, 0.5), -1.8em -1.8em 0 0em rgba(255, 118, 0, 0.7);
  }

  12.5% {
      box-shadow: 0em -2.6em 0em 0em rgba(255, 118, 0, 0.7), 1.8em -1.8em 0 0em #ff7600, 2.5em 0em 0 0em rgba(255, 118, 0, 0.2), 1.75em 1.75em 0 0em rgba(255, 118, 0, 0.2), 0em 2.5em 0 0em rgba(255, 118, 0, 0.2), -1.8em 1.8em 0 0em rgba(255, 118, 0, 0.2), -2.6em 0em 0 0em rgba(255, 118, 0, 0.2), -1.8em -1.8em 0 0em rgba(255, 118, 0, 0.5);
  }

  25% {
      box-shadow: 0em -2.6em 0em 0em rgba(255, 118, 0, 0.5), 1.8em -1.8em 0 0em rgba(255, 118, 0, 0.7), 2.5em 0em 0 0em #ff7600, 1.75em 1.75em 0 0em rgba(255, 118, 0, 0.2), 0em 2.5em 0 0em rgba(255, 118, 0, 0.2), -1.8em 1.8em 0 0em rgba(255, 118, 0, 0.2), -2.6em 0em 0 0em rgba(255, 118, 0, 0.2), -1.8em -1.8em 0 0em rgba(255, 118, 0, 0.2);
  }

  37.5% {
      box-shadow: 0em -2.6em 0em 0em rgba(255, 118, 0, 0.2), 1.8em -1.8em 0 0em rgba(255, 118, 0, 0.5), 2.5em 0em 0 0em rgba(255, 118, 0, 0.7), 1.75em 1.75em 0 0em #ff7600, 0em 2.5em 0 0em rgba(255, 118, 0, 0.2), -1.8em 1.8em 0 0em rgba(255, 118, 0, 0.2), -2.6em 0em 0 0em rgba(255, 118, 0, 0.2), -1.8em -1.8em 0 0em rgba(255, 118, 0, 0.2);
  }

  50% {
      box-shadow: 0em -2.6em 0em 0em rgba(255, 118, 0, 0.2), 1.8em -1.8em 0 0em rgba(255, 118, 0, 0.2), 2.5em 0em 0 0em rgba(255, 118, 0, 0.5), 1.75em 1.75em 0 0em rgba(255, 118, 0, 0.7), 0em 2.5em 0 0em #ff7600, -1.8em 1.8em 0 0em rgba(255, 118, 0, 0.2), -2.6em 0em 0 0em rgba(255, 118, 0, 0.2), -1.8em -1.8em 0 0em rgba(255, 118, 0, 0.2);
  }

  62.5% {
      box-shadow: 0em -2.6em 0em 0em rgba(255, 118, 0, 0.2), 1.8em -1.8em 0 0em rgba(255, 118, 0, 0.2), 2.5em 0em 0 0em rgba(255, 118, 0, 0.2), 1.75em 1.75em 0 0em rgba(255, 118, 0, 0.5), 0em 2.5em 0 0em rgba(255, 118, 0, 0.7), -1.8em 1.8em 0 0em #ff7600, -2.6em 0em 0 0em rgba(255, 118, 0, 0.2), -1.8em -1.8em 0 0em rgba(255, 118, 0, 0.2);
  }

  75% {
      box-shadow: 0em -2.6em 0em 0em rgba(255, 118, 0, 0.2), 1.8em -1.8em 0 0em rgba(255, 118, 0, 0.2), 2.5em 0em 0 0em rgba(255, 118, 0, 0.2), 1.75em 1.75em 0 0em rgba(255, 118, 0, 0.2), 0em 2.5em 0 0em rgba(255, 118, 0, 0.5), -1.8em 1.8em 0 0em rgba(255, 118, 0, 0.7), -2.6em 0em 0 0em #ff7600, -1.8em -1.8em 0 0em rgba(255, 118, 0, 0.2);
  }

  87.5% {
      box-shadow: 0em -2.6em 0em 0em rgba(255, 118, 0, 0.2), 1.8em -1.8em 0 0em rgba(255, 118, 0, 0.2), 2.5em 0em 0 0em rgba(255, 118, 0, 0.2), 1.75em 1.75em 0 0em rgba(255, 118, 0, 0.2), 0em 2.5em 0 0em rgba(255, 118, 0, 0.2), -1.8em 1.8em 0 0em rgba(255, 118, 0, 0.5), -2.6em 0em 0 0em rgba(255, 118, 0, 0.7), -1.8em -1.8em 0 0em #ff7600;
  }
}

@keyframes load5 {

  0%,
  100% {
      box-shadow: 0em -2.6em 0em 0em #ff7600, 1.8em -1.8em 0 0em rgba(255, 118, 0, 0.2), 2.5em 0em 0 0em rgba(255, 118, 0, 0.2), 1.75em 1.75em 0 0em rgba(255, 118, 0, 0.2), 0em 2.5em 0 0em rgba(255, 118, 0, 0.2), -1.8em 1.8em 0 0em rgba(255, 118, 0, 0.2), -2.6em 0em 0 0em rgba(255, 118, 0, 0.5), -1.8em -1.8em 0 0em rgba(255, 118, 0, 0.7);
  }

  12.5% {
      box-shadow: 0em -2.6em 0em 0em rgba(255, 118, 0, 0.7), 1.8em -1.8em 0 0em #ff7600, 2.5em 0em 0 0em rgba(255, 118, 0, 0.2), 1.75em 1.75em 0 0em rgba(255, 118, 0, 0.2), 0em 2.5em 0 0em rgba(255, 118, 0, 0.2), -1.8em 1.8em 0 0em rgba(255, 118, 0, 0.2), -2.6em 0em 0 0em rgba(255, 118, 0, 0.2), -1.8em -1.8em 0 0em rgba(255, 118, 0, 0.5);
  }

  25% {
      box-shadow: 0em -2.6em 0em 0em rgba(255, 118, 0, 0.5), 1.8em -1.8em 0 0em rgba(255, 118, 0, 0.7), 2.5em 0em 0 0em #ff7600, 1.75em 1.75em 0 0em rgba(255, 118, 0, 0.2), 0em 2.5em 0 0em rgba(255, 118, 0, 0.2), -1.8em 1.8em 0 0em rgba(255, 118, 0, 0.2), -2.6em 0em 0 0em rgba(255, 118, 0, 0.2), -1.8em -1.8em 0 0em rgba(255, 118, 0, 0.2);
  }

  37.5% {
      box-shadow: 0em -2.6em 0em 0em rgba(255, 118, 0, 0.2), 1.8em -1.8em 0 0em rgba(255, 118, 0, 0.5), 2.5em 0em 0 0em rgba(255, 118, 0, 0.7), 1.75em 1.75em 0 0em #ff7600, 0em 2.5em 0 0em rgba(255, 118, 0, 0.2), -1.8em 1.8em 0 0em rgba(255, 118, 0, 0.2), -2.6em 0em 0 0em rgba(255, 118, 0, 0.2), -1.8em -1.8em 0 0em rgba(255, 118, 0, 0.2);
  }

  50% {
      box-shadow: 0em -2.6em 0em 0em rgba(255, 118, 0, 0.2), 1.8em -1.8em 0 0em rgba(255, 118, 0, 0.2), 2.5em 0em 0 0em rgba(255, 118, 0, 0.5), 1.75em 1.75em 0 0em rgba(255, 118, 0, 0.7), 0em 2.5em 0 0em #ff7600, -1.8em 1.8em 0 0em rgba(255, 118, 0, 0.2), -2.6em 0em 0 0em rgba(255, 118, 0, 0.2), -1.8em -1.8em 0 0em rgba(255, 118, 0, 0.2);
  }

  62.5% {
      box-shadow: 0em -2.6em 0em 0em rgba(255, 118, 0, 0.2), 1.8em -1.8em 0 0em rgba(255, 118, 0, 0.2), 2.5em 0em 0 0em rgba(255, 118, 0, 0.2), 1.75em 1.75em 0 0em rgba(255, 118, 0, 0.5), 0em 2.5em 0 0em rgba(255, 118, 0, 0.7), -1.8em 1.8em 0 0em #ff7600, -2.6em 0em 0 0em rgba(255, 118, 0, 0.2), -1.8em -1.8em 0 0em rgba(255, 118, 0, 0.2);
  }

  75% {
      box-shadow: 0em -2.6em 0em 0em rgba(255, 118, 0, 0.2), 1.8em -1.8em 0 0em rgba(255, 118, 0, 0.2), 2.5em 0em 0 0em rgba(255, 118, 0, 0.2), 1.75em 1.75em 0 0em rgba(255, 118, 0, 0.2), 0em 2.5em 0 0em rgba(255, 118, 0, 0.5), -1.8em 1.8em 0 0em rgba(255, 118, 0, 0.7), -2.6em 0em 0 0em #ff7600, -1.8em -1.8em 0 0em rgba(255, 118, 0, 0.2);
  }

  87.5% {
      box-shadow: 0em -2.6em 0em 0em rgba(255, 118, 0, 0.2), 1.8em -1.8em 0 0em rgba(255, 118, 0, 0.2), 2.5em 0em 0 0em rgba(255, 118, 0, 0.2), 1.75em 1.75em 0 0em rgba(255, 118, 0, 0.2), 0em 2.5em 0 0em rgba(255, 118, 0, 0.2), -1.8em 1.8em 0 0em rgba(255, 118, 0, 0.5), -2.6em 0em 0 0em rgba(255, 118, 0, 0.7), -1.8em -1.8em 0 0em #ff7600;
  }
}

/*モーダル*/

.modal-linebrowser-overlay {
  position: fixed;
  z-index: 90000;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  background-color: #111;
  opacity: 0.3;
}

.modal-linebrowser-body {
  position: fixed;
  z-index: 100000;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  background-color: #FFF;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  width: 100%;
  max-height: 100%;
  max-width: 900px;
}

.modal-linebrowser-link {
  display: flex;
}

.line-browse-box {
  width: 200px;
  height: 200px;
  border-radius: 50px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 20px 20px 60px #cecece, -20px -20px 60px #ddd;
}

.line-browse-box-a {
  text-align: center;
  text-decoration: none;
  color: #1f1f1f;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.line-browse-box-p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50px, -50%);
  font-size: 1.35rem;
  font-weight: bold;
  line-height: 1.4;
  width: 160px;
}

/****line誘導ボタン追加 220421国島****/
.poke_test_img01 {
  width: 100%;
  height: auto;
  text-align: center;
}

.ScrollTop {
  position: fixed;
  bottom: -15%;
  /*230410追記 5→-15に変更*/
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-decoration: none;
  opacity: 0;
  transition: all 0.65s;
}

.pas-line-link {
  align-items: center;
  color: #fff;
  text-decoration: none;
}

.ScrollTop.isActive {
  opacity: 1;
  transition: all 0.65s;
  bottom: 5%;
  /*230410追記*/
}



.sig-linefro-flex {
  display: flex;
  width: 90%;
  background-color: #fff;
  padding: 1rem 1rem;
  border-radius: 2rem;
  box-shadow: 0 0 20px rgb(0 0 0 / 25%);
  align-items: center;
  max-width: 420px;
}

.sig-linefro-flex02 {
  display: flex;
  width: 90%;
  background-color: #fff;
  padding: 1rem 1rem;
  align-items: center;
  max-width: 420px;
  justify-content: center;
  margin: 2rem auto;
  border-top: 1px dashed #ccc;
  border-bottom: 1px dashed #ccc;

}

.sig-linefro-img,
.sig-linefro-img02 {
  width: 70px;
  height: auto;
  text-align: center;
}

.img-disp-r {
  position: relative;
}

.img-disp-r::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 2rem;
  height: 1rem;
  top: -0.6rem;
  left: -0.6rem;
  background: url(/wp-content/themes/blankslate-child/assets/images/signup/line-santen-icon.svg) no-repeat;
  background-size: contain;
}


.sig-linefro-dt,
.sig-linefro-dt02 {
  margin-left: 1rem;
  font-weight: 500;
  font-size: min(3.5vw, 18px);
  color: #06c655;
  border-bottom: 1px solid #06c655;
  margin-bottom: 0.3rem;
  letter-spacing: 1px;
}

.sig-linefro-dd,
.sig-linefro-dd02 {
  font-weight: normal;
  font-size: min(2.8vw, 15px);
  line-height: 1.4;
  color: #1f1f1f;
  margin-left: 1rem;
  letter-spacing: 1px;
}

.sig-linefro-dd-span {
  font-weight: bold;
  color: #06c655;
}

@media screen and (min-width:1200px) {
  .sig-linefro-flex {
      flex-direction: column;
      width: 300px;
      padding: 2rem 1rem;
  }

  .sig-linefro-dt02 {
      font-size: min(3.5vw, 16px);
  }

  .sig-linefro-dd02 {
      font-size: min(2.8vw, 13px);
  }

  .ScrollTop {
      left: calc(100% + -200px);
      transform: translate(-50%, 0%);
  }

  .sig-linefro-img02 {
      width: 160px;
      margin-bottom: 1rem;
  }
}

.z-ind10 {
  position: relative;
  z-index: 10;
}


.sig-touroku-h3-span3 {
  font-size: 13px;
  color: red;
  font-weight: 700;
}

/*220913バーチャル専用top_追加*/
.gradient {
  position: relative;
}

.sp-block {
  display: block;
}

.vc-main-warp {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 100%;
  z-index: 2;
}

.gradient img,
.gradient:after {
  width: 100%;
  height: 100%;
}

.anim-box.zoomin.is-animated {
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  width: 100%;
  animation: zoomIn 1.2s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}

.yureru-j {
  animation: yureru-j 2s infinite;
}

@media screen and (max-width: 1199px) {
  .vc-main {
      position: relative;
      background-image: url(/wp-content/themes/blankslate-child/assets/images/vc-s3.webp);
      background-size: contain;
      padding-top: 70%;
      background-position: top;
  }

  .gradient:after {
      content: "";
      position: absolute;
      left: 0px;
      top: 0px;
      display: block;
      width: 100%;
      height: 100%;
      background: linear-gradient(45deg, rgba(0, 103, 194, 0.8), rgba(151, 255, 220, 0.5), rgba(0, 165, 194, 0.5));
      background-size: 1200% 1200%;
      animation: bggradient 3s ease infinite;
  }

  .pc-block {
      display: none;
  }

  .sp-block {
      display: block;
  }

  .vc-main-icon {
      position: absolute;
      top: 92%;
      left: 80%;
      transform: translate(-50%, -50%);
      z-index: 10;
      width: 30%;
  }
}

@media screen and (min-width: 1001px) {
  .pc-block {
      display: block;
  }

  .sp-block {
      display: none;
  }
}

@media screen and (min-width: 1200px) {
  .vc-main {
      position: relative;
      background-image: url(/wp-content/themes/blankslate-child/assets/images/vc-p.webp);
      background-size: contain;
      padding-top: 27%;
      background-position: top;
  }

  .vc-main-icon {
      position: absolute;
      top: 80%;
      left: 90%;
      transform: translate(-50%, -50%);
      z-index: 999;
      width: 14%;
  }

  .pc-block {
      display: block;
  }

  .sp-block {
      display: none;
  }

  .gradient:after {
      content: "";
      position: absolute;
      left: 0px;
      top: 0px;
      display: block;
      width: 100%;
      height: 100%;
      background: linear-gradient(45deg, rgba(0, 103, 194, 0.8), rgba(151, 255, 220, 0.5), rgba(0, 165, 194, 0.5));
      background-size: 300% 300%;
      animation: bggradient 5s ease infinite;
  }
}

@keyframes yureru-j {
  0% {
      transform: translate(0px, 2px);
  }

  5% {
      transform: translate(0px, -2px);
  }

  10% {
      transform: translate(0px, 2px);
  }

  15% {
      transform: translate(0px, -2px);
  }

  20% {
      transform: translate(0px, 2px);
  }

  25% {
      transform: translate(0px, -2px);
  }

  30% {
      transform: translate(0px, 0px);
  }
}

@keyframes zoomIn {
  0% {
      transform: scale(0.6);
      opacity: 0;
  }

  100% {
      opacity: 1;
      transform: scale(1);
  }
}

.under-yellow {
  background: linear-gradient(transparent 60%, rgb(255, 255, 0) 60%);
  font-weight: 700;
}

/* 230410追記_国島 身分証裏の追記 */
.botom-boder-das {
  border-bottom: 1px dashed #1f1f1f;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

.ura-id-a {
  display: block;
  text-align: center;
  margin: 1rem 0 3rem;
  font-size: 1rem;
  position: relative;
}

.ura-a-img {
  margin: 1rem auto 3rem;
  display: block;
  text-align: center;
  width: 90%;
  max-width: 40rem;
}

.ura-id-a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 5rem;
  height: 3rem;
  background-image: url(/wp-content/themes/blankslate-child/assets/images/ura-img0809.svg);
  background-size: r;
}



.ma-lr1-2 {
  margin-left: 1rem;
  margin-right: 2rem;
}

.yellow_line {
  background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fbff00 0%) repeat scroll 0 0;
  font-weight: 700;
}

.ura-id-p,
.ura-id-small {
  position: relative;
  padding-left: 1rem;
  display: block;
  line-height: 1.2;
}

.ura-id-small {
  font-size: .8rem;
}

.ura-id-p::before,
.ura-id-small::before {
  content: "※";
  margin-left: -1rem;
}

.upload-none-h2-span::before {
  content: "●";
  margin-left: -1rem;
  color: #ff0;
}

.acd-check-a:target {
  display: block;
  /* 他のスタイルも追加 */
}

.upload-none-h2-span {
  font-size: 1.2rem;
  position: relative;
  padding-left: 1rem;
  line-height: 1.3;
}

.maru-yellow {
  font-size: .8rem;
  color: #fbff00;
}

.pink-line {
  background: rgba(0, 0, 0, 0) linear-gradient(transparent 90%, #ff7600 0%) repeat scroll 0 0;
  font-weight: 700;
}

.pink-font {
  color: #ff7600;
}

.mg-t10_pd-t12 {
  margin-top: -10rem;
  padding-top: 12rem !important;
}

@media screen and (min-width: 1200px) {
  .upload-none-h2-span {
      font-size: 1.66rem;
      text-align: center;
  }

  .ura-id-small {
      font-size: 1.2rem;
  }

  .ura-id-p {
      text-align: center;
      font-size: 1.3rem;
  }


  .acd-label,
  .acd-label-a {
      text-align: center;
  }

  .acd-label-a:after {
      right: 21%;
      top: 50%;
      transform: translateY(-50%) translateX(-50%);
      width: 2.4rem;
      height: 2.4rem;
  }

  .ura-a-img {
      margin: 2rem auto 4rem;
  }
}

/********230420身分証の説明イラスト追加****************************************************************************************************************************************/
.sig-up-sample {
  height: auto;
  object-fit: contain;
  width: 100%;
}
.sig-h1-span-lore {
  font-size: 1rem;
  position: relative;
  top: -2.2rem;
  font-weight: 400;
}

.sig-role-box {
  background-color: #FDF8DF;
  padding: 1rem;
  margin-bottom: 1rem;
  margin-top: -1rem;
}

.sig-role-p {
  position: relative;
  color: red;
  font-size: 3.2vw;
  line-height: 1.2;
  padding-left: 14vw;
  padding-right: 1rem;
  font-weight: bold;
}

.sig-role-p::before {
  content: "";
  position: absolute;
  top: 60%;
  left: 8%;
  transform: translate(-50%, -50%);
  width: 3rem;
  height: 3rem;
  background-image: url(/wp-content/themes/blankslate-child/assets/images/signup/sig-id-role_img001-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.sig-role-img {
  padding-top: 1rem;
  object-fit: contain;
  text-align: center;
}


@media screen and (min-width:1200px) {
  .sig-role-box {
      background-color: #FDF8DF;
      padding: 1rem;
      margin-bottom: 1rem;
      margin-top: 4rem;
      padding-top: 5rem;
  }

  .sig-role-img {
      margin-top: 0;
      width: 40rem;
      margin-right: auto;
      margin-left: auto;
  }

  .sig-role-p {
      margin-left: auto;
      font-size: 1.66rem;
      line-height: 1.2;
      padding-left: 0;
      padding-right: 0;
      font-weight: bold;
      text-align: center;
      top: 0rem;
  }

  .sig-role-p::before {
      top: -100%;
      left: 50%;
      width: 8rem;
      height: 8rem;
      display: block;
  }

}

@media screen and (max-width: 1199px) {
  .bonus-span {
      display: inline-block;
      margin-top: 1.2rem;
      text-align: center;
      font-size: 0.8rem;
  }

  .yellow_line {
      background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fbff00 0%) repeat scroll 0 0;
      font-weight: 700;
  }

  .sig-bot-boxtu-tu {
      position: relative;
  }

  .bonus-span {
      position: absolute;
      top: 55%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      width: 90%;
      text-align: center;
  }
}

@media screen and (min-width: 1200px) {
  .sig-bot-p-tu {
      position: relative;
  }

  .bonus-span {
      position: absolute;
      top: 75%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      width: 90%;
      text-align: center;
  }

  .yellow_line {
      background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fbff00 0%) repeat scroll 0 0;
      font-weight: 700;
  }
}


/*2023/12/13_身分証ページ改修のための追記(国島)*****************************************************************/

.sign-upload-wrap-h2 span::before {
  content: "";
  display: inline-block;
  position: absolute;
  background-color: #fff;
  padding: 0 1rem;
  width: 4rem;
  height: 1.5rem;
  top: -2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.sign-upload-wrap-h2 .sign-step04::before {
  background: url(/assets/images/sign-step4.svg) no-repeat;
  background-size: cover;
}

.sign-upload-wrap-h2 .sign-comp::before {
  background: url(/assets/images/sign-completed.svg) no-repeat;
  background-size: cover;
}
.sign-upload-wrap-h2 .sign-step03::before {
  background: url(/assets/images/sign-step3.svg) no-repeat;
  background-size: cover;
}
.sig-upload-p {
  text-align: center;
  background-color: #ff7600;
  padding: 0.5rem 1rem;
  border-radius: 1rem;
  color: #fff;
  width: 100%;
  display: block;
  max-width: 260px;
  margin: 0 auto;
}
.sig-modal-flex-id {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

.office-maintitle-2 .moz-title {
  font-size: 1.466rem;
  text-align: center;
  color: #3B4043;
  font-weight: 700;
  line-height: 1.3;
  margin: 2rem 0 3rem;
}

.acd-check, .acd-check2, .acd-check3, .acd-check4, .acd-check-a, .acd-check-b, .acd-check-c {
  display: none;
}
.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1000; /* 調整が必要かもしれません */
}

.overlay.active {
  display: block;
}
.popup-overlay1,
.popup-overlay2,
.popup-overlay3,
.popup-overlay4,
.popup-overlay5,
.popup-overlay6,
.popup-overlay7,
.popup-overlay8,
.popup-overlay9,
.popup-overlay10 {
  visibility: hidden;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  height: auto;
  border-radius: 1rem;
  padding: 2rem 2rem 1rem;
  z-index: 1000;
  text-align: center;
}

.popup-overlay1.active,
.popup-overlay2.active,
.popup-overlay3.active,
.popup-overlay4.active,
.popup-overlay5.active,
.popup-overlay6.active,
.popup-overlay7.active,
.popup-overlay8.active,
.popup-overlay9.active,
.popup-overlay10.active {
  visibility: visible;
}

.popup-content1,
.popup-content2,
.popup-content3,
.popup-content4,
.popup-content5,
.popup-content6,
.popup-content7,
.popup-content8,
.popup-content9,
.popup-content10 {
  visibility: hidden;
}

.popup-content1.active,
.popup-content2.active,
.popup-content3.active,
.popup-content4.active,
.popup-content5.active,
.popup-content6.active,
.popup-content7.active,
.popup-content8.active,
.popup-content9.active,
.popup-content10.active {
  visibility: visible;
}

.popup-content-dl {
  color: #fff;
}

.popup-content-dl dt {
  color: red;
  font-size: 1.4rem;
}

.popup-content-dl dd {
  text-align: justify;
  padding: 1rem;
  margin-left: 0;
}

.close {
  padding: 0.3rem 2rem;
  margin: 0.3rem 1rem;
  border-radius: 1.5rem;
  border: 1px solid #1f1f1f;
  background-color: #fff;
  color: #1f1f1f;
  font-size: 1.2rem;
  font-weight: bold;
}

.popup-content-p {
  color: #ff0;
}

.btn-span-0pen {
  color: #1f1f1f;
}

button:hover {

  color: rgb(245, 38, 128);
}

.sig-imgup-ng-frex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  flex-direction: row;
  align-items: center;
  max-width: 900px;
  margin: 0 auto;
}

.sig-imgup-ng-box {
  width: 45%;
  padding: .5rem 0;
}

.btn-01 {
  text-align: center;
  border: 2px solid #1f1f1f;
  width: 7rem;
  padding: 0.2rem 2rem 0.2rem 1rem;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  font-size: 1rem;
  font-weight: bold;
  background-color: rgba(255, 255, 255, 0.5);
  color: #1f1f1f;
}

.btn-01 ::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translate(-50%, -50%);
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(/wp-content/themes/blankslate-child/assets/images/signup2/sig-new-svg03.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.btn-02 {
  border: 1px solid #1f1f1f;
  height: 2rem;
  width: 2rem;
  background-color: #1f1f1f;
  padding: 0.1rem;
  position: absolute;
}


.id-label-btn, .id-label-btn02, .id-label-btn03, .id-label-btn04 {
  width: fit-content;
  border: 1px solid #1f1f1f;
  border-radius: 3rem;
  padding: .8rem 4rem;
  display: block;
  margin-inline: auto;
  position: relative;
  background-color: #fff;
}

.id-label-btn-h2, .id-label-btn-h202 {
  font-size: 1.1rem;
  font-weight: 400;
  display: inline-block;
  padding-right: 2rem;
  color: #fff;
}


.btn-span-open::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2;
  height: 2;
  background-image: url(/wp-content/themes/blankslate-child/assets/images/signup2/sig-new-svg03.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

/* openbtn-01*/
.id-label-btn, .id-label-btn02, .id-label-btn03, .id-label-btn04 {
  width: fit-content;
  border: none;
  border-radius: 3rem;
  padding: 0.8rem 4rem;
  display: block;
  margin-inline: auto;
  position: relative;
  background-color: #06c655;
  box-shadow: 0px 3px 6px #00000029;
  color: #fff;
  font-size: 1.1rem;
}


.btn-span-open::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2;
  height: 2;
  background-image: url(/wp-content/themes/blankslate-child/assets/images/signup2/sig-new-svg03.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.id-label-btn:after, .id-label-btn-h202::after {
  box-sizing: border-box;
  content: "";
  display: block;
  padding: 0.6rem;
  position: absolute;
  right: 2rem;
  top: 1.1rem;
  background: url(/wp-content/themes/blankslate-child/assets/images/signup2/sig-new-svg08.svg) no-repeat;
  background-size: contain;
}

.acd-check:checked+.id-label-btn:after, .acd-check2:checked+.id-label-btn:after, .acd-check3:checked+.id-label-btn:after, .acd-check4:checked+.id-label-btn:after {
  background: url(/wp-content/themes/blankslate-child/assets/images/signup2/sig-new-svg09.svg) no-repeat;
  background-size: contain;
  right: 2rem;
  top: 1.6rem;
  padding: 0.6rem;
  position: absolute;

}

.acd-check:checked+.id-label-btn+.acd-content,
.acd-check2:checked+.id-label-btn+.acd-content,
.acd-check3:checked+.id-label-btn+.acd-content,
.acd-check4:checked+.id-label-btn+.acd-content {
  height: auto;
  opacity: 1;
  padding: 1rem;
  visibility: visible;
  display: block;
  text-align: center;
}

/* openbtn-01  end*/
/* openbtn-02 */
.id-label-btn02 {
  width: fit-content;
  border: 1px solid #FF9900;
  padding: 1rem 5rem;
  display: block;
  margin-inline: auto;
  position: relative;
  background-color: #fff;
  margin: 2rem auto;
}

.id-label-btn-h202 {
  font-size: 1.1rem;
  font-weight: 400;
  display: inline-block;
  padding-right: 2rem;
  color: #FF9900;
}


.btn-span-open02::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2;
  height: 2;
  background-image: url(/wp-content/themes/blankslate-child/assets/images/signup2/sig-new-svg03.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.id-label-btn02:after {
  box-sizing: border-box;
  content: "";
  display: block;
  padding: .5rem;
  position: absolute;
  right: 2rem;
  top: 1.5rem;
  background: url(/wp-content/themes/blankslate-child/assets/images/signup2/sig-new-svg10.svg) no-repeat;
  background-size: contain;
}

.acd-check2:checked+.id-label-btn02:after,
.acd-check3:checked+.id-label-btn02:after,
.acd-check4:checked+.id-label-btn02:after {
  background: url(/wp-content/themes/blankslate-child/assets/images/signup2/sig-new-svg11.svg) no-repeat;
  background-size: contain;
  right: 2rem;
  top: 2rem;
  padding: 0.5rem;
  position: absolute;

}


.acd-check2:checked+.id-label-btn02+.acd-content-bbb,
.acd-check3:checked+.id-label-btn02+.acd-content-bbb,
.acd-check4:checked+.id-label-btn02+.acd-content-bbb {
  height: auto;
  opacity: 1;
  padding: 1rem;
  visibility: visible;
  background-color: #FFFCED;
  display: block;
  text-align: center;
}



/* openbtn-02  end*/


.test-point-box {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  align-items: center;
  width: fit-content;
  max-width: 60rem;
}

.test-point-box2, .test-point-box3 {
  margin: 0 auto;
  width: fit-content;
}


.test-point-box .box01 {
  width: 70%;
}

.test-point-box .box02 {
  width: 30%;
  margin: 0 -2rem 0 0;
}

.test-point-box .box03 {
  width: 60%;
}

.test-point-box .box04 {
  width: 40%;
  margin: 0 -2rem 0 0;
}

.test-point-box .box05 {
  width: 70%;
}

.test-point-box li, .test-point-box2 li, .test-point-box3 li {
  margin: 0.5rem;
  list-style: disc;
  font-size: 3.4vw;

}

.test-point-box>.box05 li:last-of-type {
  list-style: none;
  font-size: 3vw;

}

.test-point-box3 li:last-of-type {
  list-style: none;
  background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fbff00 0%) repeat scroll 0 0;
}

.text-nuder-y {
  background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fbff00 0%) repeat scroll 0 0;
}

.test-point-bg {
  padding-left: 2rem;
  padding-right: 2rem;
  border-top: 1px dashed #1f1f1f;
  background-image: linear-gradient(180deg, #fdf8df, rgba(255, 255, 255, 1));
}

.cap-h2 {
  text-align: center;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 1.2rem;
  border: 1px solid #1f1f1f;
  width: fit-content;
  padding: 0.3rem 0.5rem 0.3rem 0.5rem;
  border-radius: 2rem;
  background-color: #FFDA22;
  position: relative;
  top: -1.5rem;
}

.cap-h2 span {
  position: relative;
  display: block;
}

.test-point-box2, .test-point-box3 {
  display: flex;
}


.test-point-box2-box {
  position: relative;
  margin: 1.5rem;
}

.test-point-box-p {
  text-align: center;
  font-size: 3.4vw;
  border: 1px dashed #1f1f1f;
  margin-bottom: 0.5rem;
}

.cap-top-h2 {
  color: #1f1f1f;
  text-align: center;
  font-size: 1.2rem;
  position: relative;
  margin-top: 9rem;
}

.cap-top-h2::before {
  content: "";
  position: absolute;
  top: -10%;
  left: 50%;
  transform: translate(-50%, -100%);
  width: 10rem;
  height: 7rem;
  background-image: url(/wp-content/themes/blankslate-child/assets/images/signup2/sig-new-svg01.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.btn-00 {
  width: fit-content;
  border: none;
  border-radius: 3rem;
  padding: 0.8rem 4rem;
  display: block;
  margin-inline: auto;
  position: relative;
  background-color: #06c655;
  box-shadow: 0px 3px 6px #00000029;
  color: #fff;
  font-size: 1.1rem;
  margin-top: 1rem;
  margin-bottom: 5rem;
}

.test-point-box2-box-h4-1 {
  background-color: red;
  border-radius: 1rem;
  padding: 0.1rem 1rem;
  color: #fff;
  display: block;
  width: fit-content;
}

.test-point-box2-box-h4-2 {
  background-color: #1f1f1f;
  border-radius: 1rem;
  padding: 0.1rem 1rem;
  color: #fff;
  display: block;
  width: fit-content;
}



.sig-cap-p01 {
  background-color: #1f1f1f;
  width: 100%;
  height: auto;
  font-size: 3.4vw;
  line-height: 1.4;
  margin-bottom: 1rem;

}

.sig-cap-p01 p {
  color: #fff;
  position: relative;
  display: inline-block;
  margin: 0 auto;
  padding: 1rem 8rem 1rem 3rem
}

.sig-cap-p01 span {
  color: #FFE600;

}

.sig-cap-p01 p::after {
  content: "";
  position: absolute;
  top: 35%;
  left: 90%;
  transform: translate(-50%, -50%);
  width: 9.5rem;
  height: 6rem;
  background-image: url(/wp-content/themes/blankslate-child/assets/images/signup2/sig-new-img011.webp);
  background-size: contain;
  background-repeat: no-repeat;
}

.sig-cap-p01 p::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 6.5%;
  transform: translate(-50%, -50%);
  width: 2rem;
  height: 2rem;
  background-image: url(/wp-content/themes/blankslate-child/assets/images/signup2/sig-new-svg04.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.sig-up-sample-new {
  height: auto;
  object-fit: contain;
  width: 100%;
}

.uplord-img-h3-new {
  border: 1px solid #ff9900;
  color: #FF9900;
  font-weight: 400;
  font-size: 1rem;
  padding: 0.3rem 1rem;
  width: 80%;
  text-align: center;
  margin-bottom: 0.5rem;
}

.sig-upload-p-new {
  text-align: center;
  background-color: #ff9900;
  padding: 0.2rem 2rem;
  border-radius: 1rem;
  color: #fff;
  width: fit-content;
  display: block;
  max-width: 260px;
  margin: 0 auto;
}

.uplord-flexbox-img-new {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 0.5rem;
  border: 1px solid #FF9900;
  margin: 1rem;
  width: 100%;
  max-width: 300px;
  justify-content: space-between;
}

.pd-b1 {
  padding-bottom: 1rem;
}

.pd-b2 {
  padding-bottom: 2rem;
}

.pd-t1 {
  padding-top: 1rem;
}

.mg-1 {
  margin: 1rem;
}

.mg-2 {
  margin: 2rem;
}

.mg-t2 {
  margin-top: 2rem;
}

.mg-t3 {
  margin-top: 3rem;
}

.mg-t3-pc-t7 {
  margin-top: 3rem;
}

.mg-t6-pc-t12 {
  margin-top: 6rem;
}

.mg-b-4 {
  margin-bottom: -4rem;
}

.mg-t-1_5 {
  margin-top: -1.5rem;
}

.sign-step05-h3 {
  padding: 1rem 2rem;
  background-color: #FFDA22;
  font-weight: 400;
  border-top: 2px solid #1f1f1f;
  border-bottom: 2px solid #1f1f1f;
  text-align: center;
  margin-top: 3rem;
}

.sign-step05-h3>p {
  position: relative;
  display: inline-block;
  margin-right: 6rem;
}

.sign-step05-h3>p::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -65%;
  transform: translate(0%, -50%);
  width: 10rem;
  height: 6.5rem;
  background-image: url(/wp-content/themes/blankslate-child/assets/images/signup2/sig-new-img012.webp);
  background-size: contain;
  background-repeat: no-repeat;
}

.sign-step05-h3>p span {
  font-size: 1.4rem;
  font-weight: bold;
  background-image: radial-gradient(circle at center, #1f1f1f 20%, transparent 20%);
  background-position: top right;
  background-repeat: repeat-x;
  background-size: 1em 0.3em;
  padding-top: .2em;
}



.uplord-flexbox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.uplord-flexbox-img {
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 0.5rem;
  border: 2px solid #fff;
  margin: 0.33rem;
  width: 47%;
  height: auto;
  max-width: 300px;
  justify-content: space-between;
  box-shadow: 0px 3px 6px #00000029;
}

.uplord-img-h3 {
  color: #ff7600;
  font-size: 1.1rem;
}

.sig-h1-span-lore {
  font-size: 1rem;
  position: relative;
  top: -2.4rem;
  font-weight: 400;
}

.sig-pc-flex,
.top-pc-flex {
  display: block;
}

.sig-top-box {
  margin: auto;
  max-width: 1400px;
}

.bg-f {
  background-color: #fff;
  color: #1f1f1f;
  padding: 2rem;
}

.myn-ng-img01-box {
  margin-top: -2rem;
  margin-bottom: 1rem;
  width: 100%;
  height: auto;
  display: block;
  padding-left: 1rem;
  padding-right: 1rem;
}

.cap-h2 span::before,
.cap-h2 span::after {
  position: relative;
  display: inline-block;
  content: "";
  background: #1f1f1f;
  width: 1px;
  height: 1em;
  margin: 0 1em;
  margin-top: -.2em;
  vertical-align: middle;
}

.cap-h2 span::before {
  transform: rotate(-35deg);
}

.cap-h2 span::after {
  transform: rotate(35deg);
}

.sign-step05-p {
  border-bottom: 1px dashed #1f1f1f;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}



.stu-img-h3::before {
  z-index: 10;
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translate(-50%, -50%);
  width: 5rem;
  height: 4rem;
  background-image: url(/wp-content/themes/blankslate-child/assets/images/signup2/sig-new-img012.webp);
  background-size: contain;
  background-repeat: no-repeat;
}

.botom-boder-das {
  border-bottom: 1px dashed #1f1f1f;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

@media screen and (min-width:1200px) {
  .sign-upload-wrap-h2 span {
    padding: 1rem 1rem;
    top: 0;
    max-width: 740px;
    line-height: 0;
    font-size: 2rem;
}
  .sign-upload-wrap-h2 span::before {
    width: 17rem;
    height: 5.5rem;
    top: -6rem;
}
  .mg-t3-pc-t7 {
    margin-top: 7rem;
  }

  .btn-00 {
    font-size: 2rem;
    margin: 0 auto;
  }

  .sig-imgup-ng-box {
    width: 30%;
    margin: 1rem;
  }

  .test-point-box li {
    font-size: 1.6rem;
    margin: 1rem;

  }

  .test-point-box2 li, .test-point-box3 li {
    font-size: 1.6rem;
  }

  .cap-h2 {
    font-size: 2rem;
    margin: -1.5rem auto 2rem;
    padding: 1rem 3rem;
    border-radius: 3rem
  }

  .cap-top-h2 {
    font-size: 2rem;
    margin-left: 2rem;
    margin-top: 9rem;
    margin-bottom: 2rem;
  }

  .cap-top-h2::before {
    width: 13rem;
    height: 10rem;
  }

  .test-point-box-p {
    font-size: 1.2rem;
    width: fit-content;
    margin: 0 0 0 4rem;
    padding: 0.5rem 2rem;
  }

  .test-point-box .box01 {
    position: relative;
    width: 28rem;
    left: 2rem;
  }

  .test-point-box .box05 {
    position: relative;
    width: 35rem;
    left: 0;
  }

  .test-point-box .box02 {
    width: 9rem;
    position: relative;
    right: -1rem;
  }

  .test-point-box2-box {
    width: 17rem;
    margin: 2rem 1rem 1rem 1rem;
  }

  .id-label-btn, .id-label-btn02 {
    padding: 0.8rem 10rem;
    margin-top: 3rem;
  }

  .id-label-btn-h2 {
    margin: 0 auto;
    font-size: 2rem;
  }

  .id-label-btn:after, .id-label-btn02::after {
    padding: 1rem;
    right: 3rem;
    top: 1.4rem;
  }

  .acd-check:checked+.id-label-btn:after, .acd-check2:checked+.id-label-btn:after, .acd-check3:checked+.id-label-btn:after, .acd-check4:checked+.id-label-btn:after {
    right: 3rem;
    top: 2.3rem;
    padding: 1rem;
  }

  .sig-cap-p01 {
    width: 100%;
    padding: 2rem 6rem;
    font-size: 1.5rem;
    text-align: center;
  }

  .sig-cap-p01::before {
    left: 7%;
    width: 3rem;
    height: 3rem;
  }

  .sig-cap-p01 {
    padding: 0;
  }

  .sig-cap-p01 p {
    font-size: 1.5rem;
  }

  .sig-cap-p01 p::before {
    left: 2%;
  }

  .sig-cap-p01 p::after {
    top: 10%;
    left: 100%;
    width: 12rem;
    height: 8rem;
  }

  .acd-check:checked+.id-label-btn+.acd-content, .acd-check2:checked+.id-label-btn+.acd-content, .acd-check3:checked+.id-label-btn+.acd-content, .acd-check4:checked+.id-label-btn+.acd-content {
    margin-top: 4rem;
  }

  .sign-step05-p {
    margin: 2rem auto;
    display: block;
    width: fit-content;
    font-size: 1.6rem;
  }

  .sign-step05-h3>p {
    font-size: 1.6rem;
  }

  .sign-step05-h3>p span {
    font-size: 2rem;
  }

  .sign-step05-h3>p::after {
    right: -50%;
  }

  .sig-imgup-Desc-img-img {
    height: 100px;
    padding: 0 1rem
  }

  .stu-img-h3::before {
    top: 60%;
    left: 88%;
    width: 10rem;
    height: 9rem;
  }

  .sig-top-box {
    margin-bottom: 6rem;
  }

  .mg-t6-pc-t12 {
    margin-top: 12rem;
  }

  .sig-pc-flex {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .top-pc-flex {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .test-point-box2 {
    margin-left: 3rem
  }


  .popup-content-dl dd {
    font-size: 1.5rem;
  }

  .popup-content-dl dt {
    font-size: 2rem;
  }

  .close {
    font-size: 1.5rem;
  }

  .popup-overlay1,
  .popup-overlay2,
  .popup-overlay3,
  .popup-overlay4,
  .popup-overlay5,
  .popup-overlay6,
  .popup-overlay7,
  .popup-overlay8,
  .popup-overlay9,
  .popup-overlay10 {
    width: 50%;
  }

  .acd-check2:checked+.id-label-btn02:after,
  .acd-check3:checked+.id-label-btn02:after,
  .acd-check4:checked+.id-label-btn02:after {
    top: 2.4rem;
    padding: 0.8rem;
  }

  .test-point-box2-box-h4-1,
  .test-point-box2-box-h4-2 {
    border-radius: 2rem;
    padding: 0.1rem 2rem;
    font-size: 1.6rem;
  }

  .btn-01 {
    width: 10rem;
    font-size: 1.5rem;
  }

  .btn-01 ::after {
    width: 2rem;
    height: 2rem;
  }

  .id-label-btn-h202 {
    font-size: 1.8rem;
  }

  .id-label-btn02:after {
    top: 1.6rem;
    padding: .8rem;
  }

  .test-point-box {
    margin: 0 auto;
  }

  .test-point-box .box04 {
    width: 30%;
  }

  .test-point-box .box03 {
    width: 45%;
  }

  .id-label-btn02 {
    margin: 2rem auto 0;
  }

  .uplord-img-h3-new {
    font-size: 1.6rem;
  }

  .sig-upload-p-new {
    border-radius: 1.5rem;
    font-size: 1.6rem;
  }

  .test-point-box>.box05 li:last-of-type {
    font-size: 1.6rem;

  }

  .btn-02 {
    height: 4rem;
    width: 4rem;
    padding: .5rem;
  }

  .uplord-flexbox {
    justify-content: center;
  }

  .myn-ng-img01-box {
    text-align: center;
  }

  .myn-ng-img01-box img {
    width: 38rem;
    margin-top: 1rem;
  }

  .stu-img-h3 {
    padding-right: 10rem
  }

  .stu-img-h3::before {
    top: 60%;
    left: 88%;
    width: 10rem;
    height: 9rem;
  }

  .sig-imgup-Desc-none-img {
    width: 34rem;
    margin: 2rem auto 1rem;
    max-width: 36rem;
  }

}