﻿:root{--color-blue: rgba(0, 68, 155, 1);--color-yellow: rgba(255, 237, 0, 1);--color-white: rgba(255, 255, 255, 1);--color-red: #F23C3B;--bg-error: rgba(242, 60, 59, 0.30);--color-campaign-red: rgba(215, 12, 24, 1);--innerW: 86.66%;--radius10: min(1.33vw,10px);--radius20: min(2.67vw,20px);--radius30: min(4vw,30px);--fs-20: min(2.67vw,20px);--fs-24: min(3.2vw,24px);--fs-28: min(3.73vw,28px);--fs-30: min(4vw,30px);--fs-35: min(4.67vw,35px);--fs-40: min(5.33vw,40px);--fs-50: min(6.67vw,50px)}@media all and (min-width: 1168px){:root{--radius10: min(0.67vw,10px);--radius20: min(1.33vw,20px);--radius30: min(2vw,30px);--fs-20: min(1.33vw,20px);--fs-24: min(1.6vw,24px);--fs-28: min(1.87vw,28px);--fs-30: min(2vw,30px);--fs-35: min(2.33vw,35px);--fs-40: min(2.67vw,40px);--fs-50: min(3.33vw,50px)}}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,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,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,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:rgba(0,0,0,0)}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:rgba(0,0,0,0)}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}html{font-size:3.125vw}body{font-size:14px;font-size:1.4rem}@media all and (min-width: 768px){html{font-size:62.5%}body{font-size:14px;font-size:1.4rem}}:root{--vh: 100vh}body{color:#000;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Sans","游ゴシック",YuGothic,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:"palt" 1;font-feature-settings:"palt" 1;overscroll-behavior-y:none;line-height:1.5;transition:opacity .6s ease}body.disable{opacity:0}a{color:#000;text-decoration:none;text-decoration-thickness:1px}a:hover{text-decoration:none}[data-page=top] a:active,[data-page=top] a:hover,[data-page=top] a:link,[data-page=top] a:visited,[data-page=result] a:active,[data-page=result] a:hover,[data-page=result] a:link,[data-page=result] a:visited,[data-page=present] a:active,[data-page=present] a:hover,[data-page=present] a:link,[data-page=present] a:visited{text-decoration:none}li{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:normal}input[type=text],input[type=submit],button{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=password]{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}button{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;color:var(--color-black)}@keyframes AnimationName{0%{background-position:50% 0%}50%{background-position:50% 100%}100%{background-position:50% 0%}}header .header_inner{width:81.33%;max-width:610px;margin:auto;padding:min(4.27vw,32px) 0 0 0}footer{position:relative}#bg{width:100%;height:100vh;position:fixed;top:0px;left:0px;pointer-events:none}#bg canvas{width:100%;height:100%;position:absolute;top:0px;left:0px}#bg:after{content:"";width:100%;height:100%;position:absolute;top:0px;left:0px;background:linear-gradient(0deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);background-size:200% 200%;animation:AnimationName 20s ease infinite}#wrapper{position:relative}img{width:100%;height:auto;vertical-align:top}[data-form]{margin:auto}[data-form] input[type=text]{width:100%;box-sizing:border-box}[data-form] button.disable{opacity:.2;pointer-events:none}.icon svg{width:100%;height:100%;position:absolute;top:0px;left:0px}:is(a,button).btn{width:100%;height:min(13.33vw,100px);border-radius:min(6.67vw,50px);display:flex;align-items:center;justify-content:center;box-sizing:border-box}:is(a,button).btn .inr{position:relative;width:100%;display:flex;justify-content:center}:is(a,button).btn.small{height:min(10.67vw,80px);border-radius:min(5.33vw,40px)}:is(a,button).btn.blue{background:var(--color-blue)}:is(a,button).btn.blue span{color:var(--color-white)}:is(a,button).btn.yellow{background:var(--color-yellow);border:2px solid var(--color-blue)}:is(a,button).btn.yellow span{color:var(--color-blue)}:is(a,button).btn.yellow.bdr{background:none;border:min(0.4vw,3px) solid var(--color-yellow)}:is(a,button).btn.yellow.bdr span{color:var(--color-yellow)}:is(a,button).btn span{font-size:var(--fs-28);font-weight:600}.round{border-radius:var(--radius30)}.c-block{width:var(--innerW);margin:auto;box-sizing:border-box;border:min(0.93vw,7px) solid var(--color-blue);background:var(--color-white);overflow:hidden}.c-block .ttl_block{width:100%;height:min(16vw,120px);display:flex;align-items:center;justify-content:center;background:var(--color-blue)}.c-block .ttl_block h3{color:var(--color-white)}.box{height:min(7.07vw,53px);display:flex;align-items:center;justify-content:center}.box.yellow{background:var(--color-yellow)}#app_method .ttl_block h3 span{width:31.84%}#app_method .c-list_step{padding-top:min(2.67vw,20px)}#app_method .c-list_step ul li{box-sizing:border-box;padding:0 min(4.27vw,32px) min(5.33vw,40px) min(2.67vw,20px);position:relative}#app_method .c-list_step ul li .arrow{position:absolute;left:0px;width:18.46%}#app_method .c-list_step ul li .arrow .icon_down{width:min(2.27vw,17px);height:min(1.87vw,14px)}#app_method .c-list_step ul li .arrow .icon_down svg{fill:var(--color-blue)}#app_method .c-list_step ul li .line{width:18.46%;height:100%;position:absolute;left:min(2.4vw,18px);bottom:0px}#app_method .c-list_step ul li .line:before{content:"";position:absolute;top:0px;left:50%;width:4px;height:92%;background:url(../images/common/dot.png) top left repeat-y;background-size:4px 8px}#app_method .c-list_step ul li .icon{width:100%;height:min(1.87vw,14px);position:absolute;left:min(0.73vw,5.5px);bottom:min(1.33vw,10px)}#app_method .c-list_step ul li .icon svg{width:min(2.27vw,17px);height:min(1.87vw,14px);position:absolute;top:0px;left:50%;margin-left:max(-1.13vw,-8.5px);fill:var(--color-blue)}#app_method .c-list_step ul li:nth-child(1) dd img{width:min(2.13vw,16px);margin:auto}#app_method .c-list_step ul li:nth-child(2) dd img{width:min(4.67vw,35px);margin:auto}#app_method .c-list_step ul li:nth-child(3) dd img{width:min(4.67vw,35px);margin:auto}#app_method .c-list_step .cols{display:flex;justify-content:space-between;position:relative;z-index:2}#app_method .c-list_step .ttl_step{width:20.54%}#app_method .c-list_step .ttl_step .inr{aspect-ratio:1/1;background:var(--color-blue);border-radius:var(--radius20);display:flex;align-items:center;justify-content:center}#app_method .c-list_step .ttl_step dl dt,#app_method .c-list_step .ttl_step dl dd{color:var(--color-white);text-align:center}#app_method .c-list_step .ttl_step dl dt{margin-bottom:min(0.53vw,4px)}#app_method .c-list_step .ttl_step dl dt img{width:min(8vw,60px);margin:auto;display:block}#app_method .c-list_step .ttl_step dl dd{font-size:var(--fs-50);line-height:1}#app_method .c-list_step .ttl_step dl dd img{vertical-align:bottom}#app_method .c-list_step .col_r{width:75.34%}#app_method .c-list_step .col_r h4,#app_method .c-list_step .col_r p{color:var(--color-blue)}#app_method .c-list_step .col_r h4{font-size:var(--fs-35);font-weight:600;margin-bottom:.5em}#app_method .c-list_step .col_r p{font-size:var(--fs-28)}#app_method .c-list_step .col_r figure{margin-top:min(2.67vw,20px)}#app_method .img_sample{width:69.23%;margin:auto;margin-top:min(4vw,30px)}#app_method .c-notes{border-top:1px solid var(--color-blue);box-sizing:border-box}#app_method .c-notes .notes_inner{width:90.76%;margin:auto;padding:min(6.67vw,50px) 0}#app_method .c-notes dl dt{width:26.27%;margin:auto;margin-bottom:1em}#app_method .c-notes dl dd{color:var(--color-blue);font-size:var(--fs-28);position:relative;text-align:center}#app_method .c-notes dl dd a{text-decoration:underline;color:var(--color-blue)}#app_method .c-contact{border-top:1px solid var(--color-blue);box-sizing:border-box}#app_method .c-contact .contact_inner{width:90.76%;margin:auto;padding:min(6.67vw,50px) 0}#app_method .c-contact dl dt{width:34%;margin:auto;margin-bottom:1em}#app_method .c-contact dl dd{font-weight:600;color:var(--color-blue);font-size:var(--fs-28);text-align:center}#app_method .c-contact dl dd a{color:var(--color-blue);text-decoration:underline;font-weight:normal}#app_method .c-contact dl dd.info dl{width:82%;margin:auto;text-align:left;display:flex}#app_method .c-contact dl dd.info dl dt,#app_method .c-contact dl dd.info dl dd{font-weight:600}#app_method .c-contact dl dd.info dl dt{width:35%;margin:0}#app_method .c-contact dl dd.info dl dd{width:65%;text-align:left}[data-carousel]{margin:min(1.33vw,10px) 0 min(7.6vw,57px) 0}[data-carousel] .carousel_inner{width:100%;overflow:hidden}[data-carousel] ul{display:flex;align-items:center;transition:transform .5s ease}[data-carousel] ul.notransition{transition:transform 0s ease}[data-carousel] ul li{flex-shrink:0;width:88.53%;aspect-ratio:650/260}[data-carousel] ul li .inr{width:97.89%}[data-carousel] ul li .cols{border:1px solid var(--color-blue);box-sizing:border-box;border-radius:min(4vw,30px);overflow:hidden;background:var(--color-blue);display:flex;aspect-ratio:650/260}[data-carousel] ul li .cols .img{width:50%;position:relative}[data-carousel] ul li .cols .img figure{width:100%;height:100%;position:absolute;top:0px;left:0px}[data-carousel] ul li .cols .img img{width:100%;height:100%;object-fit:cover}[data-carousel] ul li .cols .col_r{width:50%;display:flex;align-items:center;justify-content:center}[data-carousel] ul li a{display:block}[data-carousel] ul li.c0 .col_r .txt{width:81.53%}[data-carousel] ul li.c1 .col_r .txt{width:67.3%}[data-carousel] ul li.c2 .col_r .txt{width:76.3%}[data-carousel] ul li.c3 .col_r .txt{width:86.76%;margin:auto}[data-carousel] ul li.c4 .col_r .txt{width:62.15%}#wrapper{width:100%;padding-bottom:min(12vw,90px)}#wrapper #wrap_r{width:100%;max-width:750px}#wrapper #wrap_l{display:none}.fixed_button{width:100%;position:sticky;bottom:0px;left:0px;background:rgba(0,68,155,.8);box-sizing:border-box;padding:min(2vw,15px) 0}.fixed_button a{width:57.33%;max-width:430px;margin:auto}.fixed_button a img{width:80.23%;margin:auto}[data-page=present] #wrapper{padding-bottom:0px}[data-page=present] #brandsite{margin-bottom:min(6.67vw,50px)}#modal_busy{position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:100;opacity:0;pointer-events:none}#modal_busy .inner{width:100%;height:100%;position:absolute;top:0px;left:0px;display:flex;align-items:center;justify-content:center}#modal_busy .inner dl{text-align:center}#modal_busy .inner dl dt,#modal_busy .inner dl dd{color:var(--color-blue);font-weight:bold}#modal_busy .inner dl dt{font-size:var(--fs-40);line-height:1.5}#modal_busy .inner dl dd{font-size:var(--fs-20);margin-top:1em}.show_busy{overflow:hidden}.show_busy main{pointer-events:none}.show_busy #wrapper,.show_busy footer{opacity:0;pointer-events:none}.show_busy #modal_busy{opacity:1;pointer-events:auto}#campaign_gold{margin-top:min(6.67vw,50px);display:none}#campaign_gold .c-block{border-color:var(--color-campaign-red)}#campaign_gold .ttl_block{height:min(10.13vw,76px);background:var(--color-campaign-red) url(../images/campaign/bg_dot.webp) top left;background-size:325px auto}#campaign_gold .ttl_block .ttl_content{width:100%}#campaign_gold .ttl_block h3{width:83.84%;margin:auto}#campaign_gold .ttl_block h3 img{vertical-align:middle;width:100%}#campaign_gold .content{position:relative}#campaign_gold .wrap_btn{position:absolute;width:100%;bottom:min(8vw,60px);left:0}#campaign_gold .wrap_btn a.btn{width:min(57.33vw,430px);margin-inline:auto;background-color:var(--color-red)}#campaign_gold .wrap_btn a.btn .inr{width:min(28.67vw,215px)}@media all and (min-width: 758px){#wrapper{width:750px;margin:auto;display:flex;flex-direction:row-reverse;border-left:4px solid var(--color-white);border-right:4px solid var(--color-white)}}@media all and (min-width: 1168px){[data-page=present] #wrapper #wrap_r{padding-bottom:0px}[data-page=present] #brandsite{margin-bottom:min(6.67vw,50px)}:is(a,button).btn{height:min(6.67vw,100px);border-radius:min(3.33vw,50px);transition:opacity .15s linear}:is(a,button).btn.small{height:min(5.33vw,80px);border-radius:min(2.67vw,40px)}:is(a,button).btn.yellow.bdr{border-width:min(0.2vw,3px)}:is(a,button).btn.blue{border:2px solid var(--color-blue);transition:background .15s linear}:is(a,button).btn.blue span{transition:color .15s linear}:is(a,button).btn:hover{opacity:.5}[data-carousel]{margin:min(0.67vw,10px) 0 min(3.47vw,52px) 0}[data-carousel] ul li .cols{border-radius:min(2vw,30px)}#wrapper{width:100%;display:flex;flex-direction:row-reverse;border:none;padding-bottom:min(0vw,0px)}#wrapper #wrap_r{width:42.97%;padding-bottom:min(6.67vw,100px)}#wrapper #wrap_l{width:57.03%;position:sticky;top:0px;height:100vh;box-sizing:border-box;border-right:4px solid var(--color-white);display:flex;align-items:center;justify-content:center}#wrapper #wrap_l .content_pc{width:100%}#wrapper #wrap_l .content_pc p,#wrapper #wrap_l .content_pc h2{margin:auto}#wrapper #wrap_l p{width:38.08%}#wrapper #wrap_l h2{width:48.57%}#app_method .c-contact dl dd a{color:var(--color-blue);text-decoration:underline;font-weight:normal}#app_method .c-contact dl dd.info dl{width:80%;margin:auto;text-align:left;display:flex}#app_method .c-contact dl dd.info dl dt,#app_method .c-contact dl dd.info dl dd{font-weight:600}#app_method .c-contact dl dd.info dl dt{width:35%;margin:0}#app_method .c-contact dl dd.info dl dd{width:65%;text-align:left}}@keyframes loading{0%{rotate:0deg}50%{rotate:180deg}100%{rotate:360deg}}.loading main{pointer-events:none}.loading #modal_loading{opacity:1}.loading #wrapper,.loading footer{opacity:0;pointer-events:none}#modal_loading{width:100%;min-height:100svh;height:100%;position:fixed;top:0px;left:0px;z-index:100;opacity:0;pointer-events:none}#modal_loading .inner{width:100%;height:100%;position:absolute;top:0px;left:0px;display:flex;align-items:center;justify-content:center}#modal_loading .content{width:100%}#modal_loading .content dl{width:100%}#modal_loading .content dl dt{margin:auto}#modal_loading .content dl dt{width:min(20.67vw,155px)}#modal_loading .content dl dd.normal{width:min(28.8vw,216px);margin:auto;margin-top:min(6.4vw,48px)}#modal_loading .content dl dd.over{font-size:var(--fs-40);color:var(--color-blue);text-align:center;font-weight:bold;line-height:1.5;margin-top:min(6.4vw,48px);display:none}#modal_loading .content dl dd.over span.small{font-size:var(--fs-20);display:block;padding-top:1em}#modal_loading .content dl.is_busy dd.normal{display:none}#modal_loading .content dl.is_busy dd.over{display:block}#modal_loading .content .loader{width:100%;aspect-ratio:1/1;position:relative}#modal_loading .content .loader .loader_inner{width:100%;height:100%;position:absolute;top:0px;left:0px;animation:loading 3s linear infinite}#modal_loading .content .loader .loader_inner div{width:min(4.27vw,32px);height:min(4.27vw,32px);background:var(--color-blue);border-radius:50%;--angle: calc(360deg / 8 * var(--index));--r: min(10.4vw,78px);--xx: calc( cos(var(--angle) ) * var(--r) );--yy: calc( sin(var(--angle) ) * var(--r) );position:absolute;top:50%;left:50%;translate:calc(var(--xx) - 50%) calc(var(--yy) - 50%)}#modal_loading .content .loader .loader_inner div:nth-of-type(1){opacity:.3}#modal_loading .content .loader .loader_inner div:nth-of-type(2){opacity:.4}#modal_loading .content .loader .loader_inner div:nth-of-type(3){opacity:.5}#modal_loading .content .loader .loader_inner div:nth-of-type(4){opacity:.6}#modal_loading .content .loader .loader_inner div:nth-of-type(5){opacity:.7}#modal_loading .content .loader .loader_inner div:nth-of-type(6){opacity:.8}#modal_loading .content .loader .loader_inner div:nth-of-type(7){opacity:.9}[data-page=top] main .step1 h2{width:80%;margin:auto;top:max(-2.67vw,-20px);position:relative}[data-page=top] main .step1 .lead{margin:max(-1.33vw,-10px) 0 min(2.67vw,20px) 0}[data-page=top] main .step1 .lead p{color:var(--color-white);font-weight:600;font-size:var(--fs-24);line-height:1.3;text-align:center}[data-page=top] main .wrap_package{padding-top:min(2.67vw,20px)}[data-page=top] main .wrap_package p{color:var(--color-white);text-align:center;font-weight:600;font-size:var(--fs-24);line-height:1;white-space:nowrap}[data-page=top] main [data-select-package]{margin-top:min(2.13vw,16px)}[data-page=top] main [data-select-package] ul{width:85.43%;display:flex;justify-content:space-between;margin-inline:auto}[data-page=top] main [data-select-package] ul li{width:49.28%}[data-page=top] main [data-select-package] ul li:last-child{margin-bottom:0px}[data-page=top] main [data-select-package] ul li label{width:100%;height:min(9.33vw,70px);background:#fffdde;position:relative;display:grid;place-content:center}[data-page=top] main [data-select-package] ul li label input[type=radio]{opacity:0;position:absolute;top:0px;left:0px}[data-page=top] main [data-select-package] ul li label:has(input[type=radio]:checked){background:var(--color-yellow)}[data-page=top] main [data-select-package] ul li label span{display:inline-block;line-height:1}[data-page=top] main [data-select-package] ul li:nth-child(1) label{border-radius:100vmax 0 0 100vmax}[data-page=top] main [data-select-package] ul li:nth-child(2) label{border-radius:0 100vmax 100vmax 0}[data-page=top] main [data-select-package] ul .txt_grape{width:min(14.8vw,111px)}[data-page=top] main [data-select-package] ul .txt_strawberry{width:min(21.87vw,164px)}[data-page=top] main .step2 .c-ttl_h2{width:100%;display:grid;place-content:center;position:relative;top:max(-2.67vw,-20px)}[data-page=top] main .step2 .c-ttl_h2 h2{width:min(63.47vw,476px);margin:auto}[data-page=top] main .step2 .back{margin-top:min(4vw,30px)}[data-page=top] main .step2 .back button{position:relative;width:38.46%;margin-inline:auto;border:2px solid var(--color-yellow);border-radius:100vmax;height:min(8vw,60px);display:grid;place-content:center}[data-page=top] main .step2 .back button span.icon{display:block;width:9px;height:7px;rotate:90deg;position:absolute;left:9.2%;top:50%;margin-top:-3.5px}[data-page=top] main .step2 .back button span.icon svg{fill:var(--color-yellow)}[data-page=top] main .step2 .back button span.txt{font-weight:600;color:var(--color-yellow);font-size:var(--fs-24)}main{width:var(--innerW);margin:auto;background:var(--color-blue);border-radius:var(--radius30);padding-bottom:min(5.33vw,40px)}[data-form]{width:84.615%;margin:auto}[data-form] .c-input{margin-bottom:min(1.2vw,9px);position:relative}[data-form] .c-input:nth-last-of-type(1){margin-bottom:0px}[data-form] .c-input #error{position:absolute;height:min(8vw,60px);z-index:2;left:50%;margin-left:max(-29.2vw,-219px);top:max(-6.4vw,-48px);background:url(../images/common/bg_error.svg) top left no-repeat;background-size:100% auto;opacity:0;pointer-events:none;transition:transform .3s ease;transform:translate3d(0, 10px, 0)}[data-form] .c-input #error .inr{height:min(8vw,60px);display:flex;align-items:center;justify-content:center;width:min(58.4vw,438px)}[data-form] .c-input #error p{font-size:var(--fs-28);display:none;color:var(--color-white);font-weight:600}[data-form] .c-input #error p.active{display:block}[data-form] .c-input #error.show{opacity:1;transform:translate3d(0, 0, 0)}[data-form] .c-input[data-input=english]{margin-bottom:0px}[data-form] dl{display:flex;justify-content:space-between}[data-form] dl dt{width:26.14%}[data-form] dl dt .inr{width:100%;height:min(10.67vw,80px);background:var(--color-yellow);display:flex;align-items:center;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:var(--radius10);border-top-left-radius:var(--radius10);-webkit-background-clip:padding-box;background-clip:padding-box;position:relative;text-align:center}[data-form] dl dt span{font-size:var(--fs-24);display:block;width:100%;line-height:1.2;font-weight:600;color:var(--color-blue)}[data-form] dl dd.input_text{width:72.63%;background:var(--color-white);border-top-right-radius:var(--radius10);border-bottom-right-radius:var(--radius10);border-bottom-left-radius:0;border-top-left-radius:0;-webkit-background-clip:padding-box;background-clip:padding-box;overflow:hidden;height:min(10.67vw,80px);display:flex;align-items:center;position:relative}[data-form] dl dd.input_text:before{content:"";width:100%;height:100%;position:absolute;top:0px;left:0px;background:var(--bg-error);opacity:0;pointer-events:none}[data-form] dl dd.input_text.has_error:before{opacity:1}[data-form] dl input[type=text]{height:min(7.6vw,57px);font-weight:bold;width:100%;box-sizing:border-box;padding:0 0 0 .5em;font-size:var(--fs-30)}[data-form] .note{margin-top:.2em}[data-form] .note p{color:var(--color-yellow);font-size:var(--fs-20)}[data-form] .agree{padding:min(2vw,15px) 0 0 0}[data-form] .agree label{display:flex;align-items:center;justify-content:center}[data-form] .agree label input{position:absolute;opacity:0}[data-form] .agree label span.checkbox{width:min(8vw,60px);height:min(8vw,60px);display:block;background:#fff}[data-form] .agree label span.txt{color:var(--color-white);font-size:var(--fs-24);font-weight:bold;margin-left:.5em}[data-form] .agree label span.txt a{color:var(--color-yellow);text-decoration:underline}[data-form] .agree label input:checked+span.checkbox{background:var(--color-yellow);position:relative}[data-form] .agree label input:checked+span.checkbox:after{content:"";width:min(4.13vw,31px);height:min(2.93vw,22px);position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0);display:block;background:url(../images/common/icon_check.svg) top left no-repeat;background-size:cover}[data-form] .submit{position:relative;width:78.18%;margin:auto;margin-top:min(3.33vw,25px)}[data-form] .submit button[data-submit]{width:100%;height:min(13.33vw,100px);display:block;cursor:pointer;border-radius:min(6.67vw,50px);background:var(--color-yellow)}[data-form] .submit button[data-submit] img{width:73.4%;margin:auto}[data-form] .howto{margin:auto;width:78.18%;margin-top:min(2.67vw,20px)}[data-form] .howto .col1{width:58.13%;margin:auto}[data-form] .howto ul{width:100%;display:flex;column-gap:min(1.6vw,12px)}[data-form] .howto ul li{width:calc(50% - min(0.8vw,6px))}[data-form] .howto button[data-howto]{position:relative;background:var(--color-blue);display:block;width:100%;height:min(8vw,60px);display:flex;align-items:center;justify-content:center;border-radius:min(4vw,30px);box-sizing:border-box;border:2px solid var(--color-yellow)}[data-form] .howto button[data-howto] .icon{position:absolute;right:min(2.93vw,22px);top:50%;margin-top:max(-0.93vw,-7px);width:min(2.27vw,17px);height:min(1.87vw,14px)}[data-form] .howto button[data-howto] .icon svg{width:100%;height:100%;position:absolute;top:0px;left:0px;fill:var(--color-yellow)}[data-form] .howto button[data-howto] span.txt{font-weight:600;font-size:var(--fs-24);color:var(--color-yellow)}section#brandsite .ttl_block h3 span{width:53.69%}section#howto0,section#howto1,section#brandsite,section#campaign,section#app_method{padding-top:min(6.67vw,50px)}section#howto0 .ttl_block img,section#howto1 .ttl_block img,section#brandsite .ttl_block img,section#campaign .ttl_block img,section#app_method .ttl_block img{width:100%;height:auto}section#howto0 .ttl_block span,section#howto1 .ttl_block span,section#brandsite .ttl_block span,section#campaign .ttl_block span,section#app_method .ttl_block span{display:block;margin:auto}section#campaign .ttl_block .ttl_content{width:100%}section#campaign .ttl_block dl{width:87%;margin:auto;margin-top:1em}section#campaign .ttl_block dl dt{border:1px solid var(--color-white);height:min(5.87vw,44px);display:flex;align-items:center;justify-content:center}section#campaign .ttl_block dl dt span{font-size:var(--fs-24);color:var(--color-white);font-weight:600}section#campaign .ttl_block dl dd{font-size:var(--fs-24);line-height:1.5;color:var(--color-white);font-weight:600;text-align:center;margin-top:.6em}.c-list_col2 ul li:nth-child(2n+1) .cols{flex-direction:row-reverse}.c-list_col2 ul .cols{display:flex}.c-list_col2 ul .cols figure{box-sizing:border-box;border:2px solid var(--color-blue)}.c-list_col2 ul .cols .col{width:50%}section#howto0 .ttl_block h3 span{width:32%}section#howto0 .content{box-sizing:border-box;padding:min(4vw,30px)}section#howto1 .ttl_block h3 span{width:24.15%}section#howto1 .c-list_step{padding-top:min(2.67vw,20px)}section#howto1 .c-list_step ul li{box-sizing:border-box;padding:0 min(4.27vw,32px) min(5.33vw,40px) min(2.67vw,20px);position:relative}section#howto1 .c-list_step ul li .arrow{position:absolute;left:0px;width:18.46%}section#howto1 .c-list_step ul li .arrow .icon_down{width:min(2.27vw,17px);height:min(1.87vw,14px)}section#howto1 .c-list_step ul li .arrow .icon_down svg{fill:var(--color-blue)}section#howto1 .c-list_step ul li .line{width:18.46%;height:100%;position:absolute;left:min(2.4vw,18px);bottom:0px}section#howto1 .c-list_step ul li .line:before{content:"";position:absolute;top:0px;left:50%;width:4px;height:92%;background:url(../images/common/dot.png) top left repeat-y;background-size:4px 8px}section#howto1 .c-list_step ul li .icon{width:100%;height:min(1.87vw,14px);position:absolute;left:min(0.73vw,5.5px);bottom:min(1.33vw,10px)}section#howto1 .c-list_step ul li .icon svg{width:min(2.27vw,17px);height:min(1.87vw,14px);position:absolute;top:0px;left:50%;margin-left:max(-1.13vw,-8.5px);fill:var(--color-blue)}section#howto1 .c-list_step ul li:nth-child(1) dd img{width:min(2.13vw,16px);margin:auto}section#howto1 .c-list_step ul li:nth-child(2) dd img{width:min(4.67vw,35px);margin:auto}section#howto1 .c-list_step ul li:nth-child(3) dd img{width:min(4.67vw,35px);margin:auto}section#howto1 .c-list_step ul li:nth-child(4) dd img{width:min(5.07vw,38px);margin:auto}section#howto1 .c-list_step .cols{display:flex;justify-content:space-between}section#howto1 .c-list_step .line{z-index:1}section#howto1 .c-list_step .ttl_step{width:20.54%}section#howto1 .c-list_step .ttl_step .inr{aspect-ratio:1/1;background:var(--color-blue);border-radius:var(--radius20);display:flex;align-items:center;justify-content:center}section#howto1 .c-list_step .ttl_step dl dt,section#howto1 .c-list_step .ttl_step dl dd{color:var(--color-white);text-align:center}section#howto1 .c-list_step .ttl_step dl dt{margin-bottom:min(0.53vw,4px)}section#howto1 .c-list_step .ttl_step dl dt img{width:min(8vw,60px);margin:auto;display:block}section#howto1 .c-list_step .ttl_step dl dd{font-size:var(--fs-50);line-height:1}section#howto1 .c-list_step .ttl_step dl dd img{vertical-align:bottom}section#howto1 .c-list_step .col_r{width:75.34%}section#howto1 .c-list_step .col_r h4,section#howto1 .c-list_step .col_r p{color:var(--color-blue)}section#howto1 .c-list_step .col_r h4{font-size:var(--fs-35);font-weight:600;margin-bottom:.5em}section#howto1 .c-list_step .col_r p{font-size:var(--fs-28)}section#howto1 .c-list_step .col_r figure{margin-top:min(2.67vw,20px)}section#howto1 .img_sample{width:69.23%;margin:auto;margin-top:min(4vw,30px)}section#howto1 .c-notes{border-top:1px solid var(--color-blue);box-sizing:border-box}section#howto1 .c-notes .notes_inner{width:90.76%;margin:auto;padding:min(6.67vw,50px) 0}section#howto1 .c-notes dl dt{width:26.27%;margin:auto;margin-bottom:1em}section#howto1 .c-notes dl dd{color:var(--color-blue);font-size:var(--fs-28);position:relative;padding-left:1.2em}section#howto1 .c-notes dl dd:before{content:"・";position:absolute;left:0px;top:0px}section#brandsite .content{padding-bottom:min(9.33vw,70px)}section#brandsite .lead{text-align:center;margin-top:min(4.8vw,36px);margin-bottom:min(2.67vw,20px)}section#brandsite .lead p{font-size:var(--fs-28);color:var(--color-blue);font-weight:600}section#brandsite .img_logo{width:75.38%;margin:auto;margin-bottom:min(5.07vw,38px)}section#brandsite .wrap_btn{width:66.15%;margin:auto}section#campaign .ttl_block h3{width:100%}section#campaign .ttl_block h3 span{width:73.23%}section#campaign .ttl_block{height:min(42.67vw,320px)}section#campaign .content{padding-bottom:min(9.33vw,70px)}section#campaign .content .img_campaign{width:85.84%;margin:auto;margin-top:min(4.27vw,32px)}section#campaign .wrap_btn{width:66.15%;margin:auto;margin-top:min(5.33vw,40px)}section#campaign .wrap_btn a img{width:52.32%}.ttl_block h3{width:100%}@media all and (min-width: 1168px){[data-page=top] main .step1 h2{top:max(-1.33vw,-20px)}[data-page=top] main .step1 .lead{margin:max(-0.67vw,-10px) 0 min(1.33vw,20px) 0}[data-page=top] main .wrap_package{padding-top:min(2.67vw,20px)}[data-page=top] main .wrap_package p{text-align:center;font-size:1.8rem}[data-page=top] main [data-select-package]{margin-top:min(2.13vw,16px)}[data-page=top] main [data-select-package] ul .txt_grape{width:min(7.4vw,111px)}[data-page=top] main [data-select-package] ul .txt_strawberry{width:min(10.93vw,164px)}main{padding-bottom:min(2.67vw,40px)}[data-form] .c-input{margin-bottom:min(1.33vw,20px)}[data-form] .c-input #error{height:min(4vw,60px);right:auto;top:max(-4.53vw,-68px)}[data-form] .c-input #error .inr{height:min(4vw,60px);width:min(29.2vw,438px)}[data-form] dl dt span{font-size:min(1.33vw,20px)}[data-form] dl dt .inr{height:min(5.33vw,80px)}[data-form] dl dd.input_text{overflow:hidden;height:min(5.33vw,80px)}[data-form] dl input[type=text]{height:min(3.8vw,57px)}[data-form] .agree{padding:min(1vw,15px) 0 0 0}[data-form] .agree label span.checkbox{width:min(4vw,60px);height:min(4vw,60px)}[data-form] .agree label input:checked+span.checkbox:after{width:min(2.07vw,31px);height:min(1.47vw,22px)}[data-form] .submit{margin-top:min(1.67vw,25px)}[data-form] .submit button[data-submit]{height:min(6.67vw,100px);border-radius:min(3.33vw,50px);transition:opacity .15s linear}[data-form] .submit button[data-submit]:hover{opacity:.5}[data-form] .howto{margin-top:min(1.33vw,20px)}[data-form] .howto ul{column-gap:min(0.8vw,12px)}[data-form] .howto ul li{width:calc(50% - min(0.4vw,6px))}[data-form] .howto button[data-howto]{height:min(4vw,60px);border-radius:min(2vw,30px);transition:opacity .15s linear}[data-form] .howto button[data-howto] .icon{right:min(1.47vw,22px);margin-top:max(-0.47vw,-7px);width:min(1.13vw,17px);height:min(0.93vw,14px)}[data-form] .howto button[data-howto]:hover{opacity:.5}section#howto0,section#howto1,section#brandsite,section#campaign,section#app_method{padding-top:min(3.33vw,50px)}section#howto0 .content{padding:min(2vw,30px)}section#howto1 .c-list_step{padding-top:min(1.33vw,20px)}section#howto1 .c-list_step ul li{padding:0 min(2.13vw,32px) min(2.67vw,40px) min(1.33vw,20px)}section#howto1 .c-list_step ul li .arrow .icon_down{width:min(1.13vw,17px);height:min(0.93vw,14px)}section#howto1 .c-list_step ul li .line{left:min(1.2vw,18px)}section#howto1 .c-list_step ul li .line:after{content:"";width:100%;height:min(6.67vw,100px);z-index:1;background:var(--color-white);position:absolute;top:0px;left:0px}section#howto1 .c-list_step ul li .icon{height:min(0.93vw,14px);left:min(0.2vw,3px);bottom:min(0.67vw,10px)}section#howto1 .c-list_step ul li .icon svg{width:min(1.13vw,17px);height:min(0.93vw,14px);margin-left:max(-0.57vw,-8.5px)}section#howto1 .c-list_step ul li .col_r h4 br{display:none}section#howto1 .c-list_step ul li:nth-child(1) dd img{width:min(1.07vw,16px)}section#howto1 .c-list_step ul li:nth-child(2) dd img{width:min(2.33vw,35px)}section#howto1 .c-list_step ul li:nth-child(3) dd img{width:min(2.33vw,35px)}section#howto1 .c-list_step .ttl_step{position:relative;z-index:2}section#howto1 .c-list_step .ttl_step dl dt{margin-bottom:min(0.27vw,4px)}section#howto1 .c-list_step .ttl_step dl dt img{width:min(4vw,60px)}section#howto1 .c-list_step .col_r figure{margin-top:min(1.33vw,20px)}section#howto1 .img_sample{margin-top:min(2vw,30px)}section#howto1 .c-notes .notes_inner{padding:min(3.33vw,50px) 0}section#brandsite .content{padding-bottom:min(4.67vw,70px)}section#brandsite .lead{margin-top:min(2.4vw,36px);margin-bottom:min(1.33vw,20px)}section#brandsite .img_logo{margin-bottom:min(2.53vw,38px)}section#campaign .ttl_block{height:min(18.67vw,280px)}section#campaign .ttl_block dl dd{font-size:var(--fs-20)}section#campaign .content{padding-bottom:min(4.67vw,70px)}section#campaign .content .img_campaign{margin-top:min(2.13vw,32px)}section#campaign .wrap_btn{width:66.15%;margin:auto;margin-top:min(2.67vw,40px)}}[data-page=result] header .header_inner{width:var(--innerW);margin:auto}[data-page=result] header h1{width:81.53%}[data-page=result] main{padding:min(6.67vw,50px) 0 min(9.33vw,70px) 0;margin-top:min(2.67vw,20px)}[data-page=result] main .c-ttl_h2{width:54.92%;margin:auto;margin-bottom:min(4vw,30px)}[data-page=result] main #img_result{width:84.61%;aspect-ratio:550/290;border-radius:var(--radius20);overflow:hidden;background:url(../images/result/bg_og.webp) center no-repeat;background-size:cover;margin:auto;margin-bottom:min(1.33vw,10px);position:relative}[data-page=result] main #img_result figure{position:absolute;width:100%;height:100%;top:0px;left:0px;display:flex;align-items:center;justify-content:center}[data-page=result] main #img_result figure img{width:80%;height:auto;vertical-align:middle}[data-page=result] main #img_result canvas{position:absolute;width:100%;height:100%;pointer-events:none;opacity:0}[data-page=result] main .img_package{width:84.61%;aspect-ratio:550/290;border-radius:var(--radius20);overflow:hidden;background:url(../images/result/bg_og.webp) center no-repeat;background-size:cover;margin:auto;margin-bottom:min(2.67vw,20px);position:relative;margin-top:min(6.67vw,50px);display:grid;place-content:center}[data-page=result] main .img_package figure{width:84.45%;margin:auto}[data-page=result] main .img_package canvas{position:absolute;width:100%;height:100%;pointer-events:none;opacity:0}[data-page=result] main .nav_result.c-col2{width:84.615%;margin:auto;margin-bottom:min(2.67vw,20px)}[data-page=result] main .nav_result.c-col2 ul{display:flex;align-items:center;justify-content:space-between}[data-page=result] main .nav_result.c-col2 ul li{width:48.18%}[data-page=result] main .nav_result.c-col2 ul li:nth-child(1) img{width:72.45%}[data-page=result] main .nav_result.c-col2 ul li:nth-child(2) img{width:59.62%}[data-page=result] main .c-block_package .nav_result ul li:nth-child(1) img{width:72.45%}[data-page=result] main .c-block_package .nav_result ul li:nth-child(2) img{width:27.16%}[data-page=result] main .wrap_btn_back{width:56.3%;margin:auto;margin-top:min(6.67vw,50px)}[data-page=result] main .wrap_btn_back .icon{position:absolute;width:min(1.87vw,14px);height:min(2.27vw,17px);position:absolute;left:min(2.93vw,22px);top:50%;margin-top:max(-1.13vw,-8.5px)}[data-page=result] main .wrap_btn_back .icon svg{fill:var(--color-yellow)}@media all and (min-width: 1168px){[data-page=result] main{padding:min(3.33vw,50px) 0;margin-top:min(1.33vw,20px)}[data-page=result] main .c-ttl_h2{margin-bottom:min(2vw,30px)}[data-page=result] main #img_result{margin-bottom:min(2vw,30px)}[data-page=result] main .nav_result{margin-bottom:min(1.33vw,20px)}[data-page=result] main .nav_result ul li{margin-bottom:min(1.33vw,20px)}[data-page=result] main .wrap_btn_back .icon{width:min(0.93vw,14px);height:min(1.13vw,17px);left:min(1.47vw,22px);margin-top:max(-0.57vw,-8.5px)}}[data-page=present] main{padding:min(6.67vw,50px) 0;margin-top:min(5.33vw,40px)}[data-page=present] main .inner{width:85.48%;margin:auto}[data-page=present] main .c-ttl_h2{width:87.23%;margin:auto}[data-page=present] main .box{width:86.15%;margin:auto;margin-bottom:min(1.07vw,8px)}[data-page=present] main .box p{width:48.75%}[data-page=present] main .img_original_hichew{width:83%;margin:auto;margin-top:min(2.67vw,20px)}[data-page=present] main .lead{padding-top:min(3.47vw,26px);text-align:center;margin-bottom:min(5.33vw,40px)}[data-page=present] main .lead p{color:var(--color-white);font-weight:600;font-size:var(--fs-24);line-height:1.5;white-space:nowrap}[data-page=present] main .lead p span{font-size:var(--fs-20);font-weight:600}[data-page=present] main .lead p.link{font-size:var(--fs-20);font-weight:normal;margin-top:1em;white-space:initial;line-height:1.5}[data-page=present] main .lead p.link a{color:var(--color-white)}[data-page=present] main dl dt{border:1px solid var(--color-white);height:min(5.87vw,44px);display:flex;align-items:center;justify-content:center}[data-page=present] main dl dt span{font-size:var(--fs-24);color:var(--color-white);font-weight:600}[data-page=present] main dl dd{font-size:var(--fs-35);line-height:1.5;color:var(--color-white);font-weight:600;text-align:center;margin-top:.6em}@media all and (min-width: 864px){[data-page=present] main .lead p{white-space:revert}}[data-page=ranking] header .header_inner{width:var(--innerW);margin:auto}[data-page=ranking] header h1{width:81.53%}[data-page=ranking] #s-ranking{margin-top:min(2.67vw,20px)}[data-page=ranking] #s-ranking .ttl_block{height:min(21.6vw,162px)}[data-page=ranking] #s-ranking .ttl_block h3{text-align:center}[data-page=ranking] #s-ranking .ttl_block h3 img{width:min(47.33vw,355px)}[data-page=ranking] .c-list_ranking ul li{border-bottom:2px solid var(--color-blue)}[data-page=ranking] .c-list_ranking ul li:last-child{border-bottom:none}[data-page=ranking] .c-list_ranking ul li:is([data-page=ranking] .c-list_ranking ul li:nth-child(1),[data-page=ranking] .c-list_ranking ul li:nth-child(2),[data-page=ranking] .c-list_ranking ul li:nth-child(3)) .name p{font-size:var(--fs-40)}[data-page=ranking] .c-list_ranking ul .c-cols{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:min(1.33vw,10px) min(1.33vw,10px)}[data-page=ranking] .c-list_ranking ul .num{width:19.54%}[data-page=ranking] .c-list_ranking ul .num.n{text-align:center}[data-page=ranking] .c-list_ranking ul .num.n img{width:50%;vertical-align:middle}[data-page=ranking] .c-list_ranking ul .name{width:76.87%}[data-page=ranking] .c-list_ranking ul .name p{font-weight:600;font-size:var(--fs-28);color:var(--color-blue)}[data-page=ranking] .c-list_ranking ul .name p img{width:auto;height:min(14.13vw,106px)}@media all and (min-width: 864px){[data-page=present] main .lead p{white-space:revert}}:root{--hide-y: 40px}[data-page=top] [data-carousel],[data-page=top] main{transition:transform .5s ease 0s,opacity .5s ease 0s;opacity:0;transform:translate3d(0, var(--hide-y), 0)}[data-page=top].active [data-carousel],[data-page=top].active main{opacity:1;transform:translate3d(0, 0, 0)}[data-page=top].active main{transition-delay:0.1s}[data-page=top] .step2{width:100%;position:absolute;top:0px;pointer-events:none;opacity:0}[data-page=top] main.active_step1 .step1{transition:opacity .5s ease}[data-page=top] main.active_step2 .step1{position:absolute;top:0px;pointer-events:none;opacity:0}[data-page=top] main.active_step2 .step2{position:relative;pointer-events:auto;opacity:1;transition:opacity .5s ease}[data-page=present] main,[data-page=present] #app_method{transition:transform .5s ease 0s,opacity .5s ease 0s;opacity:0;transform:translate3d(0, var(--hide-y), 0)}[data-page=present].active main,[data-page=present].active #app_method{opacity:1;transform:translate3d(0, 0, 0)}[data-page=present].active #app_method{transition-delay:0.1s}.fixed_button{transition:transform .4s ease;transform:translate3d(0, 110%, 0)}.active .fixed_button{transform:translate3d(0, 0, 0);transition-delay:0.2s}#campaign,#campaign_gold,#howto0,#howto1,#brandsite{transition:transform .5s ease 0s,opacity .5s ease 0s;opacity:0;transform:translate3d(0, var(--hide-y), 0)}#campaign.animate,#campaign_gold.animate,#howto0.animate,#howto1.animate,#brandsite.animate{opacity:1;transform:translate3d(0, 0, 0)}[data-page=result] main,[data-page=result] #campaign,[data-page=result] #campaign_gold{transition:transform .5s ease 0s,opacity .5s ease 0s;opacity:0;transform:translate3d(0, var(--hide-y), 0)}[data-page=result].active main,[data-page=result].active #campaign_gold,[data-page=result].active #campaign{opacity:1;transform:translate3d(0, 0, 0)}[data-page=result].active #campaign_gold,[data-page=result].active #campaign{transition-delay:0.1s}/*# sourceMappingURL=style.css.map */
