/* arguments inittial */
/* font style */
/* site style */
/* [ opacity ]
-------------------------------------------------*/
/* [ display style ]
-------------------------------------------------*/
/* [ background-image ]
-------------------------------------------------*/
/* [ writing-mode ]
-------------------------------------------------*/
/* [ illustrator & photoshop letter spacing ]
-------------------------------------------------*/
/* [ easy breakpoint ]
-------------------------------------------------*/
/* [ easy transform ]
-------------------------------------------------*/
@media (max-width: 879px) {
  .popup_wrap .modal_body .pc,
  .popup_wrap .modal_body .PC {
    display: none !important; }
  .popup_wrap .modal_body .sp,
  .popup_wrap .modal_body .SP {
    display: block !important; } }

@media (min-width: 880px) {
  .popup_wrap .modal_body .sp,
  .popup_wrap .modal_body .SP {
    display: none !important; }
  .popup_wrap .modal_body .pc,
  .popup_wrap .modal_body .PC {
    display: block !important; } }

.popup_wrap#modal1 .modal_body .headbox .icon {
  max-width: 76px;
  left: 42px;
  bottom: 44px;
  top: auto; }
  @media (max-width: 1023px) {
    .popup_wrap#modal1 .modal_body .headbox .icon {
      max-width: 40px;
      left: 15px;
      bottom: 29px; } }

.popup_wrap#modal1 .modal_body .itemicon {
  width: 135px;
  bottom: 38px;
  left: 94.5%; }
  @media (max-width: 1023px) {
    .popup_wrap#modal1 .modal_body .itemicon {
      width: 100px;
      margin: 15px 0 0 auto; } }

.popup_wrap#modal2 .modal_body .headbox .icon {
  max-width: 102px;
  left: 34px;
  bottom: 49px;
  top: auto; }
  @media (max-width: 1023px) {
    .popup_wrap#modal2 .modal_body .headbox .icon {
      max-width: 55px;
      left: 5px;
      bottom: 45px; } }

.popup_wrap#modal2 .modal_body .itemicon {
  width: 188px;
  bottom: 48px;
  left: 82.2%; }
  @media (max-width: 1023px) {
    .popup_wrap#modal2 .modal_body .itemicon {
      width: 120px;
      margin: 20px 0 0 auto; } }

.popup_wrap#modal3 .modal_body .headbox .icon {
  max-width: 120px;
  left: 34px;
  bottom: 45px;
  top: auto; }
  @media (max-width: 1023px) {
    .popup_wrap#modal3 .modal_body .headbox .icon {
      max-width: 60px;
      left: 0;
      bottom: 25px; } }

.popup_wrap#modal3 .modal_body .itemicon {
  width: 134px;
  bottom: 30px;
  left: 91.5%; }
  @media (max-width: 1023px) {
    .popup_wrap#modal3 .modal_body .itemicon {
      width: 100px;
      margin: 15px 0 0 auto; } }

.popup_wrap#modal4 .modal_body .headbox .icon {
  max-width: 90px;
  left: 36px;
  bottom: 74px;
  top: auto; }
  @media (max-width: 1023px) {
    .popup_wrap#modal4 .modal_body .headbox .icon {
      max-width: 45px;
      left: 10px;
      bottom: 45px; } }

.popup_wrap#modal4 .modal_body .itemicon {
  width: 125px;
  bottom: 48px;
  left: 96.5%; }
  @media (max-width: 1023px) {
    .popup_wrap#modal4 .modal_body .itemicon {
      width: 100px;
      margin: 15px 0 0 auto; } }

.popup_wrap#modal5 .modal_body .headbox .icon {
  max-width: 108px;
  left: 35px;
  bottom: 50px;
  top: auto; }
  @media (max-width: 1023px) {
    .popup_wrap#modal5 .modal_body .headbox .icon {
      max-width: 55px;
      left: 10px;
      bottom: 35px; } }

.popup_wrap#modal5 .modal_body .itemicon {
  width: 149px;
  bottom: 28px;
  left: 90.5%; }
  @media (max-width: 1023px) {
    .popup_wrap#modal5 .modal_body .itemicon {
      width: 110px;
      margin: 15px 0 0 auto; } }

.popup_wrap#modal6 .modal_body .headbox .icon {
  max-width: 100px;
  left: 35px;
  bottom: 73px;
  top: auto; }
  @media (max-width: 1023px) {
    .popup_wrap#modal6 .modal_body .headbox .icon {
      max-width: 55px;
      left: 0;
      bottom: 40px; } }

.popup_wrap#modal6 .modal_body .itemicon {
  width: 141px;
  bottom: 31px;
  left: 94%; }
  @media (max-width: 1023px) {
    .popup_wrap#modal6 .modal_body .itemicon {
      width: 110px;
      margin: 20px 0 0 auto; } }

.popup_wrap#modal7 .modal_body .headbox .icon {
  max-width: 107px;
  left: 35px;
  bottom: 34px;
  top: auto; }
  @media (max-width: 1023px) {
    .popup_wrap#modal7 .modal_body .headbox .icon {
      max-width: 55px;
      left: 0px;
      bottom: 21px; } }

.popup_wrap#modal7 .modal_body .itemicon {
  width: 100px;
  bottom: 32px;
  left: 94.3%; }
  @media (max-width: 1023px) {
    .popup_wrap#modal7 .modal_body .itemicon {
      margin: 15px 0 0 auto;
      width: 70px; } }