@charset "utf-8"; body{background-color:#F00;} #wrap > img{width:100vw; height:100vh; position:fixed; top:0; left:0; bottom:0;} #wrap{position:relative; background-color:#FFF; margin-left:-15.5px; width:1920px; padding-top:calc(50vh - 170px); line-height:0;} #wrap > header{position:sticky; top:0; width:100%; margin-top:-66px; z-index:1000;} #wrap > nav{position:sticky; top:-150px; z-index:900; margin-top:calc(50vh - 126px);} #wrap > div{position:absolute; top:0; left:0; width:100%; height:100vh; min-height:980px; background-image:url(../images/c_bk.png); background-position:center center; background-repeat:no-repeat; background-size:cover;} #wrap > div img{position:absolute; top:30px; right:40px;} #wrap > main{background-image:url(../images/c_parts04.png); background-repeat:no-repeat; width:100%; height:5800px;} #wrap > main::before{position:sticky; top:0; content:""; display:block; width:1640px; height:10px; background-color:#FFF; margin:-10px auto 0;} /* ~ モバイルファースト */@media (min-width:768px){/* 768px~ タブレット */} @media (min-width:768px) and (max-width:979px){/* 768px~979px タブレットのみ */} @media (min-width:980px){/* 980px~ タブレット・PC */} @media (min-width:1000px){/* 1000px~ PC */} /* End CSS */ _:lang(x)::-moz-placeholder, #wrap{margin-left:0;}