#pinpl, #arpayo, #pinmenu{
    /* width: 100vw; */
    height:100vh;
    text-align: center;
    box-sizing: border-box;
    /* padding: 0 min(7.142vw, 100px); */
    justify-content: space-evenly;
}

#pinpl .pc, #arpayo .pc{
  width: 200vw;
  height:100vh;
  text-align: center;
  box-sizing: border-box;
  padding: 0 min(7.142vw, 100px);
  justify-content: space-evenly;
}

#pinmenu_wrap{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(100vh - 100px);
}
#pinmenu_wrap img{
  width: 70%;
  min-width: 1200px;
  margin-top: 50px;
}

#pinpl_er, #pinpl_ee, #arpayo_er, #arpayo_ee {
    display: flex;
    align-items: center;
    width: max-content;
}

#pinpl_er_img, #pinpl_ee_img,
#arpayo_er_img, #arpayo_ee_img {
    width: min(22.142vw, 310px);
    cursor:pointer;
}

#pinpl_center, #arpayo_center {
    width: max-content;
    display:flex;
    flex-direction:column;
    justify-content: center;
    padding: 0 64px;
}

#pinpl_logo, #arpayo_logo {
    width: min(25.285vw, 354px);
    margin-top: min(5.185vh ,56px);
}

#pinpl_ee_txt, #arpayo_ee_txt {
  margin-left: 64px;
}
#pinpl_er_txt, #arpayo_er_txt {
  margin-right: 64px;
}

#pinpl_er_ul, #pinpl_ee_ul {
    width: max-content;
    font-size: min(1.714vw, 24px);
    line-height: min(2.857vw ,40px);
}

.svc_txt_l {
    font-size: min(2.857vw, 40px);
    line-height: min(5.5vw, 77px);
    font-weight: bold;
}

.svc_txt_s{
    font-size: min(1.285vw, 18px);
    line-height: min(2.857vw, 40px);
    margin-top: min(3.703vh, 40px)
}

.svc_subtitle {
    font-size: min(1.857vw, 26px);
    font-weight: 500;
    margin-top: min(0.37vh, 4px);
}

.svc_title {
    font-size: min(3.928vw, 55px);
    font-weight: bold;
    margin-top: min(1.481vh, 16px);
}

.shortcut {
    font-size: min(1.571vw, 22px);
    font-weight: bold;
    position: fixed;
    bottom : min(6.666vh, 72px);
}

.shortcut img {
    width: min(1.928vw, 27px);
}

.svc_subtxt_l {
    font-size: min(2.857vw, 40px);
    font-weight: bold;
    line-height: min(5.925vh, 63px);
    margin-bottom: min(0.74vh, 8px);
}

.svc_subtxt_m {
    font-size: min(1.857vw, 26px);
    margin-top : min(2.222vh, 24px);
}

.icon_li {
    height: min(7.857vw, 110px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.img_logo_l img{
    width: min(7.857vw, 110px);
    position: absolute;
    top:39%;
    left: -276px;
}

.img_logo_r img {
    width: min(7.857vw, 110px);
    position: absolute;
    right: -276px;
}

.dotline_l {
    position: absolute;
    left: -126px;
    vertical-align: super;
}

.dotline_r {
    position: absolute;
    right: -126px;
    vertical-align: super;

}

@media (max-width: 992px) {
  #pinpl, #arpayo, #pinmenu {
    width: 100vw;
    height: auto;
    overflow: auto;
    text-align: center;
    box-sizing: border-box;
    padding: 98px 0 104px 0;
    justify-content: space-evenly;
  }

  #pinpl .mobile, #arpayo .mobile{
    width: 100vw;
    height: auto;
    overflow: auto;
    text-align: center;
    box-sizing: border-box;
    justify-content: space-evenly;
  }
  #pinmenu .mobile {
    width: 100vw;
    height: auto;
    overflow: auto;
    text-align: center;
    box-sizing: border-box;
    justify-content: space-evenly;
  }
  #pinmenu .mobile li>img{
    width: 100vw;
    text-align: center;
    box-sizing: border-box;
    justify-content: center;
  }

  #pinpl_center, #arpayo_center {
    width: auto;
    padding: 0;
  }

  .m_pinpl_txt {
    font-size: 20px;
    line-height: 40px;
  }

  .shortcut {
    width: inherit;
    z-index: 100;
    bottom: 0;
    background-color: #F7F7FA;
    font-size: 22px;
    padding: 16px 0;
  }

  .shortcut img {
    width: 26px;
  }

  .svc_subtitle {
    font-size: 19px;
    margin: 0
  }
  .svc_title{
    font-size: 41px;
    margin-top: 16px;
    margin-bottom: 40px;
  }

  .svc_txt_l {
    font-size: 26px;
    line-height: 50px;
    margin: 40px 0 0 0
  }

  .svc_txt_s {
    font-size: 20px;
    line-height: 34px;
    margin: 32px 0 0 0;
  }

  div + div.m_service_div {
    margin-top: 80px;
  }

  .m_img_screen {
    width: 310px;
    margin-bottom: 32px;
  }

  .m_app_icon img {
    width: 110px;
  }

  .m_app_icon img + img {
    margin-left: 32px;
  }

  .svc_subtxt_l{
    font-size: 26px;
    line-height: 47px;
    margin: 0 0 16px 0;
  }
  .svc_subtxt_m {
    font-size: 20px;
    margin: 0 0 16px 0;
  }
  .icon_li {
    height: auto;
    margin: 32px 0;
  }

  .icon_li img{
    height: 37px;
  }
  .m_subHeader {
    width: 100vw;
    position: fixed;
    z-index: 1;
    background-color: #F7F7FA;
    padding: 10px 20px 4px;
    left: 0;
    top: 0;
  }
  .m_subHeader img {
    float: left;
    height: 50px;
  }

}