@media screen and (min-width: 740px){
    div.header{
        display: block;
        width: 960px;
        height: 71px;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
    }
    h1.header{
        width: auto;
        height: 70px;
    }
    img.logo01{
        display: block;
        width: 76px;
        margin-top: 20px;
    }
    img.logo02{
        display: block;
        position: relative;
        top: -56px;
        left: 85px;
    }
    div.header2{
        display: block;
        width: 175px;
        height: 0px;
        position: relative;
        top: -73px;
        left: 770px;
    }
    div.navi{
        display: block;
        width: 960px;
        height: 57px;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
        padding: 0px;
        background-color: #FFE5E3;
    }
    div.navi2{
        display: block;
        width: 900px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 17px;
    }
    ul.navi{
        display: block;
        width: 900px;
        margin: 0px;
        padding: 0px;
        list-style: none;
    }
    li.navi{
        display: block;
        float: left;
        width: 180px;
        text-align: center;
        list-style: none;
    }
    a.header2{
        display: block;
        width: 175px;
        height: 34px;
        background: url(header02.png);
        background-position: top;
    }
    a.header2:hover{
        background-position: bottom;
    }
    a.navi{
        display: block;
        width: 180px;
        font-size: 18px;
        font-weight: bold;
        color: #202020;
        text-decoration: none;
        background: url(navi_back.png);
    }
    a.navi:hover{
        color: #FF9387;
    }
    p.header2{
        display: block;
        width: 175px;
        font-weight: bold;
        font-size: 22px;
        color: #202020;
        transform: scaleY(1.4);
    }
}

@media screen and (max-width: 739px){
    div.header{
        display: block;
        width: 960px;
        height: 71px;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
    }
    h1.header{
        width: auto;
        height: 70px;
    }
    img.logo01{
        display: block;
        width: 76px;
        margin-top: 20px;
    }
    img.logo02{
        display: block;
        position: relative;
        top: -56px;
        left: 85px;
    }
    div.header2{
        display: block;
        width: 175px;
        height: 0px;
        position: relative;
        top: -73px;
        left: 770px;
    }
    div.navi{
        display: block;
        width: 960px;
        height: 57px;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
        padding: 0px;
        background-color: #FFE5E3;
    }
    div.navi2{
        display: block;
        width: 900px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 17px;
    }
    ul.navi{
        display: block;
        width: 900px;
        margin: 0px;
        padding: 0px;
        list-style: none;
    }
    li.navi{
        display: block;
        float: left;
        width: 180px;
        text-align: center;
        list-style: none;
    }
    a.header2{
        display: block;
        width: 175px;
        height: 34px;
        background: url(header02.png);
        background-position: top;
    }
    a.header2:hover{
        background-position: bottom;
    }
    a.navi{
        display: block;
        width: 180px;
        font-size: 18px;
        font-weight: bold;
        color: #202020;
        text-decoration: none;
        background: url(navi_back.png);
    }
    a.navi:hover{
        color: #FF9387;
    }
    p.header2{
        display: block;
        width: 175px;
        font-weight: bold;
        font-size: 22px;
        color: #202020;
        transform: scaleY(1.4);
    }
}