@charset "UTF-8";
/*------------main------------*/
section#header{
    width: 100%;
    text-align: center;
}

#main {
    width: 950px;
    margin-left: auto;
    margin-right: auto;
}

.main_white{
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {
    
    #main,
    .main_white{
        width: 87.692%;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (max-width: 767px) {
    section#header{
        width: 100%;
    }

    section#header h1{
        text-align: center
    }

    #main,
    .main_white{
        width: 87.692%;
        max-width: 530px;
        margin-left: auto;
        margin-right: auto;
    }
}