@charset "UTF-8";@-webkit-keyframes bg{0%{background-position:0 0}to{background-position:54px 71px}}@keyframes bg{0%{background-position:0 0}to{background-position:54px 71px}}#soupfactory .diagnosis{position:relative;background:url(../img/common/bg_pattern.svg);background-size:54px 71px}#soupfactory .diagnosis button,#soupfactory .diagnosis h1,#soupfactory .diagnosis p{font-weight:500;font-size:16px}#soupfactory .diagnosis .p02{top:0;padding:47px 20px}#soupfactory .diagnosis .p03,#soupfactory .diagnosis .p04{width:100%;top:0}#soupfactory .diagnosis[data-page="1"]{height:calc(100vh - 60px);height:calc(var(--vh, 1vh)*100 - 60px)}#soupfactory .diagnosis[data-page="1"] .p02,#soupfactory .diagnosis[data-page="1"] .p03,#soupfactory .diagnosis[data-page="1"] .p04{display:none}#soupfactory .diagnosis[data-page="2"]{height:calc(100vh - 60px);height:calc(var(--vh, 1vh)*100 - 60px)}#soupfactory .diagnosis[data-page="2"] .p01,#soupfactory .diagnosis[data-page="2"] .p03,#soupfactory .diagnosis[data-page="2"] .p04{display:none}#soupfactory .diagnosis[data-page="3"]{height:calc(100vh - 60px);height:calc(var(--vh, 1vh)*100 - 60px)}#soupfactory .diagnosis[data-page="3"] .p01,#soupfactory .diagnosis[data-page="3"] .p02,#soupfactory .diagnosis[data-page="3"] .p04,#soupfactory .diagnosis[data-page="4"] .p01,#soupfactory .diagnosis[data-page="4"] .p02,#soupfactory .diagnosis[data-page="4"] .p03{display:none}#soupfactory .diagnosis__cover{position:fixed;top:0;left:0;z-index:2000;width:100vw;height:100vh;background:#fff;visibility:hidden;opacity:0;-webkit-transition:all 1s ease;transition:all 1s ease}#soupfactory .diagnosis__cover.show{visibility:visible;opacity:1}@-webkit-keyframes pot_steam{0%{opacity:0;-webkit-transform:scale(.5) translateY(100px);transform:scale(.5) translateY(100px)}50%{opacity:1;-webkit-transform:scale(.75) translateY(50px);transform:scale(.75) translateY(50px)}90%{opacity:1;-webkit-transform:scale(.95) translateY(10px);transform:scale(.95) translateY(10px)}to{opacity:0;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes pot_steam{0%{opacity:0;-webkit-transform:scale(.5) translateY(100px);transform:scale(.5) translateY(100px)}50%{opacity:1;-webkit-transform:scale(.75) translateY(50px);transform:scale(.75) translateY(50px)}90%{opacity:1;-webkit-transform:scale(.95) translateY(10px);transform:scale(.95) translateY(10px)}to{opacity:0;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@-webkit-keyframes seasoning{0%{opacity:0;-webkit-transform:scale(0) rotate(-1turn);transform:scale(0) rotate(-1turn)}50%{opacity:1;-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}to{opacity:0;-webkit-transform:scale(0) rotate(1turn);transform:scale(0) rotate(1turn)}}@keyframes seasoning{0%{opacity:0;-webkit-transform:scale(0) rotate(-1turn);transform:scale(0) rotate(-1turn)}50%{opacity:1;-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}to{opacity:0;-webkit-transform:scale(0) rotate(1turn);transform:scale(0) rotate(1turn)}}@-webkit-keyframes attention{0%{-webkit-transform:scale(1);transform:scale(1)}7%{-webkit-transform:scale(1.02);transform:scale(1.02)}15%{-webkit-transform:scale(1);transform:scale(1)}22%{-webkit-transform:scale(1.1);transform:scale(1.1)}30%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes attention{0%{-webkit-transform:scale(1);transform:scale(1)}7%{-webkit-transform:scale(1.02);transform:scale(1.02)}15%{-webkit-transform:scale(1);transform:scale(1)}22%{-webkit-transform:scale(1.1);transform:scale(1.1)}30%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}#soupfactory img{width:100%}#soupfactory .diagnosis__bg{position:absolute;width:100%;height:100%}#soupfactory .diagnosis__bg__wall{display:none}#soupfactory .diagnosis__bg__bottom{position:absolute;bottom:0;width:100%}#soupfactory .diagnosis__bg__syocho{position:absolute;right:0;bottom:25px;width:140px;height:423px;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform 2s cubic-bezier(.39,.575,.565,1);transition:-webkit-transform 2s cubic-bezier(.39,.575,.565,1);transition:transform 2s cubic-bezier(.39,.575,.565,1);transition:transform 2s cubic-bezier(.39,.575,.565,1), -webkit-transform 2s cubic-bezier(.39,.575,.565,1);-webkit-transition-delay:0s;transition-delay:0s}#soupfactory .diagnosis__bg__syocho.show{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition-delay:1s;transition-delay:1s}#soupfactory .diagnosis__bg__left{position:absolute;left:0;bottom:28px;width:57px}#soupfactory .diagnosis__bg__right{position:absolute;right:11px;bottom:28px;width:35px}#soupfactory .diagnosis__bg__pot{position:absolute;bottom:24px;left:50%;margin-left:-128px;width:257px;height:141px}#soupfactory .diagnosis__bg__pot>img{position:absolute}#soupfactory .diagnosis__bg__pot__steam img{position:absolute;opacity:0}#soupfactory .diagnosis__bg__pot__steam img:first-child{width:61px;height:80px;top:-89px;left:52px}#soupfactory .diagnosis__bg__pot__steam img:nth-child(2){width:94px;height:96px;top:-117px;left:158px}#soupfactory .diagnosis__bg__pot__steam img.start_animation{-webkit-animation:pot_steam 3s linear 1s infinite;animation:pot_steam 3s linear 1s infinite}#soupfactory .diagnosis__bg__pot__seasoning{position:relative;left:50%}#soupfactory .diagnosis__bg__pot__seasoning span{position:absolute;-webkit-transform:scale(0);transform:scale(0);opacity:0}#soupfactory .diagnosis__bg__pot__seasoning span.triangle{border-top:7px solid transparent;border-right:12px solid #000;border-bottom:7px solid transparent}#soupfactory .diagnosis__bg__pot__seasoning span.squere{width:6px;height:6px;background-color:#000}#soupfactory .diagnosis__bg__pot__seasoning span.circle{width:19px;height:19px;border-radius:50%;background-color:#000}#soupfactory .diagnosis__bg__pot__seasoning span.start_animation{-webkit-animation:seasoning 1.5s linear;animation:seasoning 1.5s linear}#soupfactory .diagnosis__bg__pot__seasoning span:first-child{top:-191px;left:-17px;width:10px;height:10px}#soupfactory .diagnosis__bg__pot__seasoning span:nth-child(2){top:-173px;left:10px}#soupfactory .diagnosis__bg__pot__seasoning span:nth-child(3){top:-150px;left:-15px;width:10px;height:10px}#soupfactory .diagnosis__bg__pot__seasoning span:nth-child(4){top:-143px;left:13px}#soupfactory .diagnosis__bg__pot__seasoning span:nth-child(5){top:-128px;left:-24px;width:7px;height:7px}#soupfactory .diagnosis__bg__pot__seasoning span:nth-child(6){top:-101px;left:10px;width:8px;height:8px}#soupfactory .diagnosis__bg__pot__seasoning span:nth-child(7){top:-100px;left:-27px;width:17px;height:17px}#soupfactory .diagnosis__bg__pot__seasoning span:nth-child(8){top:-75px;left:14px;width:16px;height:16px}#soupfactory .diagnosis__bg__pot__seasoning span:nth-child(9){top:-69px;left:-10px;border-top:3px solid transparent;border-right:6px solid #000;border-bottom:3px solid transparent}#soupfactory .diagnosis__bg__pot__seasoning span:nth-child(10){top:-47px;left:-27px;width:12px;height:12px}#soupfactory .diagnosis__bg__pot__seasoning span:nth-child(11){top:-34px;left:8px;width:18px;height:18px}#soupfactory .diagnosis__bg__pot__seasoning span:nth-child(12){top:-15px;left:-23px;width:6px;height:6px}#soupfactory .diagnosis__bg__pot__seasoning span:nth-child(13){top:4px;left:0;border-top:4px solid transparent;border-right:7px solid #000;border-bottom:4px solid transparent}#soupfactory .diagnosis__bg__pot__seasoning span:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}#soupfactory .diagnosis__bg__pot__seasoning span:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}#soupfactory .diagnosis__bg__pot__seasoning span:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}#soupfactory .diagnosis__bg__pot__seasoning span:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s}#soupfactory .diagnosis__bg__pot__seasoning span:nth-child(5){-webkit-animation-delay:.5s;animation-delay:.5s}#soupfactory .diagnosis__bg__pot__seasoning span:nth-child(6){-webkit-animation-delay:.6s;animation-delay:.6s}#soupfactory .diagnosis__bg__pot__seasoning span:nth-child(7){-webkit-animation-delay:.7s;animation-delay:.7s}#soupfactory .diagnosis__bg__pot__seasoning span:nth-child(8){-webkit-animation-delay:.8s;animation-delay:.8s}#soupfactory .diagnosis__bg__pot__seasoning span:nth-child(9){-webkit-animation-delay:.9s;animation-delay:.9s}#soupfactory .diagnosis__bg__pot__seasoning span:nth-child(10){-webkit-animation-delay:1s;animation-delay:1s}#soupfactory .diagnosis__bg__pot__seasoning span:nth-child(11){-webkit-animation-delay:1.1s;animation-delay:1.1s}#soupfactory .diagnosis__bg__pot__seasoning span:nth-child(12){-webkit-animation-delay:1.2s;animation-delay:1.2s}#soupfactory .diagnosis__bg__pot__seasoning span:nth-child(13){-webkit-animation-delay:1.3s;animation-delay:1.3s}#soupfactory .diagnosis__bg__spoon{width:103px;height:161px;left:45%;top:-45px}#soupfactory .diagnosis__bg__table{position:absolute;bottom:0;width:100%;height:28px;background:url(../img/common/stage_pattern.svg) repeat-x;background-size:28px}#soupfactory .diagnosis[data-page="4"] .diagnosis__bg{display:none}#soupfactory .diagnosis .p01{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:39px}#soupfactory .diagnosis .p01__start{position:relative;width:251px;background:none;border:none;font-size:16px;-webkit-transition:-webkit-transform 1s cubic-bezier(.175,.885,.32,1.275);transition:-webkit-transform 1s cubic-bezier(.175,.885,.32,1.275);transition:transform 1s cubic-bezier(.175,.885,.32,1.275);transition:transform 1s cubic-bezier(.175,.885,.32,1.275), -webkit-transform 1s cubic-bezier(.175,.885,.32,1.275)}#soupfactory .diagnosis .p01__start img{width:100%;-webkit-animation:attention 4s ease 3s infinite;animation:attention 4s ease 3s infinite}#soupfactory .diagnosis .p01__start span{display:block;width:100%;text-align:center;position:absolute;bottom:65px;color:#094}#soupfactory .diagnosis .p01__start.hide{-webkit-transform:scale(0);transform:scale(0)}#soupfactory .diagnosis .p01__start.start{pointer-events:none;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 1s cubic-bezier(.445,.05,.55,.95);transition:-webkit-transform 1s cubic-bezier(.445,.05,.55,.95);transition:transform 1s cubic-bezier(.445,.05,.55,.95);transition:transform 1s cubic-bezier(.445,.05,.55,.95), -webkit-transform 1s cubic-bezier(.445,.05,.55,.95)}#soupfactory .diagnosis .p02 .qa{display:block;position:relative;width:100%;min-height:262px;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);-webkit-transition:all 1s ease;transition:all 1s ease;visibility:hidden}#soupfactory .diagnosis .p02 .qa.show{visibility:visible;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}#soupfactory .diagnosis .p02 .qa__bg{position:absolute;z-index:1;width:100%;height:100%;background:#fff;border-radius:13px}#soupfactory .diagnosis .p02 .qa__q{position:relative;z-index:1;padding:10px 0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}#soupfactory .diagnosis .p02 .qa__q__text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;width:100%;height:60px;font-size:16px;color:#094;line-height:1.45}#soupfactory .diagnosis .p02 .qa__q__select{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:10px}#soupfactory .diagnosis .p02 .qa__q__select>div{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:120px;height:120px}#soupfactory .diagnosis .p02 .qa__q__select>div+div{margin-left:24px}#soupfactory .diagnosis .p02 .qa__q__select>div.selected .qa__q__select__outline{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}#soupfactory .diagnosis .p02 .qa__q__select>div.unselected{opacity:.5;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}#soupfactory .diagnosis .p02 .qa__q__select img{width:100%}#soupfactory .diagnosis .p02 .qa__q__select p{text-align:center}#soupfactory .diagnosis .p02 .qa__q__select__outline{position:absolute;z-index:1;content:"";width:100%;height:100%;border:5px solid #000;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box}#soupfactory .diagnosis .p02 .qa__q.hide{opacity:0;-webkit-transition:opacity .5s ease .5s;transition:opacity .5s ease .5s}#soupfactory .diagnosis .p02 .qa__progress{position:absolute;bottom:23px;width:calc(100% - 60px);z-index:1;padding:0 30px}#soupfactory .diagnosis .p02 .qa__progress__bar{height:3px;background:#ff9200;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#soupfactory .diagnosis .p02 .qa__progress__bar>span{position:relative;background:#fff;width:11px;height:11px;border:3px solid #ff9200;border-radius:50%;-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes steam{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scaleX(-1);transform:scaleX(-1)}}@keyframes steam{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scaleX(-1);transform:scaleX(-1)}}#soupfactory .diagnosis .p02 .qa__progress__thumb{position:absolute;top:-26px;width:calc(100% - 60px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-transition:-webkit-transform 1s cubic-bezier(.39,.575,.565,1);transition:-webkit-transform 1s cubic-bezier(.39,.575,.565,1);transition:transform 1s cubic-bezier(.39,.575,.565,1);transition:transform 1s cubic-bezier(.39,.575,.565,1), -webkit-transform 1s cubic-bezier(.39,.575,.565,1)}#soupfactory .diagnosis .p02 .qa__progress__thumb__body{-webkit-transform:translateX(-18px);transform:translateX(-18px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#soupfactory .diagnosis .p02 .qa__progress__thumb__body>img{margin-top:2px;width:36px}#soupfactory .diagnosis .p02 .qa__progress__thumb__steam{width:17px;height:11px;overflow:hidden;position:relative;-webkit-transform-origin:bottom;transform-origin:bottom}#soupfactory .diagnosis .p02 .qa__progress__thumb__steam img{position:absolute;bottom:0;-webkit-animation:steam 1s steps(1) 0s infinite;animation:steam 1s steps(1) 0s infinite;height:11px}#soupfactory .diagnosis .p02 .qa__progress__thumb__n{position:absolute;font-size:15px;bottom:2px;color:#ff9200}#soupfactory .diagnosis .p02 .qa:after{content:"";display:block;position:absolute;z-index:0;top:5px;left:5px;width:100%;height:100%;background:#ff9200;border-radius:13px}#soupfactory .diagnosis .p02 .qa[data-qindex="2"] .qa__progress__thumb{-webkit-transform:translateX(25%);transform:translateX(25%)}#soupfactory .diagnosis .p02 .qa[data-qindex="3"] .qa__progress__thumb{-webkit-transform:translateX(50%);transform:translateX(50%)}#soupfactory .diagnosis .p02 .qa[data-qindex="4"] .qa__progress__thumb{-webkit-transform:translateX(75%);transform:translateX(75%)}#soupfactory .diagnosis .p02 .qa[data-qindex="5"] .qa__progress__thumb{-webkit-transform:translateX(100%);transform:translateX(100%)}#soupfactory .diagnosis .p03{padding-top:145px}#soupfactory .diagnosis .p03__title{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity 1s ease 1s;transition:opacity 1s ease 1s;display:none;opacity:0}#soupfactory .diagnosis .p03__title img{width:243px}#soupfactory .diagnosis .p03__title.show{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1}#soupfactory .diagnosis .p04{padding:121px 0 131px}#soupfactory .diagnosis .p04__content{position:relative;background:#fff}#soupfactory .diagnosis .p04__content:after,#soupfactory .diagnosis .p04__content:before{content:"";display:block;position:absolute;background:url(../img/result/bg_head.png) no-repeat;background-size:contain;width:100vw;height:22.4vw}#soupfactory .diagnosis .p04__content:before{bottom:100%}#soupfactory .diagnosis .p04__content:after{top:100%;-webkit-transform:scaleY(-1);transform:scaleY(-1)}#soupfactory .diagnosis .p04__content__inner{padding:0 30px 28px}#soupfactory .diagnosis .p04 h1{font-size:18px;color:#ff9200;text-align:center}#soupfactory .diagnosis .p04 h1:after,#soupfactory .diagnosis .p04 h1:before{display:inline-block;content:"";-webkit-transform:translateY(5px);transform:translateY(5px)}#soupfactory .diagnosis .p04 h1:before{background:url(../img/result/title_l.svg) no-repeat;background-size:contain;width:12px;height:20px;margin-right:9px}#soupfactory .diagnosis .p04 h1:after{background:url(../img/result/title_r.svg) no-repeat;background-size:contain;width:12px;height:20px;margin-left:9px}#soupfactory .diagnosis .p04 .txt01{margin-top:17px;text-align:center;color:#094;font-size:15px;line-height:1.6}#soupfactory .diagnosis .p04 .img01 img{display:block;max-width:200px;max-height:200px;margin:30px auto 0;width:auto;height:auto}#soupfactory .diagnosis .p04 .txt03{margin-top:30px;text-align:center;color:#094;font-size:15px;line-height:1.6;font-weight:500}#soupfactory .diagnosis .p04 .txt04{margin-top:22px;font-size:12px;color:#777;line-height:1.6;font-weight:300}#soupfactory .diagnosis .p04__recommend h3{margin:45px auto 0;background:url(../img/result/subtitle_bg_sm.svg) no-repeat;background-size:contain;width:315px;height:41px;font-size:15px;color:#fff;text-align:center;line-height:41px;font-weight:500}#soupfactory .diagnosis .p04__recommend ul{margin-top:30px}#soupfactory .diagnosis .p04__recommend li+li{margin-top:25px}#soupfactory .diagnosis .p04__recommend a{display:-webkit-box;display:-ms-flexbox;display:flex}#soupfactory .diagnosis .p04__recommend a span{font-family:FP-ヒラギノUD丸ゴ StdN W5}#soupfactory .diagnosis .p04__recommend a>div{width:65px;margin-right:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0}#soupfactory .diagnosis .p04__recommend a>div>img{max-width:65px;max-height:65px;width:auto;height:auto}#soupfactory .diagnosis .p04__recommend a>p{color:#094;font-size:12px;line-height:1.6;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#soupfactory .diagnosis .p04__top{margin:60px auto 0;display:block;position:relative;background:url(../img/result/btn_bg.png) no-repeat;background-size:contain;width:275px;height:68px;color:#fff;font-size:15px}#soupfactory .diagnosis .p04__top:after{display:block;position:absolute;top:50%;right:25px;content:"";background:url(../img/result/ico_arrow.svg) no-repeat;background-size:contain;width:10px;height:11px;-webkit-transform:translateY(-5px);transform:translateY(-5px)}#soupfactory .diagnosis .p04 a.inactive{pointer-events:none}@media screen and (min-width:64em){@-webkit-keyframes bg{0%{background-position:0 0}to{background-position:108px 142px}}@keyframes bg{0%{background-position:0 0}to{background-position:108px 142px}}#soupfactory .diagnosis{background-size:108px 142px}#soupfactory .diagnosis button,#soupfactory .diagnosis h1,#soupfactory .diagnosis p{font-size:22px}#soupfactory .diagnosis[data-page="1"]{height:calc(100vh - 123px);max-height:calc(70vw - 123px)}#soupfactory .diagnosis[data-page="1"] .p02,#soupfactory .diagnosis[data-page="1"] .p03,#soupfactory .diagnosis[data-page="1"] .p04{display:none}#soupfactory .diagnosis[data-page="2"]{height:calc(100vh - 123px);max-height:calc(70vw - 123px)}#soupfactory .diagnosis[data-page="2"] .p01,#soupfactory .diagnosis[data-page="2"] .p03,#soupfactory .diagnosis[data-page="2"] .p04{display:none}#soupfactory .diagnosis[data-page="3"]{height:calc(100vh - 123px);max-height:calc(70vw - 123px)}#soupfactory .diagnosis[data-page="3"] .p01,#soupfactory .diagnosis[data-page="3"] .p02,#soupfactory .diagnosis[data-page="3"] .p04,#soupfactory .diagnosis[data-page="4"] .p01,#soupfactory .diagnosis[data-page="4"] .p02,#soupfactory .diagnosis[data-page="4"] .p03{display:none}#soupfactory .diagnosis__bg__wall{position:absolute;top:104px;left:123px;display:block;width:263px}#soupfactory .diagnosis__bg__bottom{height:100%}#soupfactory .diagnosis__bg__syocho{bottom:39px;width:auto;height:calc(100% - 39px)}#soupfactory .diagnosis__bg__syocho img{width:auto;height:100%}#soupfactory .diagnosis__bg__left{bottom:36px;left:calc(50% - 615px);width:407px}#soupfactory .diagnosis__bg__right{left:calc(50% + 197px);right:auto;bottom:36px;width:341px}#soupfactory .diagnosis__bg__pot{bottom:36px;margin-left:-209px;width:419px;height:225px}#soupfactory .diagnosis__bg__pot__steam img:first-child{width:85px;height:103px;top:-130px;left:56px}#soupfactory .diagnosis__bg__pot__steam img:nth-child(2){width:116px;height:120px;top:-163px;left:224px}#soupfactory .diagnosis__bg__pot__seasoning span.triangle{border-top:9px solid transparent;border-right:16px solid #000;border-bottom:9px solid transparent}#soupfactory .diagnosis__bg__pot__seasoning span.squere{width:8px;height:8px}#soupfactory .diagnosis__bg__pot__seasoning span.circle{width:25px;height:25px}#soupfactory .diagnosis__bg__pot__seasoning span:first-child{top:-250px;left:-22px;width:13px;height:13px}#soupfactory .diagnosis__bg__pot__seasoning span:nth-child(2){top:-227px;left:13px}#soupfactory .diagnosis__bg__pot__seasoning span:nth-child(3){top:-197px;left:-20px;width:13px;height:13px}#soupfactory .diagnosis__bg__pot__seasoning span:nth-child(4){top:-187px;left:17px}#soupfactory .diagnosis__bg__pot__seasoning span:nth-child(5){top:-168px;left:-31px;width:9px;height:9px}#soupfactory .diagnosis__bg__pot__seasoning span:nth-child(6){top:-132px;left:13px;width:10px;height:10px}#soupfactory .diagnosis__bg__pot__seasoning span:nth-child(7){top:-131px;left:-35px;width:22px;height:22px}#soupfactory .diagnosis__bg__pot__seasoning span:nth-child(8){top:-98px;left:18px;width:21px;height:21px}#soupfactory .diagnosis__bg__pot__seasoning span:nth-child(9){top:-90px;left:-13px;border-top:4px solid transparent;border-right:8px solid #000;border-bottom:4px solid transparent}#soupfactory .diagnosis__bg__pot__seasoning span:nth-child(10){top:-62px;left:-35px;width:16px;height:16px}#soupfactory .diagnosis__bg__pot__seasoning span:nth-child(11){top:-45px;left:10px;width:24px;height:24px}#soupfactory .diagnosis__bg__pot__seasoning span:nth-child(12){top:-20px;left:-30px;width:8px;height:8px}#soupfactory .diagnosis__bg__pot__seasoning span:nth-child(13){top:5px;left:0;border-top:5px solid transparent;border-right:9px solid #000;border-bottom:5px solid transparent}#soupfactory .diagnosis__bg__spoon{width:167px;height:264px;left:45%;top:-58px}#soupfactory .diagnosis__bg__table{position:absolute;bottom:0;width:100%;height:39px;background:url(../img/common/stage_pattern.svg) repeat-x;background-size:78px}#soupfactory .diagnosis .p01{padding-top:calc(31.5vh - 191px)}#soupfactory .diagnosis .p01__start{width:37.5vh;-webkit-transition:-webkit-transform 1s cubic-bezier(.175,.885,.32,1.275);transition:-webkit-transform 1s cubic-bezier(.175,.885,.32,1.275);transition:transform 1s cubic-bezier(.175,.885,.32,1.275);transition:transform 1s cubic-bezier(.175,.885,.32,1.275), -webkit-transform 1s cubic-bezier(.175,.885,.32,1.275);-webkit-filter:none;filter:none}#soupfactory .diagnosis .p01__start:hover{-webkit-transform:scale(1.05);transform:scale(1.05);text-decoration:none}#soupfactory .diagnosis .p01__start span{font-size:20px;bottom:74px}#soupfactory .diagnosis .p02{padding-top:calc(50vh - 349px)}#soupfactory .diagnosis .p02 .qa{width:459px;min-height:316px;margin:0 auto}#soupfactory .diagnosis .p02 .qa__bg{border-radius:30px}#soupfactory .diagnosis .p02 .qa__q{padding:20px 0}#soupfactory .diagnosis .p02 .qa__q__text{height:64px;font-size:22px}#soupfactory .diagnosis .p02 .qa__q__text br{display:none}#soupfactory .diagnosis .p02 .qa__q__select{margin-top:11px}#soupfactory .diagnosis .p02 .qa__q__select>div{width:136px;height:136px;cursor:pointer}#soupfactory .diagnosis .p02 .qa__q__select>div+div{margin-left:31px}#soupfactory .diagnosis .p02 .qa__q__select>div:hover .qa__q__select__outline{-webkit-transform:scale(1.05);transform:scale(1.05)}#soupfactory .diagnosis .p02 .qa__q__select p{font-size:16px}#soupfactory .diagnosis .p02 .qa__q__select__outline{top:0;left:0;border:6px solid #000;-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease, -webkit-transform .5s ease}#soupfactory .diagnosis .p02 .qa__progress{bottom:30px;width:calc(100% - 120px);padding:0 60px}#soupfactory .diagnosis .p02 .qa__progress__bar{height:4px}#soupfactory .diagnosis .p02 .qa__progress__bar>span{width:13px;height:13px;border:4px solid #ff9200;-webkit-transform:translateY(-5px);transform:translateY(-5px)}#soupfactory .diagnosis .p02 .qa__progress__thumb{top:-30px;width:calc(100% - 120px)}#soupfactory .diagnosis .p02 .qa__progress__thumb__body{-webkit-transform:translateX(-18px);transform:translateX(-18px)}#soupfactory .diagnosis .p02 .qa__progress__thumb__body>img{margin-top:2px;width:42px}#soupfactory .diagnosis .p02 .qa__progress__thumb__steam{width:20px;height:14px}#soupfactory .diagnosis .p02 .qa__progress__thumb__steam img{height:14px}#soupfactory .diagnosis .p02 .qa__progress__thumb__n{font-size:17px;bottom:2px;left:50%;width:20px;margin-left:-10px;text-align:center}#soupfactory .diagnosis .p02 .qa:after{top:6px;left:6px;border-radius:30px}#soupfactory .diagnosis .p02 .qa[data-qindex="2"] .qa__progress__thumb{-webkit-transform:translateX(25%);transform:translateX(25%)}#soupfactory .diagnosis .p02 .qa[data-qindex="3"] .qa__progress__thumb{-webkit-transform:translateX(50%);transform:translateX(50%)}#soupfactory .diagnosis .p02 .qa[data-qindex="4"] .qa__progress__thumb{-webkit-transform:translateX(75%);transform:translateX(75%)}#soupfactory .diagnosis .p02 .qa[data-qindex="5"] .qa__progress__thumb{-webkit-transform:translateX(100%);transform:translateX(100%)}#soupfactory .diagnosis .p03{padding-top:calc(50vh - 266px)}#soupfactory .diagnosis .p03__title img{margin:0 10px;width:293px}#soupfactory .diagnosis .p04{padding:20px 0}#soupfactory .diagnosis .p04__content{background:url(../img/result/bg_lg.svg) no-repeat;background-size:contain;width:856px;height:770px;margin:0 auto;padding-top:86px}#soupfactory .diagnosis .p04__content:after,#soupfactory .diagnosis .p04__content:before{display:none}#soupfactory .diagnosis .p04__content:before{bottom:100%}#soupfactory .diagnosis .p04__content:after{top:100%;-webkit-transform:scaleY(-1);transform:scaleY(-1)}#soupfactory .diagnosis .p04__content__inner{padding:0 30px 28px}#soupfactory .diagnosis .p04__content a img{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}#soupfactory .diagnosis .p04__content a h2,#soupfactory .diagnosis .p04__content a p{-webkit-transition:-webkit-filter .3s ease;transition:-webkit-filter .3s ease;transition:filter .3s ease;transition:filter .3s ease, -webkit-filter .3s ease;-webkit-filter:none;filter:none}#soupfactory .diagnosis .p04__content a:hover{text-decoration:none}#soupfactory .diagnosis .p04__content a:hover h2,#soupfactory .diagnosis .p04__content a:hover p{-webkit-filter:brightness(1.1);filter:brightness(1.1)}#soupfactory .diagnosis .p04__content a:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}#soupfactory .diagnosis .p04__product{text-align:center;margin:30px auto 0;width:600px}#soupfactory .diagnosis .p04__product a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#soupfactory .diagnosis .p04 h1{font-size:18px}#soupfactory .diagnosis .p04 h1:after,#soupfactory .diagnosis .p04 h1:before{-webkit-transform:translateY(7px);transform:translateY(7px)}#soupfactory .diagnosis .p04 h1:before{width:15px;height:26px;margin-right:6px}#soupfactory .diagnosis .p04 h1:after{width:15px;height:26px;margin-left:6px}#soupfactory .diagnosis .p04 .txt01{margin-top:21px;font-size:22px}#soupfactory .diagnosis .p04 .img01{width:152px;height:152px;margin:0 30px;-ms-flex-negative:0;flex-shrink:0}#soupfactory .diagnosis .p04 .img01 img{margin:0 auto;max-width:152px;max-height:152px}#soupfactory .diagnosis .p04 .txt03{text-align:left;margin-top:0;font-size:18px}#soupfactory .diagnosis .p04 .txt03 br._sp{display:none}#soupfactory .diagnosis .p04 .txt04{margin:25px auto 0;font-size:14px;line-height:2;width:588px}#soupfactory .diagnosis .p04 .txt04 br._sp{display:none}#soupfactory .diagnosis .p04__recommend h3{margin:30px auto 0;background:url(../img/result/subtitle_bg_lg.svg) no-repeat;width:588px;height:38px;font-size:16px;line-height:38px}#soupfactory .diagnosis .p04__recommend ul{margin-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#soupfactory .diagnosis .p04__recommend li+li{margin-top:0;margin-left:30px}#soupfactory .diagnosis .p04__recommend a>div{width:76px;height:90px;margin-right:15px}#soupfactory .diagnosis .p04__recommend a>div>img{max-width:76px;max-height:76px}#soupfactory .diagnosis .p04__recommend a>p{font-size:14px;width:170px}#soupfactory .diagnosis .p04__top{margin:40px auto 0;width:220px;height:54px;font-size:14px;cursor:pointer}#soupfactory .diagnosis .p04__top span{display:inline-block}#soupfactory .diagnosis .p04__top:after{right:21px;width:9px;height:9px;margin-top:-4px;-webkit-transform:translateY(0);transform:translateY(0)}#soupfactory .diagnosis .p04__top:hover{text-decoration:none;background:url(../img/result/btn_bg_ov.png) no-repeat;background-size:contain}#soupfactory .diagnosis .p04__top:hover:after,#soupfactory .diagnosis .p04__top:hover span{-webkit-transform:translateY(2px);transform:translateY(2px)}}