/* info start */
.ximage-iminfo {
  width: 100%;
  color: #fff;
  font-weight: 500;
  letter-spacing: calc(-.037em + .526px);
  border-bottom: 1px solid transparent;
}

.ximage-iminfo * {
  box-sizing: border-box;
}

.ximage-iminfo .blur-up {
  filter: blur(20px);
  transition: filter .2s;
}

.ximage-iminfo .blur-up.lazyloaded {
  filter: blur(0);
}

.ximage-iminfo picture,
.ximage-iminfo img,
.ximage-iminfo video {
  display: block;
  width: 100%;
  border: 0;
}

.ximage-iminfo .active {
  color: #fff;
}

.ximage-iminfo sup.ssup {
  font-size: .6em;
  cursor: pointer;
}

.ximage-iminfo a {
  text-decoration: none;
}

.ximage-iminfo .nr {
  white-space: nowrap;
  font-style: normal;
}

.ximage-iminfo .showPc {
  display: inline-block;
}

.ximage-iminfo .showMob {
  display: none;
}

.ximage-iminfo .showInWxUc {
  display: none;
}

.ximage-iminfo .showie {
  display: none;
}

.ximage-iminfo .hidden {
  display: none !important;
}

@media screen and (max-aspect-ratio:136/100),
(max-width: 991px) {
  .ximage-iminfo .showPc {
    display: none !important;
  }

  .ximage-iminfo .showPcinline {
    display: none;
  }

  .ximage-iminfo .showMob {
    display: inline-block;
  }
}

/* IE STYLE */
@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
  .ximage-iminfo .showie {
    display: block;
  }

  .ximage-iminfo .hideie {
    display: none;
  }
}


/* sup  */
.ximage-iminfo .last-section {
  position: relative;
  z-index: 20;
}

.ximage-iminfo .last-section a {
  color: #1f71ff
}

.ximage-iminfo .last-section ol {
  width: 82.958333vw;
  margin: 10.4166666666vw auto;
  color: #7f7f7f;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.6;
  list-style: decimal;
}

.ximage-iminfo .last-section .notmm {
  position: relative;
  list-style: none !important;
  margin: 0 0 1.04166666666vw 0;
}

.ximage-iminfo .last-section .mll {
  position: relative;
  list-style: none;
}

.ximage-iminfo .last-section .mll::before {
  content: "*";
  position: absolute;
  top: 0;
  left: -9px;
}

.ximage-iminfo .last-section .mll1 {
  position: relative;
  list-style: none;
}

.ximage-iminfo .last-section .mll1::before {
  content: "**";
  position: absolute;
  top: 0;
  left: -14px;
}

@media screen and (max-aspect-ratio:136/100),
(max-width: 991px) {
  .ximage-iminfo .last-section .mll1::before {
    left: -4.1666666666vw;
  }

  .ximage-iminfo .last-section .mll::before {
    left: -2.7777777777vw;
  }
}

@media screen and (min-width: 1921px) {
  .ximage-iminfo .last-section .mll1::before {
    left: -0.8333333333vw;
  }
}

/* mob */
@media screen and (max-aspect-ratio:136/100),
(max-width: 991px) {
  .ximage-iminfo .last-section .notmm {
    margin: 0 0 2.777777777vw 0;
  }

  .ximage-iminfo .last-section ol {
    width: 82.1vw;
    margin: 27.777777777vw 0 27.777777777vw 10.833333333vw;
    font-size: 3.3333333333vw;
  }
}


/* section pc 1 */
.ximage-iminfo {
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 999;
}

.ximage-iminfo .x-imfo-shadow {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(0, 0, 0, .7);
  backdrop-filter: blur(50px);
}

.ximage-iminfo .ou-imfo-modal {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  z-index: 999;
  overflow-x: hidden;
}

.ximage-iminfo .x-formitem {
  display: flex;
  align-items: center;
  margin: 0 0 2.08333333333vw 0
}

.ximage-iminfo .imfo-cbtn {
  position: absolute;
  right: 0;
  top: 0;
  width: 3.3333333333vw;
  z-index: 9;
  cursor: pointer;
  transition: all .3s linear;
  transform-origin: center;
}

.ximage-iminfo .imfo-cbtn:hover {
  transform: rotate(90deg);
}

.ximage-iminfo .x-imfo-item0 {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 5.625vw;
}

.ximage-iminfo .imfo-maint {
  color: #000;
  font-size: 1.25vw;
  font-weight: 500;
  text-align: center;
  line-height: 1.6;
}

.ximage-iminfo .imfo-icon {
  position: relative;
  margin: 0 0 0 0.57291667vw;
}

.ximage-iminfo .icon-wen {
  width: 1.145833333333vw;
  cursor: pointer;
}

.ximage-iminfo .imfo-alr {
  position: absolute;
  top: calc(100% + 1.04166666666vw);
  right: -7.08333333333vw;
  width: 20.8333333333vw;
  padding: 1.04166666666vw;
  color: #ffffff;
  font-size: 0.72916666666vw;
  line-height: 1.6;
  background: rgba(0, 0, 0, .8);
  border-radius: 0.3125vw;
  opacity: 0;
  transition: all .3s linear;
  pointer-events: none;
}

.ximage-iminfo .icon-wen:hover+.imfo-alr {
  opacity: 1;
  z-index: 9;
  pointer-events: none;
}

.ximage-iminfo .imfo-alr::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-bottom: 0.41666666666vw solid rgba(0, 0, 0, .8);
  border-right: 0.41666666666vw solid transparent;
  border-left: 0.41666666666vw solid transparent;
  border-top: 0.41666666666vw solid transparent;
  top: 1px;
  left: 12.8125vw;
  transform: translate(0, -100%);
}

.ximage-iminfo .x-imfo-maincon {
  width: 43.95833333333vw;
  margin: 5.625vw 0 0 0;
  max-height: 80vh;
  padding-left: 2.08333333vw;
  overflow-y: auto;
  overflow-x: hidden;
}

.ximage-iminfo .x-imfo-item1 {
  width: 4.16666666666vw;
  height: 4.16666666666vw;
  margin: 0.36458333vw auto 2.08333333vw;
  border-radius: 50%;
  position: relative;
}

.ximage-iminfo .x-imfo-item1 .headinfo {
  position: relative;
}

.ximage-iminfo .x-imfo-item1 .header-img {
  width: 4.16666666666vw;
  height: 4.16666666666vw;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  overflow: hidden;
  object-fit: cover
}

.ximage-iminfo .x-imfo-item1 .header-border {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 120%;
  height: 120%;
  z-index: -1;
}

.ximage-iminfo .x-label {
  flex: 1;
  color: #000;
  font-size: 0.833333333333vw;
  line-height: 1.6;
  text-align: right;
  font-weight: 400;
}

.ximage-iminfo .x-label b {
  color: #ce0d2d;
}

.ximage-iminfo .inpu-form {
  display: flex;
  width: calc(100% - 8.38541667vw);
  margin: 0 0 0 2.08333333333vw;
  flex-wrap: wrap;
}

.ximage-iminfo .inpu-form.select-list {
  margin-top: -1.04166666666vw;

}

.ximage-iminfo .x-imfo-item2 .inpu-form,
.ximage-iminfo .x-imfo-item5 .inpu-form {
  color: rgba(0, 0, 0, .5);
  font-size: 0.83333333333vw;
  font-weight: 400;
  line-height: 1.6;
}

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

  .ximage-iminfo .x-imfo-item2 .inpu-form,
  .ximage-iminfo .x-imfo-item5 .inpu-form {
    font-size: 12px;
  }
}

.ximage-iminfo .tagitem {
  margin: 1.04166666666vw 1.04166666666vw 0 0;
  padding: 0.72916667vw 1.5625vw;
  color: #000;
  font-size: 0.72916667vw;
  font-weight: 500;
  line-height: 1.25;
  border-radius: 0.3125vw;
  background: rgba(0, 0, 0, .1);
  cursor: pointer;
}

.ximage-iminfo .tactive {
  color: #fff;
  background-color: #000;
}

@media screen and (max-width: 1646px) {
  .ximage-iminfo .tagitem {
    font-size: 12px;
  }
}

.ximage-iminfo .x-imfo-item8 {
  width: 37.810417vw;
  align-items: flex-start;
  margin: 0 0 1.09375vw 6.875vw;
}

.ximage-iminfo .x-formitem4 {
  margin-bottom: 1.09375vw;
}

.ximage-iminfo .x-imfo-item8 .privamsg {
  color: #666;
  font-size: 0.833333333333vw;
  font-weight: 400;
  line-height: 1.6;
}

.ximage-iminfo .x-imfo-item8 .privamsg a {
  color: #000;
  cursor: pointer;
}

.ximage-iminfo .x-imfo-item9 {
  justify-content: center;
}

.ximage-iminfo .x-imfo-item9 .x-imfo-cancel {
  padding: 15px 24px 14.75px;
  color: #000;
  font-size: 13px;
  font-weight: 500;
  border: 1px solid rgba(0, 0, 0, .5);
  border-radius: 6px;
  line-height: 1.25;
  transition: all .3s ease;
  cursor: pointer;
}

.ximage-iminfo .x-imfo-item9 .x-imfo-cancel:hover {
  border: 1px solid #000;
}

.ximage-iminfo .x-imfo-item9 .x-imfo-confirm {
  margin: 0 0 0 1.04166666666vw;
  padding: 15px 24px 14.75px;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.25;
  background: #ce0e2d;
  border-radius: 6px;
  border: 1px solid #ce0e2d;
  cursor: pointer;
  transition: opacity .3s linear;
}

.ximage-iminfo .x-imfo-item9 .x-imfo-confirm:hover {
  opacity: .7;
}

.ximage-iminfo .x-imfo-item8 .selfradio {
  position: relative;
  display: flex;
  width: 1.04166666666vw;
  height: 1.04166666666vw;
  margin: 0.15625vw 0.52083333333vw 0 0;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, .5);
  cursor: pointer;
  flex-shrink: 0;
}

.ximage-iminfo .x-imfo-item8 .chosearr {
  flex-shrink: 0;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ximage-iminfo .aler-msg {
  display: none;
  margin: 0.52083333333vw 0 0 0;
  color: #ff002a;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
}

.ximage-iminfo .x-imfo-item8 .curSta {
  border: none;
}

.ximage-iminfo .x-imfo-item8 .curSta .chosearr {
  display: flex;
}

.ximage-iminfo .x-imfo-item8 .error+.nimin .aler-msg {
  display: block;
}

.ximage-iminfo .x-imfo-item8 .chosearr svg {
  width: 100%;
  height: 100%;
}

.ximage-iminfo .x-imfo-item6 {
  margin: 0 0 1.04166666666vw 0;
}

.ximage-iminfo .x-imfo-item7 input,
.ximage-iminfo .x-imfo-item6 input {
  width: 31.25vw;
  padding: 1.09375vw 0 1.04166667vw 1.04166667vw;
  border-radius: 0.52083333vw;
  font-size: 0.833333333333vw;
  font-weight: 400;
  border: none;
  outline: none;
  background: rgba(0, 0, 0, .1);
  color: rgba(0, 0, 0, .3);
}

.ximage-iminfo .x-imfo-item7 .error,
.ximage-iminfo .x-imfo-item6 .error {
  border: 1px solid #fe012a;
  background-color: transparent;
}

.ximage-iminfo .x-imfo-item7 .error+.aler-msg,
.ximage-iminfo .x-imfo-item6 .error+.aler-msg {
  display: block;
}

.ximage-iminfo .x-imfo-item7 input::-webkit-input-placeholder,
.ximage-iminfo .x-imfo-item6 input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .2);
  font-size: 0.833333333333vw;
  font-weight: 400;
  line-height: 1.6;
}

.ximage-iminfo .x-imfo-item7 input::-moz-input-placeholder,
.ximage-iminfo .x-imfo-item6 input::-moz-input-placeholder {
  color: rgba(0, 0, 0, .2);
  font-size: 0.833333333333vw;
  font-weight: 400;
  line-height: 1.6;
}

.ximage-iminfo .x-imfo-item7 input::-ms-input-placeholder,
.ximage-iminfo .x-imfo-item6 input::-ms-input-placeholder {
  color: rgba(0, 0, 0, .2);
  font-size: 0.833333333333vw;
  font-weight: 400;
  line-height: 1.6;
}

.ximage-iminfo .x-imfo-item6 .x-phone,
.ximage-iminfo .x-imfo-item7 .x-email {
  margin: -0.15625vw 0 0 0;
}

.ximage-iminfo .phoneInput,
.ximage-iminfo .emailInput {
  display: flex;
  flex-direction: column;
}

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

  .ximage-iminfo .x-imfo-item7 input,
  .ximage-iminfo .x-imfo-item6 input {
    font-size: 12px;
  }

  .ximage-iminfo .x-imfo-item7 input::-webkit-input-placeholder,
  .ximage-iminfo .x-imfo-item6 input::-webkit-input-placeholder {
    font-size: 12px;
  }

  .ximage-iminfo .x-imfo-item7 input::-moz-input-placeholder,
  .ximage-iminfo .x-imfo-item6 input::-moz-input-placeholder {
    font-size: 12px;
  }

  .ximage-iminfo .x-imfo-item7 input::-ms-input-placeholder,
  .ximage-iminfo .x-imfo-item6 input::-ms-input-placeholder {
    font-size: 12px;
  }

  .ximage-iminfo .x-label {
    font-size: 12px;
  }
}

/* mob */
@media screen and (max-aspect-ratio:136/100),
(max-width: 991px) {
  .ximage-iminfo .imfo-cbtn {
    width: 10vw;
  }

  .ximage-iminfo .ou-imfo-modal {
    width: 100%;
    height: 100%;
    max-height: none;
    overflow: hidden;
  }

  .ximage-iminfo .x-formitem {
    flex-direction: column;
    align-items: flex-start;
    margin: 0 0 6.666667vw 0;
  }

  .ximage-iminfo .x-formitem2 {
    margin-bottom: 8.888889vw;
  }

  .ximage-iminfo .imfo-icon {
    margin: 0 0 0 1.38888888888vw;
  }

  .ximage-iminfo .x-label {
    margin: 0 0 3.333333333vw 6.66666666666vw;
    font-size: 3.88888888888vw;
    font-weight: 500;
  }

  .ximage-iminfo .imfo-maint {
    font-size: 28px;
    font-size: 3.88888888888vw;
  }

  .ximage-iminfo .icon-wen {
    width: 4.16666666666vw;
    cursor: default;
  }

  .ximage-iminfo .tagitem {
    flex-shrink: 0;
    margin: 3.33333333333vw 3.33333333333vw 0 0;
    padding: 1.944444vw 4.444444vw;
    font-size: 3.33333333333vw;
    border-radius: 0.833333333333vw;
    cursor: none;
  }

  .ximage-iminfo .x-imfo-item0 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 20.138889vw;
    margin: 0;
    background-color: #fff;
    z-index: 5;
  }

  .ximage-iminfo .x-imfo-maincon {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding-left: 0;
    max-height: unset;
    overflow: auto;
    z-index: 4;
  }

  .ximage-iminfo .x-imfo-item1 {
    width: 13.33333333333vw;
    height: 13.33333333333vw;
    margin: 20.138889vw auto 3.333333vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .ximage-iminfo .x-imfo-item1 .header-border {
    width: 13.333333vw;
    height: 13.333333vw;
  }

  .ximage-iminfo .x-imfo-item1 .header-img {
    width: 11.388889vw;
    height: 11.388889vw;
  }

  .ximage-iminfo .inpu-form {
    width: calc(100% - 6.666667vw);
    flex-wrap: wrap;
    margin: 0 0 0 6.66666666666vw;
  }

  .ximage-iminfo .inpu-form.select-list {
    margin-top: -3.33333333333vw
  }

  .ximage-iminfo .phoneInput,
  .ximage-iminfo .emailInput {
    width: 100%;
  }

  .ximage-iminfo .x-imfo-item2 .inpu-form,
  .ximage-iminfo .x-imfo-item5 .inpu-form {
    margin: 0 0 0 6.66666666666vw;
    font-size: 3.88888888888vw;
  }

  .ximage-iminfo .x-imfo-item7 input,
  .ximage-iminfo .x-imfo-item6 input {
    width: calc(100% - 6.666667vw);
    padding: 3.472222vw 0 3.194444vw 3.333333vw;
    border-radius: 0.833333vw;
    font-size: 3.888889vw;
    color: rgba(0, 0, 0, .5);
    font-size: 3.88888888888vw;
  }

  .ximage-iminfo .x-instagramspe .inpu-form {
    display: unset;
  }

  .ximage-iminfo .x-imfo-item6 .inpu-form {
    display: unset;
  }

  .ximage-iminfo .x-imfo-item7 input::-webkit-input-placeholder,
  .ximage-iminfo .x-imfo-item6 input::-webkit-input-placeholder {
    font-size: 3.888889vw;
  }

  .ximage-iminfo .x-imfo-item7 input::-moz-input-placeholder,
  .ximage-iminfo .x-imfo-item6 input::-moz-input-placeholder {
    font-size: 3.888889vw;
  }

  .ximage-iminfo .x-imfo-item7 input::-ms-input-placeholder,
  .ximage-iminfo .x-imfo-item6 input::-ms-input-placeholder {
    font-size: 3.888889vw;
  }

  .ximage-iminfo .aler-msg {
    margin: 3.33333333333vw 0 0 0;
    font-size: 3.33333333333vw;
  }

  .ximage-iminfo .x-imfo-item8 .aler-msg {
    margin: 3.33333333333vw 0 0 -5vw;
  }

  .ximage-iminfo .x-imfo-item8 {
    justify-content: flex-start;
    margin: 0 0 3.333333vw 6.6666666666vw;
  }

  .ximage-iminfo .x-formitem4 {
    margin-bottom: 6.666667vw;
  }

  .ximage-iminfo .x-imfo-item8,
  .ximage-iminfo .x-imfo-item9 {
    flex-direction: row;
  }

  .ximage-iminfo .x-imfo-item8 .privamsg {
    width: 68.33333333333vw;
    font-size: 3.33333333333vw;
  }

  .ximage-iminfo .x-imfo-item8 .selfradio {
    width: 3.88888888888vw;
    height: 3.88888888888vw;
    margin: 1.111111111111vw 1.111111111111vw 0 0;
  }

  .ximage-iminfo .x-imfo-item8 .selfradio::after {
    content: '';
    position: absolute;
    width: 250%;
    height: 250%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .ximage-iminfo .imfo-alr {
    top: calc(100% + 2.22222222222vw);
    left: -43.00555555555vw;
    width: 73.3333333333vw;
    padding: 4.44444444444vw;
    font-size: 3.333333333333vw;
    transform: none;
  }

  .ximage-iminfo .icon-wen:hover+.imfo-alr {
    opacity: 1;
  }

  .ximage-iminfo .imfo-alr::after {
    border-bottom: 1.1111111111vw solid rgba(0, 0, 0, .8);
    border-right: 1.1111111111vw solid transparent;
    border-left: 1.1111111111vw solid transparent;
    border-top: 1.1111111111vw solid transparent;
    left: 44.077778vw;
    transform: translate(0, -100%);
  }

  .ximage-iminfo .x-imfo-item9 .x-imfo-confirm {
    margin: 0 0 0 2.7777777777vw;
  }

  .ximage-iminfo .x-imfo-item9 .x-imfo-cancel,
  .ximage-iminfo .x-imfo-item9 .x-imfo-confirm {
    font-size: 3.61111111111vw;
  }

  .ximage-iminfo .x-imfo-item9 .x-imfo-cancel,
  .ximage-iminfo .x-imfo-item9 .x-imfo-confirm {
    padding: 15px 23px 14.5px;
  }

  .ximage-iminfo .x-imfo-item6 .x-phone,
  .ximage-iminfo .x-imfo-item7 .x-email {
    margin: 0 0 3.333333vw 6.66666666666vw;
  }
}

/* info end */