@charset "utf-8";

/*-----------------------------
ヘッダー
----------------------*/
header {
    position: fixed; 
    top:0;
	display: flex;
	justify-content: space-around;
	align-items: flex-end;
    padding: 10px 0;
    height: 100px;/**/
    width: 100%;
    background: #FFF;
    opacity: 70%;
    z-index: 1000;
}

header img {
	max-width: 360px;
}

@media screen and (max-width:960px) {
    header {
        height: 70px;
        justify-content: flex-start;
        align-items: center;
    }

    header img {
	max-width: 300px;
}

}
@media screen and (max-width:500px) {
    header {
        height: 70px;
    }
    header img {
        max-width: 70%;
    }
    
}


main {
    position: relative;;
}