body.iframe {
  width: 100%;
  height: auto;
  background: #fff;
  line-height: 1.8;
  padding: 60px 40px 63px;
  box-sizing: border-box;
}

.objSp-area {
  display: none;
}

.colArea {
  margin-top: 60px;
  position: relative;
}

.colArea01 {
  margin-top: 0;
}

.colAreaContents {
  width: 64.75%;
  box-sizing: border-box;
  min-height: 228px;
  position: static;
}

.area_notes > li {
  font-size: var(--fsize12);
}

.notes_kaketuke {
  display: none;
}

.colAreaImages {
  position: absolute;
  right: 0;
  top: 0;
  max-width: 228px;
  width: 228px;
}

.btnArea {
  margin-top: 20px;
  font-size: var(--fsize20);
  font-weight: 500;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .objSp-area {
    display: none;
  }
  .colArea {
    margin-top: 60px;
    position: relative;
  }
  .colArea01 {
    margin-top: 0;
  }
  .colAreaContents {
    width: 100%;
    min-height: inherit;
    position: static;
  }
  .area_notes > li {
    font-size: var(--fsize20);
  }
  .colAreaImages {
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
    margin: 0 auto 20px;
    max-width: 456px;
    width: 100%;
  }
  .btnArea {
    margin-top: 40px;
    font-size: var(--fsize28);
  }
}
@media screen and (max-width: 767px) {
  .objSp-area {
    display: block;
  }
  #modal {
    padding: 2.61vw 2.61vw 5.22vw;
  }
  .colArea {
    margin-top: 7.82vw;
  }
  .colArea01 {
    margin-top: 0;
  }
  .area_notes > li {
    font-size: 2.61vw;
  }
  .colAreaImages {
    margin: 0 auto 2.61vw;
  }
  .btnArea {
    margin-top: 5.22vw;
    font-size: 3.65vw;
  }
}