@charset "UTF-8";

/* ================================================================================
    rayout css
================================================================================ */
html,body{
    margin: 0;
    padding: 0;
    background: #ffff00;
    
}
.main{
    text-align: center;
}
.logo{
    position: absolute;          /* 位置指定 */
    top: 50%;                    /* 親要素の半分下にずらす */
    left: 50%;                   /* 親要素の半分右にずらす */
    transform: translateY(-50%) translateX(-50%);    /* 要素自体の半分、上と左にずらす */
}
.logo img{
    width: 296px;
}



@media only screen and (max-width: 667px) {

	header{
    width: 100%;
    height: 100px;
	}
	
    .main{
	width: 100%;
	}

}