*,*::before,*::after{box-sizing:border-box}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,a,dl,dt,dd,ol,ul,li,button,input,textarea,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,main,time,mark,audio,video{margin:0;padding:0;border:none;outline:none;font-size:100%;vertical-align:baseline;background:rgba(0,0,0,0);box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary,picture{display:block;max-width:100%}body{line-height:1}img{border-style:none;max-width:100%;height:auto;vertical-align:bottom}progress{vertical-align:baseline}svg{vertical-align:top}svg:not(:root){overflow:hidden}audio,canvas,progress,video{display:inline-block}button,[type=button],[type=reset],[type=submit],[role=button]{cursor:pointer}[disabled]{cursor:default}[type=number]{width:auto}[type=search]{-webkit-appearance:textfield}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{outline:1px dotted ButtonText}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button,select{text-transform:none}button,input,select,textarea{background-color:rgba(0,0,0,0);border-style:none;color:inherit}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}a{text-decoration:none;color:inherit}a:active,a:hover{outline-width:0}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}ol,ul,li{list-style:none}table{border-collapse:collapse;border-spacing:0}th{font-weight:normal}hr{display:block;height:0;border:0;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:normal}code,kbd,pre,samp{font-family:Consolas,"Courier New",Courier,Monaco,monospace}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes loading{0%{clip-path:inset(0 99.99% 0 0)}45%{clip-path:inset(0 0 0 0)}55%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 0 99.99%)}}@keyframes scroll-loop{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@keyframes slideup{0%{transform:translateY(20px);opacity:0;visibility:hidden}100%{transform:translateY(0);opacity:1;visibility:visible}}@media screen and (min-width: 750px){#wrapper [data-tb],#wrapper [data-sp],#modal [data-tb],#modal [data-sp]{display:none !important}#wrapper [data-pc],#modal [data-pc]{display:inline-block !important}}@media screen and (max-height: 414px)and (orientation: landscape){#wrapper [data-tb],#wrapper [data-sp],#modal [data-tb],#modal [data-sp]{display:none !important}#wrapper [data-pc],#modal [data-pc]{display:inline-block !important}}@media screen and (min-width: 760px)and (max-width: 1024px)and (min-height: 415px)and (orientation: portrait){#wrapper [data-pc],#wrapper [data-sp],#modal [data-pc],#modal [data-sp]{display:none !important}#wrapper [data-tb],#modal [data-tb]{display:inline-block !important}}@media screen and (max-width: 759.98px)and (orientation: portrait){#wrapper [data-tb],#wrapper [data-pc],#modal [data-tb],#modal [data-pc]{display:none !important}#wrapper [data-sp],#modal [data-sp]{display:inline-block !important}}[data-target],[data-target-center]{opacity:0;will-change:transform,opacity}[data-target].action,[data-target-center].action{transition-duration:.3s;transition-timing-function:ease;transition-property:transform, opacity;transition-delay:.2s;opacity:1}[data-target][data-mask-right],[data-target][data-mask-left],[data-target][data-mask-up],[data-target][data-mask-down],[data-target-center][data-mask-right],[data-target-center][data-mask-left],[data-target-center][data-mask-up],[data-target-center][data-mask-down]{display:inline-block;visibility:hidden;opacity:1}[data-target][data-mask-right].action,[data-target][data-mask-left].action,[data-target][data-mask-up].action,[data-target][data-mask-down].action,[data-target-center][data-mask-right].action,[data-target-center][data-mask-left].action,[data-target-center][data-mask-up].action,[data-target-center][data-mask-down].action{transition-duration:.6s;transition-timing-function:ease;transition-property:clip-path;transition-delay:0s;visibility:visible;clip-path:inset(0)}[data-target][data-mask-right],[data-target-center][data-mask-right]{clip-path:inset(0 99.99% 0 0)}[data-target][data-mask-left],[data-target-center][data-mask-left]{clip-path:inset(0 0 0 99.99%)}[data-target][data-mask-up],[data-target-center][data-mask-up]{clip-path:inset(99.99% 0 0 0)}[data-target][data-mask-down],[data-target-center][data-mask-down]{clip-path:inset(0 0 99.99% 0)}[data-target][data-ignore],[data-target-center][data-ignore]{transition:none;opacity:1}[data-target][data-slideup],[data-target-center][data-slideup]{transform:translateY(calc(30 / 1440 * 100dvw)) scale(1)}[data-target][data-slideup].action,[data-target-center][data-slideup].action{transform:translateY(0)}[data-target][data-slidedown],[data-target-center][data-slidedown]{transform:translateY(calc(-30 / 1440 * 100dvw)) scale(1)}[data-target][data-slidedown].action,[data-target-center][data-slidedown].action{transform:translateY(0)}[data-target][data-slideleft],[data-target-center][data-slideleft]{transform:translateX(calc(30 / 1440 * 100dvw)) scale(1)}[data-target][data-slideleft].action,[data-target-center][data-slideleft].action{transform:translateX(0)}[data-target][data-slideright],[data-target-center][data-slideright]{transform:translateX(calc(-30 / 1440 * 100dvw)) scale(1)}[data-target][data-slideright].action,[data-target-center][data-slideright].action{transform:translateX(0)}[data-target][data-scaleup],[data-target-center][data-scaleup]{transform:scale(0.7)}[data-target][data-scaleup].action,[data-target-center][data-scaleup].action{transition-delay:0s;transition-duration:.4s;transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275);transform:scale(1)}[data-target][data-scaledown],[data-target-center][data-scaledown]{transform:scale(1.3)}[data-target][data-scaledown].action,[data-target-center][data-scaledown].action{transition-delay:0s;transition-duration:.4s;transition-timing-function:cubic-bezier(0.68, -0.55, 0.265, 1.55);transform:scale(1)}[data-target][data-paint].action,[data-target-center][data-paint].action{animation:paint_mask 1s steps(5) forwards}@media screen and (min-width: 1920px){[data-target][data-slideup]{transform:translateY(26.6666666667px) scale(1)}[data-target][data-slidedown]{transform:translateY(-26.6666666667px) scale(1)}[data-target][data-slideleft]{transform:translateX(26.6666666667px) scale(1)}[data-target][data-slideright]{transform:translateX(-26.6666666667px) scale(1)}}@media screen and (max-width: 759.98px)and (orientation: portrait){[data-target][data-slideup]{transform:translateY(calc(50 / 375 * 100dvw)) scale(1)}[data-target][data-slidedown]{transform:translateY(calc(-50 / 375 * 100dvw)) scale(1)}[data-target][data-slideleft]{transform:translateX(calc(100 / 375 * 100dvw)) scale(1)}[data-target][data-slideright]{transform:translateX(calc(-100 / 375 * 100dvw)) scale(1)}}.obj{position:absolute;left:50%;pointer-events:none}.objs{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.apple:before{background-position:0 0;background-repeat:no-repeat;background-size:100% 100%;content:"";display:block;width:100%;height:100%}.apple.p1{width:calc(80/1440*100dvw);height:calc(84/1440*100dvw)}.apple.p1:before{background-image:url(../img/obj_1.webp)}.apple.p1.rev:before{transform:scaleX(-1)}.apple.p2{width:calc(81/1440*100dvw);height:calc(81/1440*100dvw)}.apple.p2:before{background-image:url(../img/obj_3.webp)}.apple.p2.rev:before{transform:scaleX(-1)}.apple.g1{width:calc(80/1440*100dvw);height:calc(84/1440*100dvw)}.apple.g1:before{background-image:url(../img/obj_2.webp)}.apple.g1.rev:before{transform:scaleX(-1)}.apple.g2{width:calc(80/1440*100dvw);height:calc(80/1440*100dvw)}.apple.g2:before{background-image:url(../img/obj_4.webp)}.apple.g2.rev:before{transform:scaleX(-1)}@media screen and (min-width: 1920px){.apple.p1{width:106.6666666667px;height:112px}.apple.p2{width:108px;height:108px}.apple.g1{width:106.6666666667px;height:112px}.apple.g2{width:106.6666666667px;height:106.6666666667px}}@media screen and (max-width: 759.98px)and (orientation: portrait){.apple.p1{width:calc(36/375*100dvw);height:calc(37/375*100dvw)}.apple.p2{width:calc(36/375*100dvw);height:calc(36/375*100dvw)}.apple.g1{width:calc(36/375*100dvw);height:calc(37/375*100dvw)}.apple.g2{width:calc(36/375*100dvw);height:calc(36/375*100dvw)}}html{font-size:100%;width:100%;height:100dvh;overflow-x:clip}body{font-family:"YakuHanJP_Noto","YakuHanJPs","Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ",Meiryo,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:calc(16/1440*100dvw);line-height:1.8;letter-spacing:.1em;background:linear-gradient(to right, #f3fbff 0%, #f7fff9 100%);color:#505050;width:100vw;max-width:100%;overflow:clip;scrollbar-gutter:stable}body.noscroll{position:fixed;left:0;width:calc(100% - var(--scrollbarWidth))}body picture{position:relative;width:100%;height:100%}#loading{transition-duration:.6s;transition-timing-function:ease;transition-delay:0s;background-color:#fff;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999}#loading.hide{opacity:0;visibility:hidden}#globalHeader{position:fixed;top:calc(27/1440*100dvw);left:calc(30/1440*100dvw);z-index:20}#globalHeader .logo_marukan{transition-duration:.3s;transition-timing-function:ease;transition-property:opacity;transition-delay:0s;background:url(../img/logo_marukan.webp) no-repeat 0 0;background-size:100% 100%;display:block;width:calc(160/1440*100dvw);height:calc(41/1440*100dvw)}@media(hover: hover)and (pointer: fine){#globalHeader .logo_marukan:hover{opacity:.5}}#btnMenu{position:fixed;top:50%;right:0;width:calc(58/1440*100dvw);height:calc(658/1440*100dvw);display:flex;flex-direction:column;z-index:50;margin-top:calc(-329/1440*100dvw)}#btnMenu span{transition-duration:.3s;transition-timing-function:ease;transition-property:color;transition-delay:0s;display:flex;justify-content:center;align-items:center;color:#fff;font-size:calc(20/1440*100dvw);letter-spacing:.38em;font-weight:500;writing-mode:vertical-lr;width:100%;height:50%;position:relative}#btnMenu span:before{transition-duration:.3s;transition-timing-function:ease;transition-property:width;transition-delay:0s;content:"";display:block;position:absolute;top:0;right:0;width:100%;height:100%;z-index:-1;pointer-events:none}#btnMenu span .icon{display:block;position:relative;width:calc(14/1440*100dvw);height:calc(14/1440*100dvw)}#btnMenu span .icon:after,#btnMenu span .icon:before{transition-duration:.3s;transition-timing-function:ease;transition-property:transform;transition-delay:0s;background-color:#fff;content:"";display:block;width:calc(14/1440*100dvw);height:2px;position:absolute;top:50%;left:50%;margin:-1px 0 0 calc(-7/1440*100dvw)}#btnMenu span .icon:before{transform:rotate(90deg)}#btnMenu span:nth-child(1):before{background-color:#b6db00;border-radius:calc(16/1440*100dvw) 0 0 0}#btnMenu span:nth-child(2):before{background-color:#ec429b;border-radius:0 0 0 calc(16/1440*100dvw)}#btnMenu.active span:before{width:calc(360/1440*100dvw) !important}#btnMenu.active span:nth-child(2){color:rgba(0,0,0,0)}#btnMenu.active span .icon:after{transform:rotate(90deg)}@media(hover: hover)and (pointer: fine){#btnMenu:hover span:before{width:calc(68/1440*100dvw)}}#globalNavi{transition-duration:.3s;transition-timing-function:ease;transition-property:transform, opacity;transition-delay:0s;transform:translateX(100%);position:fixed;top:50%;right:0;width:calc(360/1440*100dvw);height:calc(658/1440*100dvw);display:flex;flex-direction:column;align-items:center;z-index:60;margin-top:calc(-329/1440*100dvw);opacity:0}#globalNavi.active{transform:translateX(0);opacity:1}#globalNavi .gnavi{height:50%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;row-gap:calc(14/1440*100dvw);font-size:calc(20/1440*100dvw);font-weight:500;letter-spacing:.38em;color:#fff;line-height:1.5}#globalNavi .gnavi:nth-child(1){padding-right:calc(58/1440*100dvw)}#globalNavi .gnavi a{transition-duration:.3s;transition-timing-function:ease;transition-property:transform;transition-delay:0s;display:block}@media(hover: hover)and (pointer: fine){#globalNavi .gnavi a:hover{transform:scale(1.1)}}#globalFooter{background-color:#505050;color:#fff}#globalFooter .inner{display:flex;align-items:center;justify-content:space-between;padding:calc(30/1440*100dvw) calc(32/1440*100dvw)}#globalFooter .logo{transition-duration:.3s;transition-timing-function:ease;transition-property:opacity;transition-delay:0s;display:flex;align-items:center;-moz-column-gap:calc(16/1440*100dvw);column-gap:calc(16/1440*100dvw)}#globalFooter .logo:before{background:url(../img/logo_marukan_icon.webp) no-repeat 0 0;background-size:100% 100%;content:"";display:block;width:calc(61/1440*100dvw);height:calc(53/1440*100dvw)}#globalFooter .logo span{font-size:calc(16/1440*100dvw);line-height:1.8;letter-spacing:.1em;font-weight:bold}@media(hover: hover)and (pointer: fine){#globalFooter .logo:hover{opacity:.5}}#globalFooter .copyright{font-size:calc(12/1440*100dvw);line-height:1.8;letter-spacing:.1em}#wrapper{position:relative}#container{position:relative}@media screen and (min-width: 1920px){body{font-size:21.3333333333px;line-height:1.8;letter-spacing:.1em;font-size:21.3333333333px}#globalHeader{top:36px;left:40px}#globalHeader .logo_marukan{width:213.3333333333px;height:54.6666666667px}#btnMenu{width:77.3333333333px;height:877.3333333333px;margin-top:-438.6666666667px}#btnMenu span{font-size:26.6666666667px}#btnMenu span .icon{width:18.6666666667px;height:18.6666666667px}#btnMenu span .icon:after,#btnMenu span .icon:before{width:18.6666666667px;margin:-1px 0 0 -9.3333333333px}#btnMenu span:nth-child(1):before{border-radius:21.3333333333px 0 0 0}#btnMenu span:nth-child(2):before{border-radius:0 0 0 21.3333333333px}#btnMenu.active span:before{width:480px !important}}@media screen and (min-width: 1920px)and (hover: hover)and (pointer: fine){#btnMenu:hover span:before{width:90.6666666667px}}@media screen and (min-width: 1920px){#globalNavi{width:480px;height:877.3333333333px;margin-top:-438.6666666667px}#globalNavi .gnavi{row-gap:18.6666666667px;font-size:26.6666666667px}#globalNavi .gnavi:nth-child(1){padding-right:77.3333333333px}#globalFooter .inner{padding:40px 42.6666666667px}#globalFooter .logo{-moz-column-gap:21.3333333333px;column-gap:21.3333333333px}#globalFooter .logo:before{width:81.3333333333px;height:70.6666666667px}#globalFooter .logo span{font-size:21.3333333333px;line-height:1.8;letter-spacing:.1em}#globalFooter .copyright{font-size:16px;line-height:1.8;letter-spacing:.1em}}@media screen and (max-width: 759.98px)and (orientation: portrait){body{font-size:calc(14/375*100dvw);line-height:1.8;letter-spacing:.1em}#globalHeader{top:calc(10/375*100dvw);left:calc(10/375*100dvw)}#globalHeader .logo_marukan{width:calc(120/375*100dvw);height:calc(31/375*100dvw)}#btnMenu{top:0;width:calc(220/375*100dvw);height:calc(47/375*100dvw);flex-direction:row;margin-top:0}#btnMenu span{font-size:calc(14/375*100dvw);letter-spacing:.18em;writing-mode:initial;width:50%;height:100%}#btnMenu span:before{transition-duration:.3s;transition-timing-function:ease;transition-property:width,height;transition-delay:0s}#btnMenu span .icon{width:calc(9/375*100dvw);height:calc(9/375*100dvw)}#btnMenu span .icon:after,#btnMenu span .icon:before{width:calc(9/375*100dvw);height:1px;margin:0 0 0 calc(-4.5/375*100dvw)}#btnMenu span:nth-child(1):before{border-radius:0 0 0 calc(8/375*100dvw)}#btnMenu span:nth-child(2):before{border-radius:0 0 calc(8/375*100dvw) 0}#btnMenu.active span:before{height:calc(284/375*100dvw)}#btnMenu.active span:nth-child(1):before{width:calc(236/375*100dvw) !important}#btnMenu.active span:nth-child(2):before{width:calc(110/375*100dvw) !important}#btnMenu.active span .icon:before{transform:rotate(0deg)}#btnMenu.active span .icon:after{transform:rotate(0deg)}#globalNavi{transform:translate(0, -100%);position:fixed;top:0;right:0;width:calc(346/375*100dvw);height:calc(284/375*100dvw);margin-top:0;flex-direction:row;justify-content:space-between;padding-top:calc(47/375*100dvw)}#globalNavi.active{transform:translate(0, 0)}#globalNavi .gnavi{height:100%;row-gap:calc(14/375*100dvw);font-size:calc(16/375*100dvw);padding-bottom:calc(24/375*100dvw)}#globalNavi .gnavi:nth-child(1){padding-right:0;width:calc(236/375*100dvw);padding-left:calc(54/375*100dvw)}#globalNavi .gnavi:nth-child(2){width:calc(110/375*100dvw);align-items:center;text-align:center;font-size:calc(14/375*100dvw);letter-spacing:.18em}#globalFooter .inner{flex-direction:column;align-items:center;padding:calc(32/375*100dvw) 0 0}#globalFooter .logo{-moz-column-gap:calc(10/375*100dvw);column-gap:calc(10/375*100dvw);margin-bottom:calc(30/375*100dvw)}#globalFooter .logo:before{width:calc(36/375*100dvw);height:calc(31/375*100dvw)}#globalFooter .logo span{font-size:calc(14/375*100dvw);line-height:1.8;letter-spacing:.1em}#globalFooter .copyright{font-size:calc(8/375*100dvw);width:100%;border-top:1px solid rgba(217,217,217,.1254901961);padding:calc(16/375*100dvw) 0;text-align:center}}
