@charset "utf-8"; body{background-color:#F00; line-height:0; overflow-x:hidden;} body > img{width:100vw; height:100vh; position:fixed; top:0; left:0; bottom:0;} #wrap{background-color:#FFF; max-width:calc(1920px - 15px); position:relative; text-align:left; padding-left:calc(384px - 15px); box-sizing:border-box; overflow:hidden;} #wrap header,#wrap nav{position:fixed; top:0; left:0;} #wrap header img,#wrap footer small img{margin-left:-7px;} #wrap header{display:grid; align-content:space-between; width:calc(384px - 15px); height:100vh; min-height:800px; overflow:hidden;} #wrap header img:nth-last-of-type(1){visibility:hidden;} #wrap > div{background-image:url(../images/b_bk.png); background-position:center; background-repeat:no-repeat; background-size:cover; height:calc(100vh - 110px); border-radius:13px 0 0 13px; position:relative; width:1536px; min-height:690px;} #b_parts06{position:absolute; bottom:-20px; right:40px;} #wrap nav{text-align:right; min-width:calc(1920px - 15px); z-index:1000;} #wrap main{background-image:url(../images/b_parts07.png); background-position:left top; background-repeat:no-repeat; height:4080px;} #wrap footer small{position:fixed; top:0; left:0; width:calc(384px - 15px); height:100vh; min-height:800px; display:grid; align-items:flex-end;} /* ~ モバイルファースト */@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, body{overflow-x:auto;} _:lang(x)::-moz-placeholder, #wrap{max-width:1920px; padding-left:384px;} _:lang(x)::-moz-placeholder, #wrap header img{margin-left:0;} _:lang(x)::-moz-placeholder, #wrap footer small img{margin-left:0;} _:lang(x)::-moz-placeholder, #wrap header{width:384px;} _:lang(x)::-moz-placeholder, #wrap nav{min-width:1920px;} _:lang(x)::-moz-placeholder, #wrap footer small{width:384px;}