.box-top {
	margin-top: 4vh;
}

.zoom {
    cursor: pointer;
}


@media screen and (max-width: 768px){
    #CompanyContent1{
        display:none;
    }
    #CompanyContent2{
        display:block;
    }
    #LearnContent1{
        display:none;
    }
    #LearnContent2{
        display:block;
    }
    #vv-txt{
        display: none;
    }

    .unit_bg{
        height:320vw;
        background-color: white;
    }

    .dp-1-5{
        width: 100vw;
        float: left;
    }

    .display_rung{
        /*width:85%;*/
        margin-top:15vw;
        padding-left: 10%;
        transform:translateY(1vw);

        font-size: 12vw;
        /*font-weight: bold;*/
        font-family: 'Maven Pro', sans-serif;
        color: black;
    }

    .display_title{
        /*width:85%;*/
        padding-left: 10%;
        font-size: 10vw;
        /*font-weight: bold;*/
        font-family: 'Maven Pro', sans-serif;
        color: black;
    }

    .display_content{
        padding-left: 10%;
        width: 85vw;
        font-size: 5vw;
        color: #737373;
        line-height:100%;
    }

    .learn_style{
        padding-left: 10%;
        color:black;
        width: 80vw;
        font-size: 4vw;
        text-decoration:underline;
    }

    .display_link{
        margin-top: 10vw;
        margin-bottom: 10vw;
        padding-left: 10%;
        width: 80vw;
        font-size: 4vw;
        color: #737373;
        text-decoration:underline;
    }
    .link-box {
        margin-top: 12vh;
        margin-bottom: 8vh;
    }
}

@media screen and (min-width: 768px) {
    #CompanyContent1{
        display:block;
    }
    #CompanyContent2{
        display:none;
    }
    #LearnContent1{
        display:block;
    }
    #LearnContent2{
        display:none;
    }
    #vv-txt{
        display: block;
    }

    .unit_bg {
        height: 25vw;
        background-color: white;
    }


    .display_rung {
        
        margin-top:3vw;

        padding-left: 20%;
      
        font-size: 5vw;
        /*font-weight:900;*/
        font-family: 'Maven Pro', sans-serif;
        color: black;
    }

    .display_title {
        padding-left: 20%;
        font-size: 5vw;
        /*font-weight:900;*/
        font-family: 'Maven Pro', sans-serif;
        color: black;
    }

    .display_content {
        padding-left: 20%;
        font-size: 1vw;
        width: 60vw;
        color: #737373;
    }

    .learn_style {
        padding-left: 20%;
        color: black;
        width: 60vw;
        text-decoration: underline;
        font-size: 1vw;

    }

    .display_link {
        /*width:95%;*/
        padding-right: 5%;

        color: #737373;
        text-decoration:underline;
        /*width: 20vw;*/
        font-size: 1vw;

    }

    .link-box {
        margin-bottom: 4vh;
        text-align: right;
    }

    .ver-txt {
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        font-size: 1vw;
        color: #737373;
        float: left;
        margin-left: 2%;
        margin-right: 10%;
        margin-top:3%;
    }
    .dp-1-5 {
        width: 16vw;
        float: left;
        cursor: pointer;
    }

    .pics_box {
        padding-right: 2%;
        margin-bottom: 8vw;
    }
}