@charset "UTF-8";
.txtEx {
  text-indent: 120%;
  white-space: nowrap;
  overflow: hidden;
}
.PC {
  display: none;
}
.SP {
  display: inherit;
}
.lparea *,
.lparea *::before,
.lparea *::after {
  font-size: 1.3032vw;
}
.lparea {
  line-height: 1.5;
}
.lparea header .h_logo {
  margin-left: 5em;
}
.lparea header .h_logo img {
  width: 22em;
}
.lparea main h1 {
  font-size: 3.6em;
  line-height: 1.27;
  letter-spacing: 0.1em;
}
.lparea main .upload .area {
  width: 66.8em;
  padding-bottom: 14em;
}
.lparea main .upload .area .upbtn {
  width: 37.2em;
}
.lparea main .upload .area .upbtn label {
  font-size: 3.6em;
}
.lparea main .upload .area .i01 {
  right: 4em;
  translate: 0 -20%;
}
.lparea main .upload .area .i02 {
  width: 31.1em;
}
.lparea main .upload .note {
  font-size: 2.4em;
  line-height: 1.5;
}
.lparea main .size {
  margin-bottom: 6.2em;
}
.lparea main .size .head {
  display: block;
  margin-bottom: 7.7em;
}
.lparea main .size .head .step {
  margin-right: 0;
  font-size: 3.2em;
}
.lparea main .size .head .para {
  display: block;
  font-size: 5.6em;
  margin-top: 0.3em;
}
.lparea main .size .head .small {
  font-size: 2.4em;
}
.lparea main .size .t01 {
  font-size: 3.8em;
}
.lparea main .size .t01:before,
.lparea main .size .t01:after {
  width: 4em;
  height: 8.3em;
  background-image: url("../images/spsize-sura.png");
}
.lparea main .size .area .input01 .it01-t1 .t1,
.lparea main .size .area .input02 .it01-t1 .t1 {
  min-width: 2em;
  font-size: 4.8em;
  text-align: right;
}
.lparea main .size .area .input01 .it01-t1 .input,
.lparea main .size .area .input02 .it01-t1 .input {
  width: 22em;
  height: 8.4em;
}
.lparea main .size .area .input01 .it01-t2,
.lparea main .size .area .input02 .it01-t2 {
  font-size: 2.8em;
}
.lparea main .size .area .t02 {
  font-size: 3.2em;
}
.lparea main .size .i01 {
  left: 1em;
  bottom: 8em;
  margin-left: 0em;
  translate: 0 0;
}
.lparea main .size .arr {
  margin-top: 24.4em;
}
.lparea main .hanni {
  padding-bottom: 7.7em;
}
.lparea main .hanni .head {
  position: relative;
  display: block;
  padding: 5em 0 3em 0;
  text-align: center;
}
.lparea main .hanni .head .step {
  margin-right: 0;
  font-size: 3.2em;
}
.lparea main .hanni .head .para {
  display: block;
  font-size: 5.6em;
  margin-top: 0.3em;
}
.lparea main .hanni .head .small {
  font-size: 2.4em;
}
.lparea main .hanni .head .stepbtn {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 3em;
  width: 23em;
  height: 8.4em;
  margin: 0;
  border-top: 0;
  border-radius: 0 0 2em 2em;
}
.lparea main .hanni .head .stepbtn:after {
  width: 2.7em;
  height: 2.7em;
}
.lparea main .hanni .head .stepbtn a {
  font-size: 2.4em;
}
.lparea main .hanni .t01 {
  font-size: 3.2em;
  line-height: 1.68;
}
.lparea main .hanni .hanni-area {
  width: 66.8em;
  height: 49em;
}
.lparea main .hanni .hanni-btn .btn01 {
  width: 30em;
  height: 8.4em;
}
.lparea main .hanni .hanni-btn .btn01 > a {
  font-size: 3.4em;
}
.lparea main .hanni .arr {
  margin-top: 16.5em;
}
.lparea main .hanni .i01 {
  left: auto;
  right: 0;
  bottom: 7.5em;
  width: 31em;
  margin-left: 0em;
}
.lparea main .option .head {
  position: relative;
  display: block;
  margin-bottom: 8.5em;
  padding: 5em 0 3em 0;
  text-align: center;
}
.lparea main .option .head .step {
  margin-right: 0;
  font-size: 3.2em;
}
.lparea main .option .head .para {
  display: block;
  font-size: 5.6em;
  margin-top: 0.3em;
}
.lparea main .option .head .small {
  font-size: 2.4em;
}
.lparea main .option .head .stepbtn {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 3em;
  width: 23em;
  height: 8.4em;
  margin: 0;
  border-top: 0;
  border-radius: 0 0 2em 2em;
}
.lparea main .option .head .stepbtn:after {
  width: 2.7em;
  height: 2.7em;
}
.lparea main .option .head .stepbtn a {
  font-size: 2.4em;
}
.lparea main .option .area {
  display: block;
  width: 66.8em;
  margin: 0 auto;
}
.lparea main .option .area .input01,
.lparea main .option .area .input02 {
  justify-content: space-between;
  width: 62.8em;
  margin: 0 auto;
  margin-bottom: 4em;
}
.lparea main .option .area .input01 label,
.lparea main .option .area .input02 label {
  width: 30em;
  height: 13em;
}
.lparea main .option .area .input01 label span,
.lparea main .option .area .input02 label span {
  font-size: 3.4em;
}
.lparea main .option .area .input01 label span > span,
.lparea main .option .area .input02 label span > span {
  font-size: 100%;
}
.lparea main .option .area .input01 .ip-tit,
.lparea main .option .area .input02 .ip-tit {
  font-size: 3.8em;
  font-weight: 900;
}
.lparea main .option .price {
  width: 100%;
}
.lparea main .option .price .pri-tit {
  margin-bottom: 1em;
  font-size: 3.8em;
  font-weight: 900;
  text-align: center;
}
.lparea main .option .price .pri-area {
  flex-wrap: wrap;
  gap: 2em 0;
  width: 66.8em;
  margin: 0 auto;
  padding: 3.5em 0;
}
.lparea main .option .price .pri-area .pri-kigo.ikoru {
  margin-left: 3em;
}
.lparea main .option .price .pri-area .pri-area01 {
  width: 50%;
  padding-left: 1em;
}
.lparea main .option .price .pri-area .pri-area02 {
  width: 45%;
}
.lparea main .option .price .pri-area .pri-area03 {
  margin-right: 12em;
}
.lparea main .kakunin {
  padding-bottom: 11em;
}
.lparea main .kakunin .head {
  position: relative;
  display: block;
  margin-bottom: 8em;
  text-align: center;
}
.lparea main .kakunin .head .step {
  margin-right: 0;
  font-size: 3.2em;
}
.lparea main .kakunin .head .para {
  display: block;
  font-size: 5.6em;
  margin-top: 0.3em;
}
.lparea main .kakunin .head .small {
  font-size: 2.4em;
}
.lparea main .kakunin .head .stepbtn {
  position: absolute;
  right: 5em;
  top: 50%;
  translate: 0 -50%;
}
.lparea main .kakunin .kaku-t01 {
  margin-bottom: 2em;
  font-size: 3.2em;
  line-height: 1.68;
}
.lparea main .kakunin .kakunin-area {
  width: 66.8em;
  height: 49em;
}
.lparea main .kakunin .kaku-t03 {
  width: calc(23.857142857143em);
  font-size: 2.8em;
  line-height: 1.64;
  letter-spacing: 0.04em;
}
.lparea main .kakunin .kaku-price {
  width: calc(16.7em);
  font-size: 4em;
  line-height: 2.2;
}
.lparea main .kakunin .kaku-price .s {
  font-size: 70%;
}
.lparea main .kakunin .kaku-t04 {
  width: 66.8em;
  margin: 0 auto;
}
.lparea main .kakunin .kaku-t04 p {
  width: 100%;
  font-size: 2.8em;
}
.lparea main .kakunin .kaku-check {
  margin-top: 10em;
  margin-bottom: 34.5em;
}
.lparea main .kakunin .kaku-check label {
  font-size: 5em;
}
.lparea main .kakunin .kaku-check label .icon {
  width: 6em;
  height: 6em;
}
.lparea main .kakunin .kaku-check label .icon:after {
  scale: 1.4;
}
.lparea main .kakunin .kaku-i01 {
  bottom: 28.4em;
  left: 5em;
  translate: 0;
}
.lparea main .kakunin .kaku-btnarea {
  gap: 0 2.6em;
  width: 66.8em;
  margin: 0 auto;
}
.lparea main .kakunin .kaku-btnarea > a {
  height: 12em;
}
.lparea main .kakunin .kaku-btnarea > a span {
  font-size: 3.2em;
}
.lparea .fixbnr {
  top: 90em;
  width: 16em;
}
.lparea .fixbnr a {
  height: 16em;
  line-height: 1.3;
}
.lparea .js-modal {
    top: 0;
    bottom: 0;
  padding: 5em 0;
}
.lparea .js-modal .is-check,
.lparea .js-modal .is-warituke,
.lparea .js-modal .is-sozai {
  max-width: 66.8em;
}
.lparea .js-modal .is-warituke {
  padding-right: 5em;
  padding-left: 5em;
  padding-bottom: 5em;
}
.lparea .js-modal .is-sozai {
  padding-right: 5em;
  padding-left: 5em;
  padding-bottom: 5em;
}
.lparea .js-modal h2.txt {
  font-size: 4.6em;
  line-height: 1.39;
}
.lparea .js-modal p.txt {
  font-size: 3em;
  line-height: 1.66;
}
.lparea .js-modal p.txt.ta-l {
  text-align: left;
}
.lparea .js-modal p.txt.mk {
  display: inline-block;
  line-height: 1.5;
}
.lparea .js-modal p.txt.mk:after {
  bottom: 2em;
}
.lparea .js-modal p.txt.mk:before {
  content: "";
  position: absolute;
  z-index: -1;
  right: 6em;
  left: 6em;
  bottom: 10em;
  height: 1.4em;
  background: rgba(0,0,0,0);
}
.lparea .js-modal p.txt .sizetxt {
  background-image: url("../images/spmodal-check_line01.png");
}
.lparea .js-modal p.note {
  font-size: 2.4em;
}
.lparea .js-modal .idata {
  width: 56.8em;
}
.lparea .js-modal hr {
  width: 56.8em;
}
.lparea .js-modal .i01 {
  width: 57em;
}
.lparea .js-modal .tatoe {
  width: calc(14.25em);
  font-size: 4em;
  background-image: url("../images/spmodal-check_line02.png");
  background-size: 100%;
}
.lparea .js-modal .sizewrap {
  width: calc(23.666666666667em);
  margin-bottom: 0;
  padding-right: 0;
  padding-left: 0;
  font-size: 2.4em;
}
.lparea .js-modal .i02 {
  width: 57.4em;
}
.lparea .js-modal .wai01 {
  width: 56.8em;
}
.lparea .js-modal .wabox {
  flex-direction: column;
  align-items: center;
}
.lparea .js-modal .wabox .waarr {
  width: 2.5em;
  margin: 0;
  margin-top: 2.8em;
}
.lparea .js-modal .wabox .wai02 {
  width: 39em;
}
.lparea .js-modal .wabox .wai03 {
  width: 46.6em;
}
.lparea .js-modal .watxt02 {
  white-space: nowrap;
}
.lparea .js-modal .soi01 {
  width: 56.7em;
}
.lparea .js-modal .soi02 {
  width: 56.7em;
}
.lparea .js-modal .sotxt01 {
  width: calc(17.75em);
  margin-top: 2em;
  padding: 0.4em 0;
  border-radius: 1.25em;
  font-size: 3.2em;
}
.lparea .js-modal .sobox {
  display: block;
}
.lparea .js-modal .sobox .sobt1 {
  font-size: 2.8em;
}
.lparea .js-modal .soi03 {
  width: 26.6em;
  margin: 0 auto;
  margin-top: 3em;
}
.lparea .js-modal .txt.so1 {
  font-size: 4em;
}
.lparea .js-modal .txt.watxt02 {
  margin: -0.5em 0;
}
.lparea footer .area {
  padding: 3.8em 0;
}
.lparea footer .area p {
  width: calc(27.833333333333em);
  margin: 0 auto;
  font-size: 2.4em;
  line-height: 1.91;
}