/* Header */
.hiasan > img{
    position: absolute;
}
.bubble-header{
    width: 8%;
    left: 200px;
    bottom: 100px;
}
.yq-header{
    width: 10%;
    left: 150px;
    top: 150px;
}
.yq-header2{
    width: 10%;
    bottom: 200px;
    right: 150px;
}
.bubble-header2{
    width: 5%;
    top: 150px;
    right: 300px;
}

/* content */
.yr-content{
    width: 10%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.circle-repeat-content2{
    width: 10%;
    right: 0px;
    transform: translateY(-300px);
    -webkit-transform: translateY(-300px);
    -moz-transform: translateY(-300px);
    -ms-transform: translateY(-300px);
    -o-transform: translateY(-300px);
}
.triangle-content{
    width: 5%;
    right: 600px;
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
}

/* frame */
.circles-frame{
    width: 80px;
    left: 0;
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
}

/* picture */
.contact-picture{
    width: 15%;
    right: 60px;
    transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
}