@charset "UTF-8";
/* =====================
  reset
===================== */
.item-contents main .main-contents{
    padding-bottom: 0;
    position: relative;
}
.item-contents footer .unit[data-id="1"]{
}

/* =====================
  wrapper 1
===================== */
.item-contents main .wrapper[data-id="1"]{
    padding-top: 7vw;
}

/* =====================
  article 1
===================== */
.item-contents main .article[data-id="1"]{
    padding-top: 8vw;
}

/* =====================
  wrapper 2
===================== */
.item-contents main .wrapper[data-id="2"]{
    padding-top: 13vw;
    padding-bottom: 13vw;
}

/* =====================
  article 2
===================== */
.item-contents main .article[data-id="2"]{
    padding-top: 5vw;
    padding-bottom: 5vw;
}
.item-contents main .article[data-id="2"] h2{
    font-size: 5.33333333vw;
    text-align: center;
}
.item-contents main .article[data-id="2"] .unit[data-id="1"]{
    margin-top: 5vw;
}