@media screen and (max-width: 767px){
    .header > div:first-child {
        background-image: url(../img/design/fila_back.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }
}

@media screen and (min-width: 768px){
    .header > div:first-child {
        background-image: url(../img/design/fila_back.jpg);
        background-repeat: no-repeat;
        background-position: right;
        transform: none;
    }
    .header > div > div {
        transform: none;
    }
    .header > div > div p.title {
        left: 300px;
    }

    .header > div:nth-child(1) > div {
        background-image: url(../img/design/logo.png);
    }
    .header > div:nth-child(2) > div,
    .header > div:nth-child(3) > div {
        background-color: #FFF;
        background-position: top 0px left 5px;
    }
    .header > div:nth-child(2) > div{
        background-image: url(../img/design/ladies.png);
    }
    .header > div:nth-child(3) > div{
        background-image: url(../img/design/mens.png);
    }

    .header > div > div p span:first-child {
        color: #076CAB;
    }
    .header > div > div p span:last-child {
        font-size: 70px;
        color: #FFF;
        text-shadow: 1px 1px 0 #076CAB, -1px 1px 0 #076CAB, 1px -1px 0 #076CAB, -1px -1px 0 #076CAB;
    }
    .header > div > div p.title span {
        display: inline-block;
        color: #0A2A3B;
        width: 100%;
        left: 10vw;
        text-shadow: none;

    }    
    .header > div > div p.title span:not(:first-child) {
        font-family: 'BIZ UDPゴシック';
        font-weight:normal;
        letter-spacing: 2px;
    }
    .header > div:nth-child(2) {
        border-left: 10px solid #E1E1E1;
    }
    .header > div:nth-child(3) {
        border-left: 10px solid #E1E1E1;
    }
    .header > div::before {
        color:#076CAB;
        background-color: #E1E1E1;

    }


}