@media screen and (min-width:768px){
   body{
       width: 100vw;
   }

    .pc .topimg img {
        /*height: 70vh;*/
        width: 100vw;
    }

    .pc .content{
        width: 80vw;
        margin-left: 10vw;
    }

    .pc .content h3{
        font-size: 0.7rem;
        margin-bottom: 20px;
    }
    .nav_pc .logo {
        margin-top: -15px;
    }
    .pc .content > div{
        width: 100%;
        overflow: hidden;
    }

    .pc .content > div > div:nth-of-type(1){
        width: 30%;
        float: left;
    }

    .pc .content >div >div:nth-of-type(2){
        width: 55%;
        margin-left: 10%;
        float: left;
    }

    .pc .detail .title{
        font-size: 0.4rem;
        font-weight: 200;
        border-bottom: 2px solid #73dedc;
        padding-bottom: 20px;
    }

    .mobile{
        display: none;
    }

    .pc .detailli{
        display: none;
    }


    .pc .detailli :hover{
        background-color: #f4f4f4;
        -webkit-transition: all 1.5s;
        -moz-transition: all 1.5s;
        -ms-transition: all 1.5s;
        -o-transition: all 1.5s;
        transition: all 1.5s;
    }



}