body{
    font-size: 14px ;
}

br.pcNone{
    display: none ;
}
br.spNone{
    display: block ;
}

img {
    width: 100% ;
}


.all    {
    width: 1280px  ;
    margin: 0 auto ;
}

.top    {
    width: 1280px  ;
    margin: 0px  auto 150px ;
    display: flex  ;  
}

.topimg1 ,.topimg2 {
    width: calc(100% / 3) ;
}


.logo   {
    width: 300px  ;
    margin: 0px auto 30px ;
}

.text   {
    display: block ;
    text-align: center ;
    margin-bottom: 150px ;
    line-height: 1.5 ;
}

.block  {
    width: 800px ;
    display: flex ;
    justify-content:space-between ;
    margin: 50px auto 10px ;
}

.bagimg {
    width: 380px ;
    margin-bottom: 10px ;
}

.bagtext    {
    line-height: 1.5 ;
    overflow: hidden ;
}
.bagtext span{
    background: #000 ;
    color: #fff ;
    padding: 1px 5px ;
    font-size: 12px ;
    float: right;
    transform:translateY(-50%);
}
.block a{
    text-decoration: none ;
    color: black ;
    text-align: left ;
}

.ciaopanic  {
    width: 180px;
    margin: 100px auto 50px;
}

.copy   {
    text-align: center;
    font-size: 10px;
    margin-bottom: 10px;
}

@media screen and (max-width: 768px) {  
    body{
        font-size: 10px ;
    }
    br.pcNone{
        display: block ;
    }
    br.spNone{
        display: none ;
    }
    .all    {
        width: 100% ;
    }

    .top    {
        width: 100% ;
        margin:0px auto 45px ;
    }

  

    .topimg1    {
        width: 50% ;
    }

    .logo   {
        width: 33% ;
    }

    .text   {
        width: 90% ;
        margin: 0 auto 100px ;
        font-size: 12px     ;
    }

    .block  {
        width: 100% ;
        display: flex ;
        justify-content:space-between ;  
        font-size: 10px ;
        margin-bottom:10px ;
    }

    .bagimg {
        width: 100% ;
        padding: 10px ;
        box-sizing: border-box ;
        justify-content:space-around ;
        margin-bottom: 5px;
       
    }

    .bagtext{
    
        text-align: center;
    }

    .bagtext span{
        background: #000 ;
        color: #fff ;
        padding: 1px 5px ;
        
        float: none ;
        margin-left: 5px;
        font-size: 10px;
        
    }

    .ciaopanic  {
        width: 30%;
        
    }

  
}